@seedgrid/fe-components 0.2.4

package/dist/blocked-email-domains.json

@@ -0,0 +1,41 @@
+{
+    "blockedEmailDomains": [
+        "yopmail.com",
+        "yopmail.fr",
+        "yopmail.net",
+        "cool.fr.nf",
+        "jetable.fr.nf",
+        "guerrillamail.com",
+        "guerrillamail.net",
+        "guerrillamail.org",
+        "guerrillamail.de",
+        "guerrillamailblock.com",
+        "sharklasers.com",
+        "10minutemail.com",
+        "10minutemail.net",
+        "10minemail.com",
+        "20minutemail.com",
+        "30minutemail.com",
+        "minuteinbox.com",
+        "emailondeck.com",
+        "mailinator.com",
+        "mailinator.net",
+        "mailinator.org",
+        "temp-mail.org",
+        "temp-mail.io",
+        "tempmail.com",
+        "tempail.com",
+        "temp-mail.de",
+        "tempmailer.com",
+        "tempmailo.com",
+        "throwawaymail.com",
+        "fakeinbox.com",
+        "trashmail.com",
+        "trashmail.net",
+        "dispostable.com",
+        "getnada.com",
+        "maildrop.cc",
+        "moakt.com",
+        "mintemail.com"
+    ]
+}

package/dist/buttons/SgButton.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+type Severity = "primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger";
+type Appearance = "solid" | "outline" | "ghost";
+type Size = "sm" | "md" | "lg";
+type Shape = "default" | "rounded" | "square" | "circle";
+type Elevation = "none" | "sm" | "md";
+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;
+    elevation?: Elevation;
+    iconOnly?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    loading?: boolean;
+    customColors?: SgButtonCustomColors;
+};
+export declare function resolveButtonColors(severity: Severity, custom?: SgButtonCustomColors): Required<SgButtonCustomColors>;
+export declare const SgButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+    severity?: Severity;
+    appearance?: Appearance;
+    size?: Size;
+    shape?: Shape;
+    elevation?: Elevation;
+    iconOnly?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    loading?: boolean;
+    customColors?: SgButtonCustomColors;
+} & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=SgButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SgButton.d.ts","sourceRoot":"","sources":["../../src/buttons/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,CAAC;AAEb,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzD,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,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,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;AAsEF,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,MAAM,CAAC,EAAE,oBAAoB,GAC5B,QAAQ,CAAC,oBAAoB,CAAC,CAYhC;AAoDD,eAAO,MAAM,QAAQ;eAnJR,QAAQ;iBACN,UAAU;WAChB,IAAI;YACH,KAAK;gBACD,SAAS;eACV,OAAO;eACP,KAAK,CAAC,SAAS;gBACd,KAAK,CAAC,SAAS;cACjB,OAAO;mBACF,oBAAoB;2CA8MpC,CAAC"}

package/dist/buttons/SgButton.js

@@ -0,0 +1,123 @@
+"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: "var(--sg-btn-primary-bg, hsl(var(--primary)))",
+        fg: "var(--sg-btn-primary-fg, hsl(var(--primary-foreground)))",
+        border: "var(--sg-btn-primary-border, hsl(var(--primary)))",
+        hoverBg: "var(--sg-btn-primary-hover-bg, hsl(var(--primary)))",
+        ring: "var(--sg-btn-primary-ring, hsl(var(--primary)/0.35))"
+    },
+    secondary: {
+        bg: "var(--sg-btn-secondary-bg, hsl(var(--secondary)))",
+        fg: "var(--sg-btn-secondary-fg, hsl(var(--secondary-foreground)))",
+        border: "var(--sg-btn-secondary-border, hsl(var(--secondary)))",
+        hoverBg: "var(--sg-btn-secondary-hover-bg, hsl(var(--secondary)))",
+        ring: "var(--sg-btn-secondary-ring, hsl(var(--secondary)/0.35))"
+    },
+    success: {
+        bg: "var(--sg-btn-success-bg, hsl(var(--tertiary, var(--accent))))",
+        fg: "var(--sg-btn-success-fg, hsl(var(--tertiary-foreground, var(--accent-foreground, 0 0% 100%))))",
+        border: "var(--sg-btn-success-border, hsl(var(--tertiary, var(--accent))))",
+        hoverBg: "var(--sg-btn-success-hover-bg, hsl(var(--tertiary, var(--accent))))",
+        ring: "var(--sg-btn-success-ring, hsl(var(--tertiary, var(--accent))/0.35))"
+    },
+    info: {
+        bg: "var(--sg-btn-info-bg, hsl(var(--secondary, var(--primary))))",
+        fg: "var(--sg-btn-info-fg, hsl(var(--secondary-foreground, var(--primary-foreground))))",
+        border: "var(--sg-btn-info-border, hsl(var(--secondary, var(--primary))))",
+        hoverBg: "var(--sg-btn-info-hover-bg, hsl(var(--secondary, var(--primary))))",
+        ring: "var(--sg-btn-info-ring, hsl(var(--secondary, var(--primary))/0.35))"
+    },
+    warning: {
+        bg: "var(--sg-btn-warning-bg, hsl(var(--secondary, var(--accent))))",
+        fg: "var(--sg-btn-warning-fg, hsl(var(--secondary-foreground, var(--accent-foreground, 0 0% 100%))))",
+        border: "var(--sg-btn-warning-border, hsl(var(--secondary, var(--accent))))",
+        hoverBg: "var(--sg-btn-warning-hover-bg, hsl(var(--secondary, var(--accent))))",
+        ring: "var(--sg-btn-warning-ring, hsl(var(--secondary, var(--accent))/0.35))"
+    },
+    help: {
+        bg: "var(--sg-btn-help-bg, hsl(var(--secondary, var(--primary))))",
+        fg: "var(--sg-btn-help-fg, hsl(var(--secondary-foreground, var(--primary-foreground))))",
+        border: "var(--sg-btn-help-border, hsl(var(--secondary, var(--primary))))",
+        hoverBg: "var(--sg-btn-help-hover-bg, hsl(var(--secondary, var(--primary))))",
+        ring: "var(--sg-btn-help-ring, hsl(var(--secondary, var(--primary))/0.35))"
+    },
+    danger: {
+        bg: "var(--sg-btn-danger-bg, hsl(var(--destructive)))",
+        fg: "var(--sg-btn-danger-fg, hsl(var(--destructive-foreground)))",
+        border: "var(--sg-btn-danger-border, hsl(var(--destructive)))",
+        hoverBg: "var(--sg-btn-danger-hover-bg, hsl(var(--destructive)))",
+        ring: "var(--sg-btn-danger-ring, hsl(var(--destructive)/0.35))"
+    },
+};
+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" }
+};
+export function resolveButtonColors(severity, custom) {
+    const base = PRESET[severity];
+    return {
+        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
+    };
+}
+function buildVars(severity, custom) {
+    const merged = resolveButtonColors(severity, custom);
+    const toneKey = severity === "danger" ? "error" : severity === "help" ? "tertiary" : severity;
+    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,
+        ["--sg-btn-tint"]: `var(--sg-${toneKey}-600)`
+    };
+}
+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 "outline":
+            return cn("bg-transparent text-[var(--sg-btn-bg)] border border-[var(--sg-btn-border)]", "hover:bg-[rgb(var(--sg-btn-tint)/0.12)]", "active:bg-[rgb(var(--sg-btn-tint)/0.18)]");
+        case "ghost":
+            return cn("bg-transparent text-[var(--sg-btn-bg)] border border-transparent", "hover:bg-[rgb(var(--sg-btn-tint)/0.10)]", "active:bg-[rgb(var(--sg-btn-tint)/0.16)]");
+    }
+}
+function elevationClass(elevation) {
+    switch (elevation) {
+        case "sm":
+            return "shadow-sm hover:shadow-md active:shadow-sm";
+        case "md":
+            return "shadow-md hover:shadow-lg active:shadow-md";
+        default:
+            return "";
+    }
+}
+export const SgButton = React.forwardRef(({ severity = "primary", appearance = "solid", size, shape, elevation = "none", iconOnly, leftIcon, rightIcon, loading = false, disabled, className, children, style, customColors, type = "button", ...rest }, ref) => {
+    const isDisabled = Boolean(disabled || loading);
+    const inferredIconOnly = !children && (leftIcon || rightIcon);
+    const isIconOnly = iconOnly ?? inferredIconOnly;
+    const resolvedSize = size ?? (isIconOnly ? "sm" : "md");
+    const resolvedShape = shape ?? (isIconOnly ? "circle" : "default");
+    const s = SIZE[resolvedSize];
+    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, resolvedShape === "rounded" ? "rounded-full" : resolvedShape === "circle" ? "rounded-full" : resolvedShape === "square" ? "rounded-none" : s.radius, appearanceClass(appearance), elevationClass(elevation), !isDisabled ? "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/buttons/SgFloatActionButton.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+export type FABPosition = "left-top" | "left-center" | "left-bottom" | "center-top" | "center-bottom" | "right-top" | "right-center" | "right-bottom";
+export type FABSeverity = "primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger" | "plain";
+export type FABVariant = FABSeverity;
+export type FABSize = "sm" | "md" | "lg";
+export type FABShape = "circle" | "rounded" | "square";
+export type FABElevation = "none" | "sm" | "md" | "lg";
+export type FABAnimation = "scale" | "slide" | "fade" | "rotate" | "pulse" | "none";
+export type FABAnimationTrigger = "mount" | "hover" | "click";
+export type FABLayoutType = "linear" | "circle" | "semi-circle" | "quarter-circle";
+export type SgFABAction = {
+    icon: React.ReactNode;
+    label?: string;
+    onClick?: () => void;
+    severity?: FABSeverity;
+    variant?: FABSeverity;
+    disabled?: boolean;
+};
+export type SgFloatActionButtonProps = {
+    hint?: string;
+    hintPosition?: "top" | "right" | "bottom" | "left";
+    hintDelay?: number;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    position?: FABPosition;
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    enableDragDrop?: boolean;
+    dragId?: string;
+    severity?: FABSeverity;
+    variant?: FABSeverity;
+    color?: string;
+    size?: FABSize;
+    shape?: FABShape;
+    elevation?: FABElevation;
+    disabled?: boolean;
+    loading?: boolean;
+    autoHideOnScroll?: boolean;
+    hideDirection?: "down" | "up";
+    animation?: FABAnimation;
+    animationOn?: FABAnimationTrigger;
+    animationDuration?: number;
+    direction?: "up" | "down" | "left" | "right";
+    type?: FABLayoutType;
+    radius?: number;
+    transitionDelay?: number;
+    actions?: SgFABAction[];
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+    zIndex?: number;
+    absolute?: boolean;
+};
+export declare function SgFloatActionButton(props: Readonly<SgFloatActionButtonProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SgFloatActionButton {
+    var displayName: string;
+}
+//# sourceMappingURL=SgFloatActionButton.d.ts.map

package/dist/buttons/SgFloatActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgFloatActionButton.d.ts","sourceRoot":"","sources":["../../src/buttons/SgFloatActionButton.tsx"],"names":[],"mappings":"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"}