@seedgrid/fe-components 0.2.4

package/dist/commons/SgPopup.js

@@ -0,0 +1,218 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(value, max));
+}
+function useEvent(fn) {
+    const ref = React.useRef(fn);
+    React.useEffect(() => {
+        ref.current = fn;
+    }, [fn]);
+    return React.useCallback((...args) => ref.current?.(...args), []);
+}
+const ACTION_CLS = {
+    primary: "text-primary-foreground bg-primary hover:brightness-95",
+    secondary: "text-secondary-foreground bg-secondary hover:brightness-95",
+    success: "text-white bg-emerald-600 hover:brightness-95",
+    info: "text-white bg-sky-600 hover:brightness-95",
+    warning: "text-white bg-amber-600 hover:brightness-95",
+    help: "text-white bg-violet-600 hover:brightness-95",
+    danger: "text-destructive-foreground bg-destructive hover:brightness-95",
+    plain: "text-foreground bg-muted hover:bg-muted/80"
+};
+const ACTION_DEFAULT_CLS = "text-foreground bg-transparent hover:bg-muted/80";
+function computeAlignedLeft(anchor, popup, align) {
+    if (align === "start")
+        return anchor.left;
+    if (align === "center")
+        return anchor.left + anchor.width / 2 - popup.width / 2;
+    return anchor.right - popup.width;
+}
+function computeAlignedTop(anchor, popup, align) {
+    if (align === "start")
+        return anchor.top;
+    if (align === "center")
+        return anchor.top + anchor.height / 2 - popup.height / 2;
+    return anchor.bottom - popup.height;
+}
+function chooseAutoPlacement(opts) {
+    const { anchor, popup, offset, prefer, viewportW, viewportH } = opts;
+    const space = {
+        right: viewportW - anchor.right,
+        left: anchor.left,
+        bottom: viewportH - anchor.bottom,
+        top: anchor.top
+    };
+    const fits = (placement) => {
+        if (placement === "left" || placement === "right") {
+            return space[placement] >= popup.width + offset;
+        }
+        return space[placement] >= popup.height + offset;
+    };
+    const opposite = {
+        right: "left",
+        left: "right",
+        top: "bottom",
+        bottom: "top"
+    };
+    const candidates = [
+        prefer,
+        opposite[prefer],
+        "bottom",
+        "top",
+        "right",
+        "left"
+    ];
+    return candidates.find(fits) ?? prefer;
+}
+function computePosition(opts) {
+    const { anchor, popup, placement, preferPlacement, align, offset, padding } = opts;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    const finalPlacement = placement === "auto"
+        ? chooseAutoPlacement({
+            anchor,
+            popup,
+            offset,
+            prefer: preferPlacement,
+            viewportW: vw,
+            viewportH: vh
+        })
+        : placement;
+    let top = 0;
+    let left = 0;
+    if (finalPlacement === "right") {
+        left = anchor.right + offset;
+        top = computeAlignedTop(anchor, popup, align);
+    }
+    else if (finalPlacement === "left") {
+        left = anchor.left - popup.width - offset;
+        top = computeAlignedTop(anchor, popup, align);
+    }
+    else if (finalPlacement === "bottom") {
+        top = anchor.bottom + offset;
+        left = computeAlignedLeft(anchor, popup, align);
+    }
+    else {
+        top = anchor.top - popup.height - offset;
+        left = computeAlignedLeft(anchor, popup, align);
+    }
+    left = clamp(left, padding, vw - popup.width - padding);
+    top = clamp(top, padding, vh - popup.height - padding);
+    return { top, left };
+}
+export function SgPopup(props) {
+    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);
+    const isOpen = isControlled ? open : internalOpen;
+    const setOpen = React.useCallback((next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChange?.(next);
+    }, [isControlled, onOpenChange]);
+    const onOpenEvt = useEvent(onOpen);
+    const onCloseEvt = useEvent(onClose);
+    const prevOpen = React.useRef(isOpen);
+    React.useEffect(() => {
+        if (prevOpen.current !== isOpen) {
+            if (isOpen)
+                onOpenEvt?.();
+            else
+                onCloseEvt?.();
+            prevOpen.current = isOpen;
+        }
+    }, [isOpen, onOpenEvt, onCloseEvt]);
+    const panelRef = React.useRef(null);
+    const [pos, setPos] = React.useState(null);
+    const recompute = React.useCallback(() => {
+        const anchorEl = anchorRef.current;
+        const panelEl = panelRef.current;
+        if (!anchorEl || !panelEl)
+            return;
+        const anchorRect = anchorEl.getBoundingClientRect();
+        const popupRect = panelEl.getBoundingClientRect();
+        const next = computePosition({
+            anchor: anchorRect,
+            popup: popupRect,
+            placement,
+            preferPlacement,
+            align,
+            offset,
+            padding
+        });
+        setPos({ top: next.top, left: next.left });
+    }, [anchorRef, placement, preferPlacement, align, offset, padding]);
+    React.useLayoutEffect(() => {
+        if (!isOpen)
+            return;
+        recompute();
+        const raf = requestAnimationFrame(recompute);
+        return () => cancelAnimationFrame(raf);
+    }, [isOpen, recompute]);
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const onResize = () => recompute();
+        const onScroll = () => recompute();
+        window.addEventListener("resize", onResize);
+        window.addEventListener("scroll", onScroll, { passive: true, capture: true });
+        return () => {
+            window.removeEventListener("resize", onResize);
+            window.removeEventListener("scroll", onScroll, true);
+        };
+    }, [isOpen, recompute]);
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const onDown = (e) => {
+            if (!closeOnOutsideClick)
+                return;
+            const panel = panelRef.current;
+            const anchor = anchorRef.current;
+            const target = e.target;
+            if (panel && panel.contains(target))
+                return;
+            if (anchor && anchor.contains(target))
+                return;
+            setOpen(false);
+        };
+        const onKey = (e) => {
+            if (!closeOnEscape)
+                return;
+            if (e.key === "Escape")
+                setOpen(false);
+        };
+        document.addEventListener("mousedown", onDown);
+        document.addEventListener("keydown", onKey);
+        return () => {
+            document.removeEventListener("mousedown", onDown);
+            document.removeEventListener("keydown", onKey);
+        };
+    }, [isOpen, closeOnOutsideClick, closeOnEscape, setOpen, anchorRef]);
+    const close = React.useCallback(() => setOpen(false), [setOpen]);
+    if (!isOpen)
+        return null;
+    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) => {
+                    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: () => {
+                            a.onClick?.();
+                            if (a.closeOnClick ?? true)
+                                close();
+                        }, children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [a.icon ? _jsx("span", { className: "inline-flex", children: a.icon }) : null, _jsx("span", { children: a.label })] }) }, idx));
+                }) })) : null] }));
+    return createPortal(body, document.body);
+}
+SgPopup.displayName = "SgPopup";

package/dist/commons/SgToast.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+export type SgToastId = string;
+export type SgToastType = "default" | "success" | "info" | "warning" | "error" | "loading";
+export type SgToastAction = {
+    label: React.ReactNode;
+    onClick?: () => void;
+};
+export type SgToastOptions = {
+    id?: SgToastId;
+    description?: React.ReactNode;
+    duration?: number;
+    action?: SgToastAction;
+    closeButton?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type SgToastRecord = Omit<SgToastOptions, "id"> & {
+    id: SgToastId;
+    type: SgToastType;
+    title?: React.ReactNode;
+    createdAt: number;
+};
+type SgToastListener = (toasts: SgToastRecord[]) => void;
+export declare function dismissSgToast(id?: SgToastId): void;
+export declare function subscribeSgToasts(listener: SgToastListener): () => void;
+export type SgToastPromiseMessages<T> = {
+    loading?: React.ReactNode;
+    success?: React.ReactNode | ((value: T) => React.ReactNode);
+    error?: React.ReactNode | ((error: unknown) => React.ReactNode);
+};
+export type SgToastFn = ((title?: React.ReactNode, options?: SgToastOptions) => SgToastId) & {
+    message: (title?: React.ReactNode, options?: SgToastOptions) => SgToastId;
+    success: (title?: React.ReactNode, options?: SgToastOptions) => SgToastId;
+    info: (title?: React.ReactNode, options?: SgToastOptions) => SgToastId;
+    warning: (title?: React.ReactNode, options?: SgToastOptions) => SgToastId;
+    error: (title?: React.ReactNode, options?: SgToastOptions) => SgToastId;
+    loading: (title?: React.ReactNode, options?: SgToastOptions) => SgToastId;
+    custom: (renderer: React.ReactNode | ((id: SgToastId) => React.ReactNode), options?: SgToastOptions) => SgToastId;
+    dismiss: (id?: SgToastId) => void;
+    promise: <T>(promiseOrFactory: Promise<T> | (() => Promise<T>), messages: SgToastPromiseMessages<T>, options?: SgToastOptions) => Promise<T>;
+};
+export declare const toast: SgToastFn;
+export {};
+//# sourceMappingURL=SgToast.d.ts.map

package/dist/commons/SgToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgToast.d.ts","sourceRoot":"","sources":["../../src/commons/SgToast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAC/B,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3F,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG;IACvD,EAAE,EAAE,SAAS,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;AA6CzD,wBAAgB,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS,QAY5C;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,eAAe,cAM1D;AAED,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,SAAS,CAAC,GAAG;IAC3F,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,SAAS,CAAC;IAC1E,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,SAAS,CAAC;IAC1E,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,SAAS,CAAC;IACvE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,SAAS,CAAC;IAC1E,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,SAAS,CAAC;IACxE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,KAAK,SAAS,CAAC;IAC1E,MAAM,EAAE,CACN,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,EAChE,OAAO,CAAC,EAAE,cAAc,KACrB,SAAS,CAAC;IACf,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,CAAC,EACT,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,EACjD,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,EACnC,OAAO,CAAC,EAAE,cAAc,KACrB,OAAO,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAoEF,eAAO,MAAM,KAAK,WAAY,CAAC"}

package/dist/commons/SgToast.js

@@ -0,0 +1,97 @@
+const listeners = new Set();
+let toasts = [];
+let toastCounter = 0;
+function emitToasts() {
+    const snapshot = [...toasts];
+    listeners.forEach((listener) => listener(snapshot));
+}
+function createToastId() {
+    toastCounter += 1;
+    return `sg-toast-${Date.now()}-${toastCounter}`;
+}
+function upsertToast(nextToast) {
+    const currentIndex = toasts.findIndex((item) => item.id === nextToast.id);
+    if (currentIndex < 0) {
+        toasts = [...toasts, nextToast];
+    }
+    else {
+        const currentToast = toasts[currentIndex];
+        const merged = {
+            ...currentToast,
+            ...nextToast
+        };
+        toasts = [...toasts.slice(0, currentIndex), merged, ...toasts.slice(currentIndex + 1)];
+    }
+    emitToasts();
+    return nextToast.id;
+}
+function showToast(type, title, options = {}) {
+    const id = options.id ?? createToastId();
+    return upsertToast({
+        ...options,
+        id,
+        type,
+        title,
+        createdAt: Date.now()
+    });
+}
+export function dismissSgToast(id) {
+    if (!id) {
+        toasts = [];
+        emitToasts();
+        return;
+    }
+    const previousCount = toasts.length;
+    toasts = toasts.filter((item) => item.id !== id);
+    if (toasts.length !== previousCount) {
+        emitToasts();
+    }
+}
+export function subscribeSgToasts(listener) {
+    listeners.add(listener);
+    listener([...toasts]);
+    return () => {
+        listeners.delete(listener);
+    };
+}
+const baseToast = ((title, options) => showToast("default", title, options));
+baseToast.message = (title, options) => showToast("default", title, options);
+baseToast.success = (title, options) => showToast("success", title, options);
+baseToast.info = (title, options) => showToast("info", title, options);
+baseToast.warning = (title, options) => showToast("warning", title, options);
+baseToast.error = (title, options) => showToast("error", title, options);
+baseToast.loading = (title, options) => showToast("loading", title, options);
+baseToast.custom = (renderer, options) => {
+    const id = options?.id ?? createToastId();
+    const title = typeof renderer === "function" ? renderer(id) : renderer;
+    return showToast("default", title, { ...options, id });
+};
+baseToast.dismiss = (id) => {
+    dismissSgToast(id);
+};
+baseToast.promise = async (promiseOrFactory, messages, options) => {
+    const runPromise = typeof promiseOrFactory === "function" ? promiseOrFactory() : promiseOrFactory;
+    const loadingId = baseToast.loading(messages.loading ?? "Loading...", options);
+    try {
+        const value = await runPromise;
+        if (messages.success !== undefined) {
+            const successTitle = typeof messages.success === "function" ? messages.success(value) : messages.success;
+            baseToast.success(successTitle, { ...options, id: loadingId });
+        }
+        else {
+            baseToast.dismiss(loadingId);
+        }
+        return value;
+    }
+    catch (error) {
+        if (messages.error !== undefined) {
+            const errorTitle = typeof messages.error === "function" ? messages.error(error) : messages.error;
+            baseToast.error(errorTitle, { ...options, id: loadingId });
+        }
+        else {
+            baseToast.dismiss(loadingId);
+        }
+        throw error;
+    }
+};
+export const toast = baseToast;

package/dist/commons/SgToaster.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type SgToasterPosition = "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center";
+export type SgToasterProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    position?: SgToasterPosition;
+    duration?: number;
+    visibleToasts?: number;
+    closeButton?: boolean;
+    richColors?: boolean;
+};
+export declare function SgToaster(props: SgToasterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgToaster.d.ts.map

package/dist/commons/SgToaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgToaster.d.ts","sourceRoot":"","sources":["../../src/commons/SgToaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,CAAC;AAEpB,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AA6BF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAyH9C"}

package/dist/commons/SgToaster.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { dismissSgToast, subscribeSgToasts } from "./SgToast";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+const POSITION_CLASS = {
+    "top-right": "top-4 right-4 items-end",
+    "top-left": "top-4 left-4 items-start",
+    "top-center": "top-4 left-1/2 -translate-x-1/2 items-center",
+    "bottom-right": "bottom-4 right-4 items-end",
+    "bottom-left": "bottom-4 left-4 items-start",
+    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 items-center"
+};
+const RICH_TYPE_CLASS = {
+    default: "border-border bg-background text-foreground",
+    success: "border-green-500 bg-green-600 text-white",
+    info: "border-sky-500 bg-sky-600 text-white",
+    warning: "border-amber-500 bg-amber-500 text-black",
+    error: "border-red-500 bg-red-600 text-white",
+    loading: "border-blue-500 bg-blue-600 text-white"
+};
+const SOFT_TYPE_CLASS = {
+    default: "border-border bg-background text-foreground",
+    success: "border-green-300 bg-green-50 text-green-900",
+    info: "border-sky-300 bg-sky-50 text-sky-900",
+    warning: "border-amber-300 bg-amber-50 text-amber-900",
+    error: "border-red-300 bg-red-50 text-red-900",
+    loading: "border-blue-300 bg-blue-50 text-blue-900"
+};
+export function SgToaster(props) {
+    const { position = "top-right", duration = 4000, visibleToasts = 6, closeButton = true, richColors = true, className, style, ...rest } = props;
+    const [toasts, setToasts] = React.useState([]);
+    const timersRef = React.useRef({});
+    React.useEffect(() => subscribeSgToasts(setToasts), []);
+    const visible = React.useMemo(() => {
+        if (visibleToasts <= 0) {
+            return [];
+        }
+        return toasts.slice(-visibleToasts);
+    }, [toasts, visibleToasts]);
+    React.useEffect(() => {
+        const activeIds = new Set();
+        visible.forEach((toast) => {
+            const toastId = toast.id;
+            activeIds.add(toastId);
+            if (timersRef.current[toastId]) {
+                return;
+            }
+            if (toast.type === "loading") {
+                return;
+            }
+            const timeout = toast.duration ?? duration;
+            if (timeout <= 0) {
+                return;
+            }
+            timersRef.current[toastId] = setTimeout(() => {
+                dismissSgToast(toastId);
+                delete timersRef.current[toastId];
+            }, timeout);
+        });
+        Object.entries(timersRef.current).forEach(([toastId, timeoutRef]) => {
+            if (activeIds.has(toastId)) {
+                return;
+            }
+            clearTimeout(timeoutRef);
+            delete timersRef.current[toastId];
+        });
+    }, [visible, duration]);
+    React.useEffect(() => {
+        return () => {
+            Object.values(timersRef.current).forEach((timeoutRef) => clearTimeout(timeoutRef));
+            timersRef.current = {};
+        };
+    }, []);
+    return (_jsx("div", { className: cn("pointer-events-none fixed z-[1100] flex max-h-screen w-full flex-col gap-2 p-4 sm:w-auto", POSITION_CLASS[position], className), style: style, ...rest, children: visible.map((toast) => {
+            const typeClass = richColors ? RICH_TYPE_CLASS[toast.type] : SOFT_TYPE_CLASS[toast.type];
+            const canClose = toast.closeButton ?? closeButton;
+            return (_jsxs("div", { className: cn("pointer-events-auto flex min-w-[260px] max-w-[420px] items-start gap-3 rounded-md border px-3 py-2 shadow-lg", typeClass, toast.className), style: toast.style, role: "status", "aria-live": "polite", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [toast.title ? _jsx("div", { className: "text-sm font-semibold", children: toast.title }) : null, toast.description ? _jsx("div", { className: "mt-0.5 text-xs opacity-90", children: toast.description }) : null] }), toast.action ? (_jsx("button", { type: "button", className: "rounded border border-current/30 px-2 py-1 text-xs font-medium opacity-95 hover:opacity-100", onClick: () => {
+                            toast.action?.onClick?.();
+                            dismissSgToast(toast.id);
+                        }, children: toast.action.label })) : null, canClose ? (_jsx("button", { type: "button", className: "rounded px-1.5 py-0.5 text-xs opacity-80 hover:opacity-100", onClick: () => dismissSgToast(toast.id), "aria-label": "Close toast", children: "x" })) : null] }, toast.id));
+        }) }));
+}

package/dist/commons/common-passwords.d.ts

@@ -0,0 +1,2 @@
+export declare function buildCommonPasswordSet(extra?: string[]): Set<string>;
+//# sourceMappingURL=common-passwords.d.ts.map

package/dist/commons/common-passwords.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-passwords.d.ts","sourceRoot":"","sources":["../../src/commons/common-passwords.ts"],"names":[],"mappings":"AAuJA,wBAAgB,sBAAsB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,eAyBtD"}

package/dist/commons/common-passwords.js

@@ -0,0 +1,167 @@
+const BASE_COMMON_PASSWORDS = [
+    "123456",
+    "1234567",
+    "12345678",
+    "123456789",
+    "1234567890",
+    "111111",
+    "222222",
+    "333333",
+    "444444",
+    "555555",
+    "666666",
+    "777777",
+    "888888",
+    "999999",
+    "000000",
+    "password",
+    "password1",
+    "password12",
+    "password123",
+    "senha",
+    "senha1",
+    "senha12",
+    "senha123",
+    "senha1234",
+    "admin",
+    "admin1",
+    "admin123",
+    "qwerty",
+    "qwerty1",
+    "qwerty123",
+    "abc123",
+    "abc12345",
+    "abcdef",
+    "abcdefg",
+    "abcdefg1",
+    "abcdefg123",
+    "letmein",
+    "welcome",
+    "iloveyou",
+    "love",
+    "football",
+    "monkey",
+    "dragon",
+    "master",
+    "sunshine",
+    "princess",
+    "baseball",
+    "passw0rd",
+    "p@ssword",
+    "pa55word",
+    "qazwsx",
+    "qazwsx123",
+    "asdfgh",
+    "asdfgh123",
+    "zxcvbn",
+    "zxcvbn123",
+    "login",
+    "user",
+    "root",
+    "teste",
+    "test",
+    "test123",
+    "teste123",
+    "123123",
+    "123123123",
+    "321321",
+    "654321",
+    "987654",
+    "112233",
+    "121212",
+    "00000000",
+    "aaaaaa",
+    "aaaaaaa",
+    "aaaaaaaa",
+    "bbbbbb",
+    "cccccc",
+    "dddddd",
+    "eeeeee",
+    "fffffff",
+    "gggggg",
+    "hhhhhh",
+    "iiiiii",
+    "jjjjjj",
+    "kkkkkk",
+    "llllll",
+    "mmmmmm",
+    "nnnnnn",
+    "oooooo",
+    "pppppp",
+    "qqqqqq",
+    "rrrrrr",
+    "ssssss",
+    "tttttt",
+    "uuuuuu",
+    "vvvvvv",
+    "wwwwww",
+    "xxxxxx",
+    "yyyyyy",
+    "zzzzzz",
+    "secret",
+    "senha2020",
+    "senha2021",
+    "senha2022",
+    "senha2023",
+    "senha2024",
+    "password2020",
+    "password2021",
+    "password2022",
+    "password2023",
+    "password2024",
+    "admin2020",
+    "admin2021",
+    "admin2022",
+    "admin2023",
+    "admin2024",
+    "qwerty2020",
+    "qwerty2021",
+    "qwerty2022",
+    "qwerty2023",
+    "qwerty2024"
+];
+const PREFIXES = [
+    "senha",
+    "password",
+    "admin",
+    "qwerty",
+    "abc",
+    "teste",
+    "test",
+    "user",
+    "login",
+    "welcome",
+    "love",
+    "iloveyou",
+    "football",
+    "master",
+    "monkey",
+    "dragon",
+    "sunshine",
+    "princess",
+    "pass",
+    "secret",
+    "root",
+    "letmein"
+];
+const SUFFIX_NUMBERS = Array.from({ length: 40 }, (_, i) => String(i + 1));
+const YEARS = Array.from({ length: 56 }, (_, index) => String(1970 + index));
+export function buildCommonPasswordSet(extra) {
+    const list = [];
+    const add = (value) => {
+        if (value)
+            list.push(value);
+    };
+    BASE_COMMON_PASSWORDS.forEach(add);
+    PREFIXES.forEach((prefix) => {
+        SUFFIX_NUMBERS.forEach((num) => add(`${prefix}${num}`));
+        YEARS.forEach((year) => add(`${prefix}${year}`));
+    });
+    ["123", "1234", "12345", "123456", "1234567", "12345678", "123456789"].forEach((seq) => add(seq));
+    ["1111", "2222", "3333", "4444", "5555", "6666", "7777", "8888", "9999"].forEach((seq) => add(seq));
+    if (extra && extra.length > 0) {
+        extra.forEach((value) => add(value));
+    }
+    const normalized = Array.from(new Set(list.map((item) => item.trim().toLowerCase()).filter(Boolean)));
+    return new Set(normalized.slice(0, 1000));
+}

package/dist/environment/SgEnvironmentProvider.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import type { NamespaceProvider, PersistenceStrategy, SgPersistenceRecordDTO, SgPersistenceMode, SgPersistenceConfig, SgEnvironmentValue, SgEnvironment } from "./persistence";
+export type { NamespaceProvider, PersistenceStrategy, SgPersistenceRecordDTO, SgPersistenceMode, SgPersistenceConfig, SgEnvironmentValue, SgEnvironment, };
+export { buildSgPersistenceKey, createLocalStorageStrategy, createApiPersistenceStrategy, createCompositePersistenceStrategy, } from "./persistence";
+export declare function SgEnvironmentProvider(props: {
+    value?: Partial<SgEnvironmentValue>;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useSgEnvironment(): SgEnvironmentValue;
+export declare function useSgNamespaceProvider(): NamespaceProvider;
+export declare function useSgPersistence(): {
+    namespace: string | null;
+    scope: string;
+    mode: SgPersistenceMode;
+    stateVersion: number;
+    load: (baseKey: string) => Promise<unknown>;
+    save: (baseKey: string, state: unknown) => Promise<void>;
+    clear: (baseKey: string) => Promise<void>;
+};
+export declare function useSgPersistentState<T>(args: {
+    baseKey: string;
+    defaultValue: T;
+    serialize?: (value: T) => unknown;
+    deserialize?: (value: unknown) => T;
+}): {
+    value: T;
+    setValue: (next: T | ((prev: T) => T)) => void;
+    clear: () => Promise<void>;
+    hydrated: boolean;
+};
+//# sourceMappingURL=SgEnvironmentProvider.d.ts.map

package/dist/environment/SgEnvironmentProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgEnvironmentProvider.d.ts","sourceRoot":"","sources":["../../src/environment/SgEnvironmentProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACd,MAAM,eAAe,CAAC;AAGvB,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,GACd,CAAC;AACF,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,eAAe,CAAC;AAkBvB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAyBA;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAErD;AAED,wBAAgB,sBAAsB,IAAI,iBAAiB,CAE1D;AAED,wBAAgB,gBAAgB;;;;;oBAOZ,MAAM;oBASN,MAAM,SAAS,OAAO;qBAStB,MAAM;EAiBzB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,IAAI,EAAE;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,CAAC,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC;CACrC;;qBAgCU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;;;EAgB9B"}