@seedgrid/fe-components 0.2.9 → 2026.3.1

package/dist/inputs/SgCombobox.js

@@ -0,0 +1,354 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { ChevronDown } from "lucide-react";
+import { SgInputText } from "./SgInputText";
+import { t, useComponentsI18n } from "../i18n";
+const TYPEAHEAD_RESET_MS = 700;
+function defaultMapItem(raw) {
+    if (typeof raw === "string" || typeof raw === "number") {
+        return {
+            id: String(raw),
+            label: String(raw)
+        };
+    }
+    if (raw && typeof raw === "object") {
+        const asRecord = raw;
+        const id = asRecord.id ?? asRecord.value ?? asRecord.key ?? asRecord.label;
+        const label = asRecord.label ?? asRecord.name ?? asRecord.description ?? asRecord.title ?? id;
+        return {
+            id: typeof id === "string" || typeof id === "number" ? id : String(id ?? ""),
+            label: String(label ?? "")
+        };
+    }
+    return {
+        id: String(raw ?? ""),
+        label: String(raw ?? "")
+    };
+}
+function idEquals(left, right) {
+    if (right == null)
+        return false;
+    return String(left) === String(right);
+}
+function findTypeAheadMatchIndex(entries, query, startIndex) {
+    const normalized = query.trim().toLowerCase();
+    if (!normalized)
+        return -1;
+    if (!entries.length)
+        return -1;
+    for (let offset = 1; offset <= entries.length; offset += 1) {
+        const index = (startIndex + offset + entries.length) % entries.length;
+        const entry = entries[index];
+        if (!entry || entry.item.disabled)
+            continue;
+        const label = entry.item.label?.toLowerCase() ?? "";
+        if (label.startsWith(normalized))
+            return index;
+    }
+    return -1;
+}
+export function SgCombobox(props) {
+    const { source, mapItem: mapItemProp, value, onValueChange, grouped, groupped, loadingText: loadingTextProp, emptyText: emptyTextProp, openOnFocus = false, onSelect, renderItem, renderGroupHeader, renderFooter, itemTooltip, inputProps, enabled, borderRadius, ...rest } = props;
+    const i18n = useComponentsI18n();
+    const loadingText = loadingTextProp ?? t(i18n, "components.autocomplete.loading");
+    const emptyText = emptyTextProp ?? t(i18n, "components.autocomplete.empty");
+    const effectiveGrouped = grouped ?? groupped ?? false;
+    const isControlled = value !== undefined;
+    const wrapperRef = React.useRef(null);
+    const ignoreBlurRef = React.useRef(false);
+    const requestIdRef = React.useRef(0);
+    const typeAheadRef = React.useRef({
+        buffer: "",
+        ts: 0
+    });
+    const [open, setOpen] = React.useState(false);
+    const [loading, setLoading] = React.useState(false);
+    const [entries, setEntries] = React.useState([]);
+    const [activeIndex, setActiveIndex] = React.useState(-1);
+    const [internalValue, setInternalValue] = React.useState(null);
+    const [lastSelectedLabel, setLastSelectedLabel] = React.useState("");
+    const resolvedBorderRadius = React.useMemo(() => {
+        if (borderRadius === undefined)
+            return undefined;
+        return typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+    }, [borderRadius]);
+    const resolvedValue = isControlled ? value : internalValue;
+    const isDisabled = enabled === false;
+    const mapItem = React.useCallback((raw) => {
+        if (mapItemProp)
+            return mapItemProp(raw);
+        return defaultMapItem(raw);
+    }, [mapItemProp]);
+    const refreshFromSource = React.useCallback(async () => {
+        if (Array.isArray(source)) {
+            const nextEntries = source.map((raw) => ({
+                item: mapItem(raw),
+                raw
+            }));
+            setEntries(nextEntries);
+            return nextEntries;
+        }
+        setLoading(true);
+        const currentRequest = ++requestIdRef.current;
+        try {
+            const result = source("");
+            const data = typeof result?.then === "function"
+                ? await result
+                : result;
+            if (currentRequest !== requestIdRef.current)
+                return [];
+            const nextEntries = data.map((raw) => ({
+                item: mapItem(raw),
+                raw
+            }));
+            setEntries(nextEntries);
+            return nextEntries;
+        }
+        catch {
+            if (currentRequest !== requestIdRef.current)
+                return [];
+            setEntries([]);
+            return [];
+        }
+        finally {
+            if (currentRequest === requestIdRef.current) {
+                setLoading(false);
+            }
+        }
+    }, [mapItem, source]);
+    React.useEffect(() => {
+        if (!Array.isArray(source))
+            return;
+        setEntries(source.map((raw) => ({
+            item: mapItem(raw),
+            raw
+        })));
+    }, [mapItem, source]);
+    const selectedEntry = React.useMemo(() => entries.find((entry) => idEquals(entry.item.id, resolvedValue)), [entries, resolvedValue]);
+    React.useEffect(() => {
+        if (resolvedValue == null || resolvedValue === "") {
+            if (lastSelectedLabel !== "") {
+                setLastSelectedLabel("");
+            }
+            return;
+        }
+        if (selectedEntry) {
+            if (lastSelectedLabel !== selectedEntry.item.label) {
+                setLastSelectedLabel(selectedEntry.item.label);
+            }
+            return;
+        }
+        if (lastSelectedLabel !== "") {
+            setLastSelectedLabel("");
+        }
+        void refreshFromSource();
+    }, [lastSelectedLabel, refreshFromSource, resolvedValue, selectedEntry]);
+    const displayedValue = resolvedValue == null || resolvedValue === ""
+        ? ""
+        : selectedEntry?.item.label ?? lastSelectedLabel;
+    const setSelectedValue = React.useCallback((nextValue) => {
+        if (!isControlled) {
+            setInternalValue(nextValue);
+        }
+        onValueChange?.(nextValue);
+    }, [isControlled, onValueChange]);
+    const closeDropdown = React.useCallback(() => {
+        setOpen(false);
+        setActiveIndex(-1);
+        typeAheadRef.current = { buffer: "", ts: 0 };
+    }, []);
+    const openDropdown = React.useCallback(() => {
+        if (isDisabled)
+            return;
+        setOpen(true);
+        void refreshFromSource();
+    }, [isDisabled, refreshFromSource]);
+    const selectIndex = React.useCallback((index) => {
+        const entry = entries[index];
+        if (!entry || entry.item.disabled)
+            return;
+        setSelectedValue(entry.item.id);
+        setLastSelectedLabel(entry.item.label);
+        onSelect?.(entry.raw);
+        closeDropdown();
+    }, [closeDropdown, entries, onSelect, setSelectedValue]);
+    const handleTypeAhead = React.useCallback(async (typedKey) => {
+        const key = typedKey.toLowerCase();
+        const now = Date.now();
+        const previous = typeAheadRef.current;
+        const buffer = now - previous.ts > TYPEAHEAD_RESET_MS
+            ? key
+            : `${previous.buffer}${key}`;
+        typeAheadRef.current = {
+            buffer,
+            ts: now
+        };
+        let availableEntries = entries;
+        if (!availableEntries.length) {
+            availableEntries = await refreshFromSource();
+        }
+        if (!availableEntries.length)
+            return;
+        const selectedIndex = availableEntries.findIndex((entry) => idEquals(entry.item.id, resolvedValue));
+        const baseIndex = selectedIndex >= 0 ? selectedIndex : activeIndex;
+        let nextIndex = findTypeAheadMatchIndex(availableEntries, buffer, baseIndex);
+        if (nextIndex < 0 && buffer.length > 1) {
+            typeAheadRef.current = { buffer: key, ts: now };
+            nextIndex = findTypeAheadMatchIndex(availableEntries, key, baseIndex);
+        }
+        if (nextIndex < 0)
+            return;
+        const nextEntry = availableEntries[nextIndex];
+        if (!nextEntry || nextEntry.item.disabled)
+            return;
+        setSelectedValue(nextEntry.item.id);
+        setLastSelectedLabel(nextEntry.item.label);
+        onSelect?.(nextEntry.raw);
+        if (open) {
+            setActiveIndex(nextIndex);
+        }
+    }, [activeIndex, entries, onSelect, open, refreshFromSource, resolvedValue, setSelectedValue]);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const handleOutside = (event) => {
+            if (wrapperRef.current?.contains(event.target))
+                return;
+            closeDropdown();
+        };
+        document.addEventListener("mousedown", handleOutside);
+        return () => document.removeEventListener("mousedown", handleOutside);
+    }, [closeDropdown, open]);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        if (!entries.length) {
+            setActiveIndex(-1);
+            return;
+        }
+        const selectedIndex = entries.findIndex((entry) => idEquals(entry.item.id, resolvedValue));
+        if (selectedIndex >= 0) {
+            setActiveIndex(selectedIndex);
+            return;
+        }
+        setActiveIndex(0);
+    }, [entries, open, resolvedValue]);
+    const groupedEntries = React.useMemo(() => {
+        if (!effectiveGrouped)
+            return null;
+        const map = new Map();
+        entries.forEach((entry, index) => {
+            const groupKey = entry.item.group ?? "";
+            if (!map.has(groupKey))
+                map.set(groupKey, []);
+            map.get(groupKey)?.push({ entry, index });
+        });
+        return Array.from(map.entries()).map(([group, list]) => ({
+            group,
+            list
+        }));
+    }, [effectiveGrouped, entries]);
+    const dropdownButton = (_jsx("button", { type: "button", className: "text-foreground/60 hover:text-foreground", onMouseDown: (event) => {
+            event.preventDefault();
+            ignoreBlurRef.current = true;
+        }, onClick: () => {
+            if (open) {
+                closeDropdown();
+                return;
+            }
+            openDropdown();
+        }, "aria-label": "Abrir lista", children: _jsx(ChevronDown, { size: 16 }) }));
+    return (_jsxs("div", { className: "relative", ref: wrapperRef, children: [_jsx(SgInputText, { ...rest, enabled: enabled, borderRadius: borderRadius, clearButton: false, readOnly: true, iconButtons: [dropdownButton], inputProps: {
+                    ...inputProps,
+                    value: displayedValue,
+                    onMouseDown: (event) => {
+                        inputProps?.onMouseDown?.(event);
+                        if (isDisabled)
+                            return;
+                        if (!open) {
+                            openDropdown();
+                        }
+                    },
+                    onFocus: (event) => {
+                        inputProps?.onFocus?.(event);
+                        if (openOnFocus) {
+                            openDropdown();
+                        }
+                    },
+                    onBlur: (event) => {
+                        inputProps?.onBlur?.(event);
+                        if (event.relatedTarget && wrapperRef.current?.contains(event.relatedTarget)) {
+                            return;
+                        }
+                        if (ignoreBlurRef.current) {
+                            setTimeout(() => {
+                                ignoreBlurRef.current = false;
+                            }, 0);
+                            return;
+                        }
+                        closeDropdown();
+                    },
+                    onKeyDown: (event) => {
+                        inputProps?.onKeyDown?.(event);
+                        if (event.defaultPrevented)
+                            return;
+                        if (isDisabled)
+                            return;
+                        if (!event.ctrlKey && !event.altKey && !event.metaKey && event.key.length === 1 && event.key !== " ") {
+                            event.preventDefault();
+                            void handleTypeAhead(event.key);
+                            return;
+                        }
+                        if (event.key === "Tab") {
+                            closeDropdown();
+                            return;
+                        }
+                        if (event.key === "Escape") {
+                            event.preventDefault();
+                            closeDropdown();
+                            return;
+                        }
+                        if (event.key === "ArrowDown") {
+                            event.preventDefault();
+                            if (!open) {
+                                openDropdown();
+                                return;
+                            }
+                            setActiveIndex((prev) => Math.min(prev + 1, entries.length - 1));
+                            return;
+                        }
+                        if (event.key === "ArrowUp") {
+                            event.preventDefault();
+                            if (!open) {
+                                openDropdown();
+                                return;
+                            }
+                            setActiveIndex((prev) => Math.max(prev - 1, 0));
+                            return;
+                        }
+                        if (event.key === "Enter" || event.key === " ") {
+                            event.preventDefault();
+                            if (!open) {
+                                openDropdown();
+                                return;
+                            }
+                            if (activeIndex >= 0) {
+                                selectIndex(activeIndex);
+                            }
+                        }
+                    }
+                } }), open && !isDisabled ? (_jsxs("div", { className: "absolute left-0 right-0 z-30 mt-1 overflow-hidden rounded-md border border-border bg-white shadow-lg", style: resolvedBorderRadius ? { borderRadius: resolvedBorderRadius } : undefined, children: [_jsx("div", { className: "max-h-64 overflow-auto", children: loading ? (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: loadingText })) : entries.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyText })) : groupedEntries ? (groupedEntries.map(({ group, list }) => (_jsxs("div", { className: "border-b border-border last:border-b-0", children: [_jsx("div", { className: "px-3 py-1 text-xs font-semibold text-muted-foreground", children: renderGroupHeader ? renderGroupHeader(group) : group || " " }), list.map(({ entry, index }) => {
+                                    const isActive = activeIndex === index;
+                                    return (_jsxs("div", { className: `group relative cursor-pointer px-3 py-2 text-sm ${isActive ? "bg-muted/60" : ""} ${entry.item.disabled ? "cursor-not-allowed opacity-50" : "hover:bg-muted/40"}`, onMouseEnter: () => setActiveIndex(index), onMouseDown: (event) => {
+                                            event.preventDefault();
+                                            ignoreBlurRef.current = true;
+                                        }, onClick: () => selectIndex(index), children: [renderItem ? renderItem(entry.item, isActive) : entry.item.label, itemTooltip ? (_jsx("div", { className: "pointer-events-none absolute left-full top-1/2 z-20 ml-2 -translate-y-1/2 rounded border border-border bg-white px-2 py-1 text-xs shadow-md opacity-0 transition-opacity group-hover:opacity-100", children: itemTooltip(entry.item) })) : null] }, entry.item.id));
+                                })] }, group || "default")))) : (entries.map((entry, index) => {
+                            const isActive = activeIndex === index;
+                            return (_jsxs("div", { className: `group relative cursor-pointer px-3 py-2 text-sm ${isActive ? "bg-muted/60" : ""} ${entry.item.disabled ? "cursor-not-allowed opacity-50" : "hover:bg-muted/40"}`, onMouseEnter: () => setActiveIndex(index), onMouseDown: (event) => {
+                                    event.preventDefault();
+                                    ignoreBlurRef.current = true;
+                                }, onClick: () => selectIndex(index), children: [renderItem ? renderItem(entry.item, isActive) : entry.item.label, itemTooltip ? (_jsx("div", { className: "pointer-events-none absolute left-full top-1/2 z-20 ml-2 -translate-y-1/2 rounded border border-border bg-white px-2 py-1 text-xs shadow-md opacity-0 transition-opacity group-hover:opacity-100", children: itemTooltip(entry.item) })) : null] }, entry.item.id));
+                        })) }), renderFooter ? (_jsx("div", { className: "border-t border-border bg-white px-3 py-2", children: renderFooter("", entries.length > 0) })) : null] })) : null] }));
+}

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

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

package/dist/inputs/SgInputOTP.js

@@ -409,7 +409,7 @@ const SgInputOTPBase = React.forwardRef(function SgInputOTPBase(props, ref) {
     const isDisabled = enabled === false || Boolean(inputDisabled);
     const isReadOnly = readOnly || Boolean(inputReadOnly);
     const mergedSlotClass = [
-        "h-12 w-11 rounded-md border bg-white px-0 text-center text-base font-medium shadow-sm outline-none transition-all",
+        "h-12 w-11 border bg-white px-0 text-center text-base font-medium shadow-sm outline-none transition-all",
         hasError
             ? "border-[hsl(var(--destructive))] focus:border-[hsl(var(--destructive))] focus:ring-2 focus:ring-[hsl(var(--destructive)/0.25)]"
             : "border-border focus:border-[hsl(var(--primary))] focus:ring-2 focus:ring-[hsl(var(--primary)/0.25)]",
@@ -448,7 +448,14 @@ const SgInputOTPBase = React.forwardRef(function SgInputOTPBase(props, ref) {
                     const computedPattern = token.slotKind === "digit"
                         ? "[0-9]*"
                         : slotPattern ?? "[A-Za-z0-9]*";
-                    return (_createElement("input", { ...restSlotInputProps, key: `${id}-slot-${slotIndex}`, id: `${id}-slot-${slotIndex}`, type: "text", value: slotValue, maxLength: 1, autoComplete: slotIndex === 0 ? slotAutoComplete ?? "one-time-code" : "off", autoFocus: slotIndex === 0 ? slotAutoFocus : false, inputMode: computedInputMode, pattern: computedPattern, className: mergedSlotClass, disabled: isDisabled, readOnly: isReadOnly, "aria-label": labelText ? `${labelText} ${slotIndex + 1}` : `OTP ${slotIndex + 1}`, ref: (node) => setSlotRef(slotIndex, node), onFocus: (event) => {
+                    const slotShapeClass = slotCount === 1
+                        ? "rounded-2xl"
+                        : slotIndex === 0
+                            ? "rounded-l-2xl rounded-r-md"
+                            : slotIndex === slotCount - 1
+                                ? "rounded-r-2xl rounded-l-md"
+                                : "rounded-md";
+                    return (_createElement("input", { ...restSlotInputProps, key: `${id}-slot-${slotIndex}`, id: `${id}-slot-${slotIndex}`, type: "text", value: slotValue, maxLength: 1, autoComplete: slotIndex === 0 ? slotAutoComplete ?? "one-time-code" : "off", autoFocus: slotIndex === 0 ? slotAutoFocus : false, inputMode: computedInputMode, pattern: computedPattern, className: `${mergedSlotClass} ${slotShapeClass}`, disabled: isDisabled, readOnly: isReadOnly, "aria-label": labelText ? `${labelText} ${slotIndex + 1}` : `OTP ${slotIndex + 1}`, ref: (node) => setSlotRef(slotIndex, node), onFocus: (event) => {
                             event.currentTarget.select();
                             onSlotInputFocus?.(event);
                         }, onBlur: (event) => {

package/dist/inputs/SgRadioGroup.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import { UseFormRegister, FieldValues } from "react-hook-form";
+import { type SgGroupBoxProps } from "../layout/SgGroupBox";
+export type SgRadioGroupOrientation = "horizontal" | "vertical";
+export type SgRadioGroupSelectionStyle = "radio" | "highlight";
+export interface SgRadioGroupOption {
+    label: string;
+    value: string | number;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SgRadioGroupProps {
+    id?: string;
+    title?: string;
+    source: SgRadioGroupOption[];
+    value?: string | number;
+    orientation?: SgRadioGroupOrientation;
+    selectionStyle?: SgRadioGroupSelectionStyle;
+    iconOnly?: boolean;
+    showCancel?: boolean;
+    cancelLabel?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    onChange?: (value: string | number | null) => void;
+    name?: string;
+    control?: any;
+    register?: UseFormRegister<FieldValues>;
+    error?: string;
+    className?: string;
+    optionClassName?: string;
+    groupBoxProps?: Omit<Partial<SgGroupBoxProps>, "children" | "title"> & {
+        title?: string;
+    };
+}
+export declare function SgRadioGroup(props: SgRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgRadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SgRadioGroup.d.ts","sourceRoot":"","sources":["../../src/inputs/SgRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,WAAW,EAAc,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGxE,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,WAAW,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAGnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3F;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAsUpD"}

package/dist/inputs/SgRadioGroup.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Controller } from "react-hook-form";
+import { SgGroupBox } from "../layout/SgGroupBox";
+import { t, useComponentsI18n } from "../i18n";
+export function SgRadioGroup(props) {
+    const i18n = useComponentsI18n();
+    const { id, title, source, value: controlledValue, orientation = "vertical", selectionStyle = "radio", iconOnly = false, showCancel = false, cancelLabel, disabled = false, readOnly = false, required = false, onChange, name, control, register, error, className = "", optionClassName = "", groupBoxProps = {} } = props;
+    const resolvedGroupBoxTitle = (() => {
+        const baseTitle = groupBoxProps.title ?? title ?? "";
+        if (!required || !baseTitle.trim())
+            return baseTitle;
+        return baseTitle.includes("*") ? baseTitle : `${baseTitle} *`;
+    })();
+    const [internalValue, setInternalValue] = React.useState(controlledValue ?? null);
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    const isHighlightSelection = selectionStyle === "highlight";
+    const handleChange = (newValue) => {
+        if (disabled || readOnly)
+            return;
+        if (!isControlled) {
+            setInternalValue(newValue);
+        }
+        onChange?.(newValue);
+    };
+    const renderRadioOption = (option, index, registration) => {
+        const isSelected = currentValue === option.value;
+        const isDisabled = disabled || option.disabled;
+        const inputClassName = isHighlightSelection
+            ? "sr-only"
+            : "w-4 h-4 text-[rgb(var(--sg-primary-500))] border-[rgb(var(--sg-border))] focus:ring-[rgb(var(--sg-ring))] focus:ring-2 cursor-pointer disabled:cursor-not-allowed";
+        if (isHighlightSelection) {
+            return (_jsxs("label", { className: `
+            flex items-center gap-2 border px-3 py-2 transition-all duration-150 select-none
+            ${orientation === "vertical" ? "w-full -mt-px rounded-none first:mt-0 first:rounded-t-md last:rounded-b-md" : "inline-flex rounded-md"}
+            ${iconOnly ? "justify-center" : ""}
+            ${isSelected
+                    ? "relative z-10 translate-y-px rounded-md border-[rgb(var(--sg-primary-300))] bg-[rgb(var(--sg-primary-100))] ring-1 ring-[rgb(var(--sg-primary-200))] shadow-[inset_0_2px_4px_rgba(15,23,42,0.18),inset_0_1px_0_rgba(255,255,255,0.75),0_1px_2px_rgba(15,23,42,0.08)]"
+                    : "border-[rgb(var(--sg-primary-200))] bg-[rgb(var(--sg-primary-50))] shadow-[0_2px_0_rgba(148,163,184,0.32),0_6px_10px_rgba(15,23,42,0.07)]"}
+            ${isDisabled
+                    ? "cursor-not-allowed opacity-50"
+                    : readOnly
+                        ? "cursor-default"
+                        : `cursor-pointer ${isSelected ? "hover:bg-[rgb(var(--sg-primary-200))]" : "hover:-translate-y-px hover:bg-[rgb(var(--sg-primary-100))] hover:shadow-[0_3px_0_rgba(148,163,184,0.32),0_10px_14px_rgba(15,23,42,0.1)]"}`}
+            focus-within:outline-none
+            focus-within:ring-2
+            focus-within:ring-[rgb(var(--sg-ring))]
+            ${optionClassName}
+          `, children: [_jsx("input", { type: "radio", ...(registration ? registration : { name: name || id }), value: option.value, checked: isSelected, disabled: isDisabled || readOnly, onChange: (event) => {
+                            if (registration)
+                                registration.onChange(event);
+                            handleChange(option.value);
+                        }, className: inputClassName }), option.icon ? (_jsx("span", { className: `
+                flex items-center justify-center transition-transform duration-150
+                ${isSelected ? "scale-110" : "scale-100"}
+              `, children: option.icon })) : null, !iconOnly ? (_jsx("span", { className: `
+                text-[rgb(var(--sg-text))] transition-[font-size] duration-150
+                ${isSelected ? "text-[15px] font-medium" : "text-sm"}
+              `, children: option.label })) : null] }, `${option.value}-${index}`));
+        }
+        return (_jsxs("label", { className: `
+          inline-flex items-center gap-2 cursor-pointer select-none
+          ${isDisabled ? "opacity-50 cursor-not-allowed" : ""}
+          ${readOnly ? "cursor-default" : ""}
+          ${optionClassName}
+        `, children: [_jsx("input", { type: "radio", ...(registration ? registration : { name: name || id }), value: option.value, checked: isSelected, disabled: isDisabled || readOnly, onChange: (event) => {
+                        if (registration)
+                            registration.onChange(event);
+                        handleChange(option.value);
+                    }, className: inputClassName }), option.icon && (_jsx("span", { className: "flex items-center justify-center", children: option.icon })), !iconOnly && (_jsx("span", { className: "text-sm text-[rgb(var(--sg-text))]", children: option.label }))] }, `${option.value}-${index}`));
+    };
+    const renderCancelOption = (registration) => {
+        if (!showCancel)
+            return null;
+        const isSelected = currentValue === null;
+        const inputClassName = isHighlightSelection
+            ? "sr-only"
+            : "w-4 h-4 text-[rgb(var(--sg-primary-500))] border-[rgb(var(--sg-border))] focus:ring-[rgb(var(--sg-ring))] focus:ring-2 cursor-pointer disabled:cursor-not-allowed";
+        if (isHighlightSelection) {
+            return (_jsxs("label", { className: `
+            flex items-center gap-2 border px-3 py-2 transition-all duration-150 select-none
+            ${orientation === "vertical" ? "w-full -mt-px rounded-none first:mt-0 first:rounded-t-md last:rounded-b-md" : "inline-flex rounded-md"}
+            ${iconOnly ? "justify-center" : ""}
+            ${isSelected
+                    ? "relative z-10 translate-y-px rounded-md border-[rgb(var(--sg-primary-300))] bg-[rgb(var(--sg-primary-100))] ring-1 ring-[rgb(var(--sg-primary-200))] shadow-[inset_0_2px_4px_rgba(15,23,42,0.18),inset_0_1px_0_rgba(255,255,255,0.75),0_1px_2px_rgba(15,23,42,0.08)]"
+                    : "border-[rgb(var(--sg-primary-200))] bg-[rgb(var(--sg-primary-50))] shadow-[0_2px_0_rgba(148,163,184,0.32),0_6px_10px_rgba(15,23,42,0.07)]"}
+            ${disabled
+                    ? "cursor-not-allowed opacity-50"
+                    : readOnly
+                        ? "cursor-default"
+                        : `cursor-pointer ${isSelected ? "hover:bg-[rgb(var(--sg-primary-200))]" : "hover:-translate-y-px hover:bg-[rgb(var(--sg-primary-100))] hover:shadow-[0_3px_0_rgba(148,163,184,0.32),0_10px_14px_rgba(15,23,42,0.1)]"}`}
+            focus-within:outline-none
+            focus-within:ring-2
+            focus-within:ring-[rgb(var(--sg-ring))]
+            ${optionClassName}
+          `, children: [_jsx("input", { type: "radio", ...(registration ? registration : { name: name || id }), value: "", checked: isSelected, disabled: disabled || readOnly, onChange: (event) => {
+                            if (registration)
+                                registration.onChange(event);
+                            handleChange(null);
+                        }, className: inputClassName }), !iconOnly ? (_jsx("span", { className: `
+                text-[rgb(var(--sg-text))] transition-[font-size] duration-150
+                ${isSelected ? "text-[15px] font-medium" : "text-sm"}
+              `, children: cancelLabel || t(i18n, "components.radiogroup.cancel") })) : null] }));
+        }
+        return (_jsxs("label", { className: `
+          inline-flex items-center gap-2 cursor-pointer select-none
+          ${disabled ? "opacity-50 cursor-not-allowed" : ""}
+          ${readOnly ? "cursor-default" : ""}
+          ${optionClassName}
+        `, children: [_jsx("input", { type: "radio", ...(registration ? registration : { name: name || id }), value: "", checked: isSelected, disabled: disabled || readOnly, onChange: (event) => {
+                        if (registration)
+                            registration.onChange(event);
+                        handleChange(null);
+                    }, className: inputClassName }), !iconOnly && (_jsx("span", { className: "text-sm text-[rgb(var(--sg-text))]", children: cancelLabel || t(i18n, "components.radiogroup.cancel") }))] }));
+    };
+    const content = (_jsxs("div", { className: className, children: [_jsx(SgGroupBox, { ...groupBoxProps, title: resolvedGroupBoxTitle || " ", className: groupBoxProps.className || "", children: _jsxs("div", { className: `
+            flex ${isHighlightSelection ? "gap-0" : "gap-4"}
+            ${orientation === "vertical" ? "flex-col" : "flex-row flex-wrap"}
+          `, role: "radiogroup", "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, "aria-required": required || undefined, children: [source.map((option, index) => renderRadioOption(option, index)), renderCancelOption()] }) }), error && (_jsx("div", { className: "mt-1 text-sm text-red-500", children: error }))] }));
+    // React Hook Form integration
+    if (control && name) {
+        return (_jsx(Controller, { name: name, control: control, rules: { required: required ? t(i18n, "components.inputs.required") : false }, render: ({ field, fieldState }) => (_jsx(SgRadioGroup, { ...props, value: field.value, onChange: (val) => {
+                    field.onChange(val);
+                    onChange?.(val);
+                }, error: fieldState.error?.message, control: undefined })) }));
+    }
+    if (register && name) {
+        const registration = register(name, {
+            required: required ? t(i18n, "components.inputs.required") : false
+        });
+        return (_jsxs("div", { className: className, children: [_jsx(SgGroupBox, { ...groupBoxProps, title: resolvedGroupBoxTitle || " ", children: _jsxs("div", { className: `
+              flex ${isHighlightSelection ? "gap-0" : "gap-4"}
+              ${orientation === "vertical" ? "flex-col" : "flex-row flex-wrap"}
+            `, role: "radiogroup", "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, "aria-required": required || undefined, children: [source.map((option, index) => renderRadioOption(option, index, registration)), renderCancelOption(registration)] }) }), error && (_jsx("div", { className: "mt-1 text-sm text-red-500", children: error }))] }));
+    }
+    return content;
+}

package/dist/inputs/SgRating.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import type { FieldValues, UseFormRegister } from "react-hook-form";
+export type SgRatingSize = "sm" | "md" | "lg" | "xl";
+export interface SgRatingProps {
+    /** Unique identifier */
+    id?: string;
+    /** Label text */
+    label?: string;
+    /** Current rating value */
+    value?: number;
+    /** Number of stars */
+    stars?: number;
+    /** Enable half stars */
+    allowHalf?: boolean;
+    /** Show cancel button */
+    cancel?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Read only mode */
+    readOnly?: boolean;
+    /** Size of the stars */
+    size?: SgRatingSize;
+    /** Custom class name */
+    className?: string;
+    /** Custom icon for filled state */
+    onIcon?: React.ReactNode;
+    /** Custom icon for empty state */
+    offIcon?: React.ReactNode;
+    /** Custom icon for cancel button */
+    cancelIcon?: React.ReactNode;
+    /** Color for filled stars */
+    color?: string;
+    /** Color for empty stars */
+    emptyColor?: string;
+    /** Show tooltips with value */
+    showTooltip?: boolean;
+    /** Callback when value changes */
+    onChange?: (value: number) => void;
+    /** Callback when hovering over stars */
+    onHover?: (value: number | null) => void;
+    /** React Hook Form integration */
+    register?: UseFormRegister<FieldValues>;
+    /** React Hook Form field name */
+    name?: string;
+    /** React Hook Form control */
+    control?: any;
+    /** Error message */
+    error?: string;
+    /** Required field */
+    required?: boolean;
+    /** Required message */
+    requiredMessage?: string;
+}
+export declare function SgRating(props: SgRatingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgRating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SgRating.d.ts","sourceRoot":"","sources":["../../src/inputs/SgRating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAGV,WAAW,EACX,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACxC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA8QD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAkC5C"}