@seedgrid/fe-components 0.2.4 → 0.2.7

package/dist/commons/SgButton.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-type Severity = "primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger" | "plain";
-type Appearance = "solid" | "flat" | "outline" | "ghost" | "text";
-type Size = "sm" | "md" | "lg";
-type Shape = "default" | "rounded";
-export type SgButtonCustomColors = {
-    bg?: string;
-    fg?: string;
-    border?: string;
-    hoverBg?: string;
-    hoverFg?: string;
-    hoverBorder?: string;
-    activeBg?: string;
-    ring?: string;
-};
-export type SgButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
-    severity?: Severity;
-    appearance?: Appearance;
-    size?: Size;
-    shape?: Shape;
-    raised?: boolean;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    loading?: boolean;
-    customColors?: SgButtonCustomColors;
-};
-export declare const SgButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
-    severity?: Severity;
-    appearance?: Appearance;
-    size?: Size;
-    shape?: Shape;
-    raised?: boolean;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    loading?: boolean;
-    customColors?: SgButtonCustomColors;
-} & React.RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=SgButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SgButton.d.ts","sourceRoot":"","sources":["../../src/commons/SgButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,QAAQ,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ,KAAK,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAElE,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,GAAG;IACzF,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC,CAAC;AAsIF,eAAO,MAAM,QAAQ;eA/IR,QAAQ;iBACN,UAAU;WAChB,IAAI;YACH,KAAK;aACJ,OAAO;eACL,KAAK,CAAC,SAAS;gBACd,KAAK,CAAC,SAAS;cACjB,OAAO;mBACF,oBAAoB;2CAuMpC,CAAC"}

package/dist/commons/SgButton.js

@@ -1,116 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-function cn(...parts) {
-    return parts.filter(Boolean).join(" ");
-}
-const PRESET = {
-    primary: {
-        bg: "#1d4ed8",
-        fg: "#ffffff",
-        border: "#1d4ed8",
-        hoverBg: "#1e40af",
-        ring: "rgba(29,78,216,.35)"
-    },
-    secondary: {
-        bg: "#64748b",
-        fg: "#ffffff",
-        border: "#64748b",
-        hoverBg: "#475569",
-        ring: "rgba(100,116,139,.35)"
-    },
-    success: {
-        bg: "#65a30d",
-        fg: "#ffffff",
-        border: "#65a30d",
-        hoverBg: "#4d7c0f",
-        ring: "rgba(101,163,13,.35)"
-    },
-    info: {
-        bg: "#0284c7",
-        fg: "#ffffff",
-        border: "#0284c7",
-        hoverBg: "#0369a1",
-        ring: "rgba(2,132,199,.35)"
-    },
-    warning: {
-        bg: "#f59e0b",
-        fg: "#111827",
-        border: "#f59e0b",
-        hoverBg: "#d97706",
-        ring: "rgba(245,158,11,.35)"
-    },
-    help: {
-        bg: "#9333ea",
-        fg: "#ffffff",
-        border: "#9333ea",
-        hoverBg: "#7e22ce",
-        ring: "rgba(147,51,234,.35)"
-    },
-    danger: {
-        bg: "#dc2626",
-        fg: "#ffffff",
-        border: "#dc2626",
-        hoverBg: "#b91c1c",
-        ring: "rgba(220,38,38,.35)"
-    },
-    plain: {
-        bg: "#e5e7eb",
-        fg: "#111827",
-        border: "#d1d5db",
-        hoverBg: "#d1d5db",
-        ring: "rgba(17,24,39,.20)"
-    }
-};
-const SIZE = {
-    sm: { h: "h-8", px: "px-3", text: "text-sm", gap: "gap-2", icon: "size-4", radius: "rounded-md" },
-    md: { h: "h-10", px: "px-4", text: "text-sm", gap: "gap-2", icon: "size-4", radius: "rounded-lg" },
-    lg: { h: "h-12", px: "px-5", text: "text-base", gap: "gap-2.5", icon: "size-5", radius: "rounded-xl" }
-};
-function buildVars(severity, custom) {
-    const base = PRESET[severity];
-    const merged = {
-        bg: custom?.bg ?? base.bg,
-        fg: custom?.fg ?? base.fg,
-        border: custom?.border ?? base.border,
-        hoverBg: custom?.hoverBg ?? base.hoverBg,
-        hoverFg: custom?.hoverFg ?? (custom?.fg ?? base.fg),
-        hoverBorder: custom?.hoverBorder ?? (custom?.border ?? base.border),
-        activeBg: custom?.activeBg ?? (custom?.hoverBg ?? base.hoverBg),
-        ring: custom?.ring ?? base.ring
-    };
-    return {
-        ["--sg-btn-bg"]: merged.bg,
-        ["--sg-btn-fg"]: merged.fg,
-        ["--sg-btn-border"]: merged.border,
-        ["--sg-btn-hover-bg"]: merged.hoverBg,
-        ["--sg-btn-hover-fg"]: merged.hoverFg,
-        ["--sg-btn-hover-border"]: merged.hoverBorder,
-        ["--sg-btn-active-bg"]: merged.activeBg,
-        ["--sg-btn-ring"]: merged.ring
-    };
-}
-function appearanceClass(appearance) {
-    switch (appearance) {
-        case "solid":
-            return cn("bg-[var(--sg-btn-bg)] text-[var(--sg-btn-fg)] border border-[var(--sg-btn-border)]", "hover:bg-[var(--sg-btn-hover-bg)] hover:text-[var(--sg-btn-hover-fg)] hover:border-[var(--sg-btn-hover-border)]", "active:bg-[var(--sg-btn-active-bg)]");
-        case "flat":
-            return cn("bg-[var(--sg-btn-bg)] text-[var(--sg-btn-fg)] border border-transparent", "hover:bg-[var(--sg-btn-hover-bg)] hover:text-[var(--sg-btn-hover-fg)]", "active:bg-[var(--sg-btn-active-bg)]");
-        case "outline":
-            return cn("bg-transparent text-[var(--sg-btn-bg)] border border-[var(--sg-btn-border)]", "hover:bg-[color-mix(in_srgb,var(--sg-btn-bg)_12%,transparent)]", "active:bg-[color-mix(in_srgb,var(--sg-btn-bg)_18%,transparent)]");
-        case "ghost":
-            return cn("bg-transparent text-[var(--sg-btn-bg)] border border-transparent", "hover:bg-[color-mix(in_srgb,var(--sg-btn-bg)_10%,transparent)]", "active:bg-[color-mix(in_srgb,var(--sg-btn-bg)_16%,transparent)]");
-        case "text":
-            return cn("bg-transparent text-[var(--sg-btn-bg)] border border-transparent", "hover:underline underline-offset-4");
-    }
-}
-export const SgButton = React.forwardRef(({ severity = "primary", appearance = "solid", size = "md", shape = "default", raised = false, leftIcon, rightIcon, loading = false, disabled, className, children, style, customColors, type = "button", ...rest }, ref) => {
-    const isDisabled = Boolean(disabled || loading);
-    const isIconOnly = !children && (leftIcon || rightIcon);
-    const s = SIZE[size];
-    return (_jsx("button", { ref: ref, type: type, disabled: isDisabled, style: { ...buildVars(severity, customColors), ...style }, className: cn("inline-flex items-center justify-center select-none whitespace-nowrap", "font-medium", "transition-[background-color,color,border-color,box-shadow,transform] duration-150", "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[var(--sg-btn-ring)]", "disabled:opacity-60 disabled:cursor-not-allowed", s.h, isIconOnly ? "aspect-square" : s.px, s.text, s.gap, shape === "rounded" ? "rounded-full" : s.radius, appearanceClass(appearance), raised && appearance !== "text" ? "shadow-sm hover:shadow-md active:shadow-sm" : false, !isDisabled && appearance !== "text" ? "active:translate-y-[0.5px]" : false, className), ...rest, children: loading ? (_jsxs("span", { className: cn("inline-flex items-center", s.gap), children: [_jsx(Spinner, { className: s.icon }), children ? _jsx("span", { children: children }) : null] })) : (_jsxs("span", { className: cn("inline-flex items-center", s.gap), children: [leftIcon ? _jsx("span", { className: cn("shrink-0", s.icon), children: leftIcon }) : null, children ? _jsx("span", { children: children }) : null, rightIcon ? _jsx("span", { className: cn("shrink-0", s.icon), children: rightIcon }) : null] })) }));
-});
-SgButton.displayName = "SgButton";
-function Spinner({ className }) {
-    return (_jsxs("svg", { className: cn("animate-spin", className), viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeOpacity: "0.25", strokeWidth: "3" }), _jsx("path", { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })] }));
-}

package/dist/commons/SgPopup.d.ts

@@ -1,42 +0,0 @@
-import * as React from "react";
-export type SgPopupPlacement = "auto" | "top" | "right" | "bottom" | "left";
-export type SgPopupPreferPlacement = "top" | "right" | "bottom" | "left";
-export type SgPopupAlign = "start" | "center" | "end";
-export type SgPopupSeverity = "primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger" | "plain";
-export type SgPopupAction = {
-    icon?: React.ReactNode;
-    label: string;
-    hint?: string;
-    severity?: SgPopupSeverity;
-    disabled?: boolean;
-    closeOnClick?: boolean;
-    onClick?: () => void;
-};
-export type SgPopupProps = {
-    title?: string;
-    subtitle?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    defaultOpen?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    anchorRef: React.RefObject<HTMLElement>;
-    placement?: SgPopupPlacement;
-    preferPlacement?: SgPopupPreferPlacement;
-    align?: SgPopupAlign;
-    offset?: number;
-    padding?: number;
-    closeOnOutsideClick?: boolean;
-    closeOnEscape?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    zIndex?: number;
-    minWidth?: number | string;
-    actions?: SgPopupAction[];
-    children?: React.ReactNode;
-};
-export declare function SgPopup(props: Readonly<SgPopupProps>): React.ReactPortal | null;
-export declare namespace SgPopup {
-    var displayName: string;
-}
-//# sourceMappingURL=SgPopup.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SgPopup.d.ts","sourceRoot":"","sources":["../../src/commons/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"}

package/dist/commons/SgPopup.js

@@ -1,218 +0,0 @@
-"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/inputs/FloatingInput.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export type SgFloatingInputProps = {
-    id: string;
-    label: string;
-    error?: string;
-    type?: React.HTMLInputTypeAttribute;
-    placeholder?: string;
-    className?: string;
-    labelClassName?: string;
-    inputProps: React.InputHTMLAttributes<HTMLInputElement>;
-};
-export declare function SgFloatingInput(props: SgFloatingInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FloatingInput.d.ts.map

package/dist/inputs/FloatingInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingInput.d.ts","sourceRoot":"","sources":["../../src/inputs/FloatingInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CACzD,CAAC;AAOF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAwE1D"}

package/dist/inputs/FloatingInput.js

@@ -1,53 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-function ErrorText(props) {
-    if (!props.message)
-        return null;
-    return _jsx("p", { className: "text-xs text-red-600", children: props.message });
-}
-export function SgFloatingInput(props) {
-    const placeholder = props.placeholder ?? props.label;
-    const inputRef = React.useRef(null);
-    const [isFilled, setIsFilled] = React.useState(() => {
-        const value = props.inputProps.value ?? props.inputProps.defaultValue ?? "";
-        return String(value).length > 0;
-    });
-    React.useEffect(() => {
-        const next = (inputRef.current?.value ?? "").length > 0;
-        if (next !== isFilled)
-            setIsFilled(next);
-    });
-    React.useEffect(() => {
-        if (props.inputProps.value === undefined)
-            return;
-        setIsFilled(String(props.inputProps.value ?? "").length > 0);
-    }, [props.inputProps.value]);
-    const setRefs = React.useCallback((node) => {
-        inputRef.current = node;
-        const ref = props.inputProps.ref;
-        if (!ref)
-            return;
-        if (typeof ref === "function") {
-            ref(node);
-        }
-        else if (typeof ref === "object") {
-            ref.current = node;
-        }
-    }, [props.inputProps]);
-    const handleChange = (event) => {
-        setIsFilled(event.currentTarget.value.length > 0);
-        props.inputProps.onChange?.(event);
-    };
-    const handleBlur = (event) => {
-        setIsFilled(event.currentTarget.value.length > 0);
-        props.inputProps.onBlur?.(event);
-    };
-    return (_jsxs("div", { children: [_jsxs("div", { className: "relative", children: [_jsx("input", { id: props.id, type: props.type ?? "text", placeholder: placeholder, className: props.className ??
-                            "peer h-11 w-full rounded-md border border-border bg-white px-3 pt-4 text-sm shadow-sm placeholder-transparent focus:border-[hsl(var(--primary))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary)/0.25)]", ...props.inputProps, ref: setRefs, onChange: handleChange, onBlur: handleBlur }), _jsx("label", { htmlFor: props.id, className: [
-                            "absolute left-3 bg-white px-1 transition-all",
-                            isFilled ? "-top-2 text-xs text-[hsl(var(--primary))]" : "top-3 text-sm text-foreground/60",
-                            "peer-focus:-top-2 peer-focus:text-xs peer-focus:text-[hsl(var(--primary))]",
-                            props.labelClassName ?? ""
-                        ].join(" "), children: props.label })] }), _jsx(ErrorText, { message: props.error })] }));
-}

package/dist/inputs/FloatingSelect.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export type SgFloatingSelectProps = {
-    id: string;
-    label: string;
-    error?: string;
-    className?: string;
-    options: Array<{
-        value: string;
-        label: string;
-    }>;
-    selectProps: React.SelectHTMLAttributes<HTMLSelectElement>;
-    alwaysFloat?: boolean;
-};
-export declare function SgFloatingSelect(props: SgFloatingSelectProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FloatingSelect.d.ts.map

package/dist/inputs/FloatingSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingSelect.d.ts","sourceRoot":"","sources":["../../src/inputs/FloatingSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,WAAW,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAOF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA4F5D"}

package/dist/inputs/FloatingSelect.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-function ErrorText(props) {
-    if (!props.message)
-        return null;
-    return _jsx("p", { className: "text-xs text-red-600", children: props.message });
-}
-export function SgFloatingSelect(props) {
-    const selectRef = React.useRef(null);
-    const [isFilled, setIsFilled] = React.useState(() => {
-        const value = props.selectProps.value ?? props.selectProps.defaultValue ?? "";
-        return String(value).length > 0;
-    });
-    React.useEffect(() => {
-        const next = (selectRef.current?.value ?? "").length > 0;
-        if (next !== isFilled)
-            setIsFilled(next);
-    });
-    React.useEffect(() => {
-        if (props.selectProps.value === undefined)
-            return;
-        setIsFilled(String(props.selectProps.value ?? "").length > 0);
-    }, [props.selectProps.value]);
-    const setRefs = React.useCallback((node) => {
-        selectRef.current = node;
-        const ref = props.selectProps.ref;
-        if (!ref)
-            return;
-        if (typeof ref === "function") {
-            ref(node);
-        }
-        else if (typeof ref === "object") {
-            ref.current = node;
-        }
-    }, [props.selectProps]);
-    const handleChange = (event) => {
-        setIsFilled(event.currentTarget.value.length > 0);
-        props.selectProps.onChange?.(event);
-    };
-    const handleBlur = (event) => {
-        setIsFilled(event.currentTarget.value.length > 0);
-        props.selectProps.onBlur?.(event);
-    };
-    const alwaysFloat = props.alwaysFloat ?? (props.selectProps?.["data-floating"] === "always");
-    return (_jsxs("div", { children: [_jsxs("div", { className: "relative", children: [alwaysFloat ? (_jsx("label", { htmlFor: props.id, className: "pointer-events-none absolute left-3 top-0 z-10 -translate-y-1/2 bg-white px-1 text-[11px] font-medium leading-none text-foreground/70", children: props.label })) : null, _jsxs("select", { id: props.id, className: props.className ??
-                            "peer h-11 w-full rounded-md border border-border bg-white px-3 pt-4 text-sm shadow-sm focus:border-[hsl(var(--primary))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary)/0.25)]", ...props.selectProps, ref: setRefs, onChange: handleChange, onBlur: handleBlur, children: [_jsx("option", { value: "", children: "Selecione" }), props.options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }), alwaysFloat ? (_jsx("label", { htmlFor: props.id, className: "sr-only", children: props.label })) : (_jsx("label", { htmlFor: props.id, className: [
-                            "absolute left-3 bg-white px-1 transition-all",
-                            isFilled ? "-top-2 text-xs text-[hsl(var(--primary))]" : "top-3 text-sm text-foreground/60",
-                            "peer-focus:-top-2 peer-focus:text-xs peer-focus:text-[hsl(var(--primary))]"
-                        ].join(" "), children: props.label }))] }), _jsx(ErrorText, { message: props.error })] }));
-}

package/dist/inputs/FloatingTextArea.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export type SgFloatingTextAreaProps = {
-    id: string;
-    label: string;
-    error?: string;
-    placeholder?: string;
-    className?: string;
-    textareaProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-};
-export declare function SgFloatingTextArea(props: SgFloatingTextAreaProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FloatingTextArea.d.ts.map

package/dist/inputs/FloatingTextArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingTextArea.d.ts","sourceRoot":"","sources":["../../src/inputs/FloatingTextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;CAClE,CAAC;AAOF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAkDhE"}

package/dist/inputs/FloatingTextArea.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-function ErrorText(props) {
-    if (!props.message)
-        return null;
-    return _jsx("p", { className: "text-xs text-red-600", children: props.message });
-}
-export function SgFloatingTextArea(props) {
-    const placeholder = props.placeholder ?? props.label;
-    const [isFilled, setIsFilled] = React.useState(() => {
-        const value = props.textareaProps.value ?? props.textareaProps.defaultValue ?? "";
-        return String(value).length > 0;
-    });
-    React.useEffect(() => {
-        if (props.textareaProps.value === undefined)
-            return;
-        setIsFilled(String(props.textareaProps.value ?? "").length > 0);
-    }, [props.textareaProps.value]);
-    const handleChange = (event) => {
-        setIsFilled(event.currentTarget.value.length > 0);
-        props.textareaProps.onChange?.(event);
-    };
-    const handleBlur = (event) => {
-        setIsFilled(event.currentTarget.value.length > 0);
-        props.textareaProps.onBlur?.(event);
-    };
-    return (_jsxs("div", { children: [_jsxs("div", { className: "relative", children: [_jsx("textarea", { id: props.id, placeholder: placeholder, className: props.className ??
-                            "peer min-h-[120px] w-full rounded-md border border-border bg-white px-3 pt-5 text-sm shadow-sm placeholder-transparent focus:border-[hsl(var(--primary))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary)/0.25)]", ...props.textareaProps, onChange: handleChange, onBlur: handleBlur }), _jsx("label", { htmlFor: props.id, className: [
-                            "absolute left-3 bg-white px-1 transition-all",
-                            isFilled ? "-top-2 text-xs text-[hsl(var(--primary))]" : "top-3 text-sm text-foreground/60",
-                            "peer-focus:-top-2 peer-focus:text-xs peer-focus:text-[hsl(var(--primary))]"
-                        ].join(" "), children: props.label })] }), _jsx(ErrorText, { message: props.error })] }));
-}

package/dist/inputs/InputBirthDate.d.ts

@@ -1,13 +0,0 @@
-import { type SgInputDateProps } from "./InputDate";
-import { type BirthDatePolicy } from "../validators";
-export type SgInputBirthDateProps = Omit<SgInputDateProps, "maxDate" | "minDate"> & BirthDatePolicy & {
-    maxDate?: string | Date;
-    minDate?: string | Date;
-    onValidation?: (message: string | null) => void;
-    required?: boolean;
-    requiredMessage?: string;
-    validateOnBlur?: boolean;
-    error?: string;
-};
-export declare function SgInputBirthDate(props: SgInputBirthDateProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InputBirthDate.d.ts.map

package/dist/inputs/InputBirthDate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputBirthDate.d.ts","sourceRoot":"","sources":["../../src/inputs/InputBirthDate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,CAAC,GAC/E,eAAe,GAAG;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAyD5D"}