@dofe/sso-ui 0.1.4 → 0.1.6

package/dist/components/collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExF;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3D;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/collapsible.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+function Collapsible({ ...props }) {
+    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({ ...props }) {
+    return _jsx(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({ ...props }) {
+    return _jsx(CollapsiblePrimitive.Content, { "data-slot": "collapsible-content", ...props });
+}
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,SAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAA0D;IACvF,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,aAAa,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACkD;IAC1D,OAAO,KAAC,oBAAoB,CAAC,OAAO,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAAC;AACrF,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACkD;IAC1D,OAAO,KAAC,oBAAoB,CAAC,OAAO,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAAC;AACrF,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/confirm-dialog.d.ts

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { Button, buttonVariants } from './button';
+import type { VariantProps } from 'class-variance-authority';
+import { type LucideIcon } from 'lucide-react';
+/**
+ * Confirm dialog variant types
+ */
+export type ConfirmVariant = 'danger' | 'warning' | 'info' | 'success';
+/**
+ * Button variant type
+ */
+type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+/**
+ * Confirm dialog props
+ */
+export interface ConfirmDialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Dialog title */
+    title: string;
+    /** Dialog description */
+    description?: string;
+    /** Confirm button text */
+    confirmText?: string;
+    /** Cancel button text */
+    cancelText?: string;
+    /** Confirm button variant */
+    confirmVariant?: ButtonVariant;
+    /** Dialog variant (affects icon and styling) */
+    variant?: ConfirmVariant;
+    /** Custom icon */
+    icon?: LucideIcon;
+    /** Whether the confirm action is loading */
+    /** Whether the confirm action is loading */
+    loading?: boolean;
+    /** Whether the confirm action is disabled */
+    disabled?: boolean;
+    /** Callback when confirm is clicked */
+    onConfirm: () => void | Promise<void>;
+    /** Callback when cancel is clicked */
+    onCancel?: () => void;
+    /** Custom confirm button props */
+    confirmButtonProps?: React.ComponentProps<typeof Button>;
+    /** Custom cancel button props */
+    cancelButtonProps?: React.ComponentProps<typeof Button>;
+    /** Additional content below description */
+    children?: React.ReactNode;
+    /** Custom class name for dialog content */
+    className?: string;
+    /** Whether to hide the cancel button */
+    hideCancelButton?: boolean;
+}
+/**
+ * ConfirmDialog - A reusable confirmation dialog for user actions
+ *
+ * Provides a consistent UI for confirming actions, especially destructive ones.
+ * Supports multiple variants (danger, warning, info, success) with appropriate
+ * icons and styling.
+ *
+ * @example
+ * ```tsx
+ * // Danger confirmation (delete, remove, etc.)
+ * <ConfirmDialog
+ *   open={showDeleteDialog}
+ *   onOpenChange={setShowDeleteDialog}
+ *   title="Delete AI Employee?"
+ *   description="This action cannot be undone. All data associated with this AI employee will be permanently removed."
+ *   variant="danger"
+ *   confirmText="Delete"
+ *   onConfirm={handleDelete}
+ * />
+ *
+ * // Warning confirmation
+ * <ConfirmDialog
+ *   open={showWarningDialog}
+ *   onOpenChange={setShowWarningDialog}
+ *   title="Unsaved Changes"
+ *   description="You have unsaved changes. Are you sure you want to leave?"
+ *   variant="warning"
+ *   confirmText="Leave"
+ *   onConfirm={handleLeave}
+ * />
+ * ```
+ */
+export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmText, cancelText, confirmVariant, variant, icon: CustomIcon, loading, disabled, onConfirm, onCancel, confirmButtonProps, cancelButtonProps, children, className, hideCancelButton, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AlertDialog - Simplified confirm dialog for destructive actions
+ *
+ * A convenient wrapper around ConfirmDialog with sensible defaults for
+ * destructive actions like delete, remove, etc.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   open={showDeleteDialog}
+ *   onOpenChange={setShowDeleteDialog}
+ *   title="Delete item?"
+ *   description="This action cannot be undone."
+ *   onConfirm={handleDelete}
+ * />
+ * ```
+ */
+export declare function AlertDialog(props: Omit<ConfirmDialogProps, 'variant'>): import("react/jsx-runtime").JSX.Element;
+export default ConfirmDialog;
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAS7D,OAAO,EAA6C,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1F;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvE;;GAEG;AACH,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,gDAAgD;IAChD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4CAA4C;IAC5C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACzD,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACxD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAgCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAuB,EACvB,UAAqB,EACrB,cAAc,EACd,OAAkB,EAClB,IAAI,EAAE,UAAU,EAChB,OAAe,EACf,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,gBAAwB,GACzB,EAAE,kBAAkB,2CAoEpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,2CAErE;AAED,eAAe,aAAa,CAAC"}

package/dist/components/confirm-dialog.js

@@ -0,0 +1,99 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+import { Button } from './button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from './dialog';
+import { AlertTriangle, Info, CheckCircle, XCircle } from 'lucide-react';
+/**
+ * Default icons for each variant
+ */
+const variantIcons = {
+    danger: XCircle,
+    warning: AlertTriangle,
+    info: Info,
+    success: CheckCircle,
+};
+/**
+ * Default button variants for each confirm variant
+ */
+const variantButtonVariants = {
+    danger: 'destructive',
+    warning: 'default',
+    info: 'default',
+    success: 'default',
+};
+/**
+ * Icon colors for each variant
+ */
+const variantIconColors = {
+    danger: 'text-destructive',
+    warning: 'text-amber-500',
+    info: 'text-blue-500',
+    success: 'text-green-500',
+};
+/**
+ * ConfirmDialog - A reusable confirmation dialog for user actions
+ *
+ * Provides a consistent UI for confirming actions, especially destructive ones.
+ * Supports multiple variants (danger, warning, info, success) with appropriate
+ * icons and styling.
+ *
+ * @example
+ * ```tsx
+ * // Danger confirmation (delete, remove, etc.)
+ * <ConfirmDialog
+ *   open={showDeleteDialog}
+ *   onOpenChange={setShowDeleteDialog}
+ *   title="Delete AI Employee?"
+ *   description="This action cannot be undone. All data associated with this AI employee will be permanently removed."
+ *   variant="danger"
+ *   confirmText="Delete"
+ *   onConfirm={handleDelete}
+ * />
+ *
+ * // Warning confirmation
+ * <ConfirmDialog
+ *   open={showWarningDialog}
+ *   onOpenChange={setShowWarningDialog}
+ *   title="Unsaved Changes"
+ *   description="You have unsaved changes. Are you sure you want to leave?"
+ *   variant="warning"
+ *   confirmText="Leave"
+ *   onConfirm={handleLeave}
+ * />
+ * ```
+ */
+export function ConfirmDialog({ open, onOpenChange, title, description, confirmText = 'Confirm', cancelText = 'Cancel', confirmVariant, variant = 'danger', icon: CustomIcon, loading = false, disabled = false, onConfirm, onCancel, confirmButtonProps, cancelButtonProps, children, className, hideCancelButton = false, }) {
+    const Icon = CustomIcon ?? variantIcons[variant];
+    const finalConfirmVariant = confirmVariant ?? variantButtonVariants[variant];
+    const handleConfirm = async () => {
+        await onConfirm();
+    };
+    const handleCancel = () => {
+        onCancel?.();
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: cn('sm:max-w-[425px]', className), children: [_jsx(DialogHeader, { children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: cn('flex size-10 shrink-0 items-center justify-center rounded-full', variant === 'danger' && 'bg-destructive/10', variant === 'warning' && 'bg-amber-500/10', variant === 'info' && 'bg-blue-500/10', variant === 'success' && 'bg-green-500/10'), children: _jsx(Icon, { className: cn('size-5', variantIconColors[variant]) }) }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx(DialogTitle, { children: title }), description && _jsx(DialogDescription, { children: description })] })] }) }), children && _jsx("div", { className: "py-2", children: children }), _jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [!hideCancelButton && (_jsx(Button, { variant: "outline", onClick: handleCancel, disabled: loading, ...cancelButtonProps, children: cancelText })), _jsx(Button, { variant: finalConfirmVariant, onClick: handleConfirm, disabled: disabled || loading, ...confirmButtonProps, children: loading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), confirmText] })) : (confirmText) })] })] }) }));
+}
+/**
+ * AlertDialog - Simplified confirm dialog for destructive actions
+ *
+ * A convenient wrapper around ConfirmDialog with sensible defaults for
+ * destructive actions like delete, remove, etc.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   open={showDeleteDialog}
+ *   onOpenChange={setShowDeleteDialog}
+ *   title="Delete item?"
+ *   description="This action cannot be undone."
+ *   onConfirm={handleDelete}
+ * />
+ * ```
+ */
+export function AlertDialog(props) {
+    return _jsx(ConfirmDialog, { variant: "danger", ...props });
+}
+export default ConfirmDialog;
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/components/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/gauge.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const gaugeVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface GaugeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gaugeVariants> {
+    value: number;
+    max?: number;
+    label?: string;
+    unit?: string;
+    showValue?: boolean;
+    thresholds?: {
+        warning: number;
+        danger: number;
+    };
+}
+declare const Gauge: React.ForwardRefExoticComponent<GaugeProps & React.RefAttributes<HTMLDivElement>>;
+export { Gauge, gaugeVariants };
+//# sourceMappingURL=gauge.d.ts.map

package/dist/components/gauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gauge.d.ts","sourceRoot":"","sources":["../../src/components/gauge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,QAAA,MAAM,aAAa;;8EAWjB,CAAC;AAeH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,QAAA,MAAM,KAAK,mFAqFV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/gauge.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils';
+import { cva } from 'class-variance-authority';
+const gaugeVariants = cva('flex flex-col items-center relative', {
+    variants: {
+        size: {
+            sm: 'w-20',
+            md: 'w-[120px]',
+            lg: 'w-40',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const valueTextVariants = cva('font-bold text-foreground', {
+    variants: {
+        size: {
+            sm: 'text-base',
+            md: 'text-2xl',
+            lg: 'text-[32px]',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const Gauge = React.forwardRef(({ className, value, max = 100, size = 'md', label, unit = '%', showValue = true, thresholds = { warning: 70, danger: 90 }, ...props }, ref) => {
+    const percentage = Math.min((value / max) * 100, 100);
+    const circumference = 2 * Math.PI * 45; // radius = 45
+    const strokeDashoffset = circumference - (percentage / 100) * circumference;
+    // Determine color based on thresholds
+    let strokeColor = 'stroke-emerald-500';
+    let glowColor = 'drop-shadow-[0_0_4px_rgba(16,185,129,0.5)]';
+    if (percentage >= thresholds.danger) {
+        strokeColor = 'stroke-red-500';
+        glowColor = 'drop-shadow-[0_0_4px_rgba(239,68,68,0.5)]';
+    }
+    else if (percentage >= thresholds.warning) {
+        strokeColor = 'stroke-amber-500';
+        glowColor = 'drop-shadow-[0_0_4px_rgba(245,158,11,0.5)]';
+    }
+    const displayValue = max === 100 ? Math.round(value) : value.toFixed(1);
+    return (_jsxs("div", { ref: ref, className: cn(gaugeVariants({ size }), className), ...props, children: [_jsxs("svg", { viewBox: "0 0 100 100", className: "w-full h-auto", children: [_jsx("circle", { className: "stroke-muted", cx: "50", cy: "50", r: "45", fill: "none", strokeWidth: "8" }), [0, 25, 50, 75, 100].map((tick) => {
+                        const angle = (tick / 100) * 270 - 135; // -135 to 135 degrees
+                        const rad = (angle * Math.PI) / 180;
+                        const innerR = 38;
+                        const outerR = 42;
+                        return (_jsx("line", { className: "stroke-muted-foreground/50", x1: 50 + innerR * Math.cos(rad), y1: 50 + innerR * Math.sin(rad), x2: 50 + outerR * Math.cos(rad), y2: 50 + outerR * Math.sin(rad), strokeWidth: "2" }, tick));
+                    }), _jsx("circle", { className: cn(strokeColor, glowColor, 'transition-all duration-500 ease-out'), cx: "50", cy: "50", r: "45", fill: "none", strokeWidth: "8", strokeLinecap: "round", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, transform: "rotate(-90 50 50)" })] }), showValue && (_jsxs("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center flex flex-col items-center leading-none", children: [_jsx("span", { className: cn(valueTextVariants({ size })), children: displayValue }), _jsx("span", { className: "font-mono text-[10px] text-muted-foreground uppercase md:text-[11px]", children: unit })] })), label && (_jsx("div", { className: "mt-2 font-mono text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }))] }));
+});
+Gauge.displayName = 'Gauge';
+export { Gauge, gaugeVariants };
+//# sourceMappingURL=gauge.js.map

package/dist/components/gauge.js.map

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

package/dist/components/radio-group.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE,QAAA,MAAM,UAAU,+JAKd,CAAC;AAGH,QAAA,MAAM,cAAc,yKAkBlB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/radio-group.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { cn } from '../lib/utils';
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return _jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-2', className), ...props, ref: ref });
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn('aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) }) }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,KAAC,mBAAmB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACnG,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0OAA0O,EAC1O,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,KAAC,MAAM,IAAC,SAAS,EAAC,uCAAuC,GAAG,GAC9B,GACP,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/index.d.ts

@@ -7,11 +7,15 @@ export * from './components/calendar';
 export * from './components/card';
 export * from './components/carousel';
 export * from './components/checkbox';
+export * from './components/collapsible';
+export * from './components/command';
+export * from './components/confirm-dialog';
 export * from './components/dialog';
 export * from './components/dropdown-menu';
 export * from './components/empty';
 export * from './components/field';
 export * from './components/form';
+export * from './components/gauge';
 export * from './components/input';
 export * from './components/input-group';
 export * from './components/item';
@@ -19,6 +23,7 @@ export * from './components/label';
 export * from './components/password-strength';
 export * from './components/popover';
 export * from './components/progress';
+export * from './components/radio-group';
 export * from './components/scroll-area';
 export * from './components/select';
 export * from './components/separator';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAGrC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAGrC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -8,11 +8,15 @@ export * from './components/calendar';
 export * from './components/card';
 export * from './components/carousel';
 export * from './components/checkbox';
+export * from './components/collapsible';
+export * from './components/command';
+export * from './components/confirm-dialog';
 export * from './components/dialog';
 export * from './components/dropdown-menu';
 export * from './components/empty';
 export * from './components/field';
 export * from './components/form';
+export * from './components/gauge';
 export * from './components/input';
 export * from './components/input-group';
 export * from './components/item';
@@ -20,6 +24,7 @@ export * from './components/label';
 export * from './components/password-strength';
 export * from './components/popover';
 export * from './components/progress';
+export * from './components/radio-group';
 export * from './components/scroll-area';
 export * from './components/select';
 export * from './components/separator';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAErC,QAAQ;AACR,cAAc,oBAAoB,CAAC;AAEnC,QAAQ;AACR,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAErC,QAAQ;AACR,cAAc,oBAAoB,CAAC;AAEnC,QAAQ;AACR,cAAc,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dofe/sso-ui",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -45,10 +45,12 @@
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.11",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.4",
     "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",

package/src/styles/globals.css

@@ -132,3 +132,191 @@
     @apply bg-background text-foreground;
   }
 }
+
+/* ============================================
+   Dialog Component Styles
+   Unified design for all dialogs across apps
+   ============================================ */
+
+/* Dialog Overlay - Soft backdrop with subtle blur */
+[data-slot="dialog-overlay"] {
+  background-color: oklch(0.141 0.005 285.823 / 0.6) !important;
+  backdrop-filter: blur(4px);
+}
+
+.dark [data-slot="dialog-overlay"] {
+  background-color: oklch(0.1 0 0 / 0.7) !important;
+}
+
+/* Dialog Content - Soft, elegant styling */
+[data-slot="dialog-content"] {
+  /* Soft background with slight warmth */
+  background-color: oklch(0.985 0.005 285.823) !important;
+
+  /* Subtle rounded border */
+  border: 1px solid oklch(0.85 0.01 162 / 0.6) !important;
+  border-radius: 14px !important;
+
+  /* Soft layered shadow for depth */
+  box-shadow:
+    0 20px 25px -5px oklch(0.141 0.005 285.823 / 0.08),
+    0 8px 10px -6px oklch(0.141 0.005 285.823 / 0.04),
+    0 0 0 1px oklch(0.85 0.01 162 / 0.4) !important;
+
+  /* Ensure proper centering */
+  position: fixed !important;
+  top: 50% !important;
+  left: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  z-index: 50 !important;
+
+  /* Soft padding */
+  padding: 1.5rem !important;
+
+  /* Smooth enter animation */
+  animation: dialog-soft-enter 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
+}
+
+.dark [data-slot="dialog-content"] {
+  background-color: oklch(0.22 0.008 285.885) !important;
+  border: 1px solid oklch(0.35 0.025 165 / 0.5) !important;
+  box-shadow:
+    0 20px 25px -5px oklch(0 0 0 / 0.25),
+    0 8px 10px -6px oklch(0 0 0 / 0.15),
+    0 0 0 1px oklch(0.35 0.025 165 / 0.3) !important;
+}
+
+/* Dialog Header */
+[data-slot="dialog-header"] {
+  padding-bottom: 1rem;
+}
+
+[data-slot="dialog-title"] {
+  color: oklch(0.2 0.02 165) !important;
+  font-weight: 600 !important;
+  font-size: 1.125rem !important;
+  letter-spacing: -0.01em !important;
+  margin-bottom: 0.5rem !important;
+}
+
+.dark [data-slot="dialog-title"] {
+  color: oklch(0.95 0 0) !important;
+}
+
+[data-slot="dialog-description"] {
+  color: oklch(0.5 0.03 165) !important;
+  line-height: 1.6 !important;
+}
+
+.dark [data-slot="dialog-description"] {
+  color: oklch(0.65 0.03 165) !important;
+}
+
+/* Dialog Footer */
+[data-slot="dialog-footer"] {
+  padding-top: 1rem;
+  gap: 0.75rem;
+}
+
+/* Dialog Close Button */
+[data-slot="dialog-content"] button.absolute[class*="top-"][class*="right-"] {
+  top: 1rem !important;
+  right: 1.25rem !important;
+  opacity: 0.4;
+  transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
+  border-radius: 6px !important;
+  padding: 0.375rem !important;
+}
+
+[data-slot="dialog-content"] button.absolute[class*="top-"][class*="right-"]:hover {
+  opacity: 1;
+  transform: scale(1.1);
+  background-color: oklch(0.92 0.01 162);
+}
+
+.dark [data-slot="dialog-content"] button.absolute:hover {
+  background-color: oklch(0.35 0.02 165);
+}
+
+/* Soft Dialog Animation */
+@keyframes dialog-soft-enter {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.92);
+    filter: blur(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+    filter: blur(0);
+  }
+}
+
+/* ============================================
+   Dialog Variants
+   ============================================ */
+
+/* Delete/Confirm Dialog */
+.dialog-destructive [data-slot="dialog-content"],
+.dialog-confirm [data-slot="dialog-content"] {
+  border: 1px solid oklch(0.7 0.15 25 / 0.3) !important;
+  border-top: 3px solid oklch(0.55 0.2 25) !important;
+  border-radius: 14px !important;
+}
+
+.dark .dialog-destructive [data-slot="dialog-content"],
+.dark .dialog-confirm [data-slot="dialog-content"] {
+  border: 1px solid oklch(0.6 0.18 25 / 0.4) !important;
+  border-top: 3px solid oklch(0.65 0.2 25) !important;
+}
+
+.dialog-destructive [data-slot="dialog-title"],
+.dialog-confirm [data-slot="dialog-title"] {
+  color: oklch(0.45 0.18 25) !important;
+}
+
+.dark .dialog-destructive [data-slot="dialog-title"],
+.dark .dialog-confirm [data-slot="dialog-title"] {
+  color: oklch(0.65 0.2 25) !important;
+}
+
+/* Form Dialog */
+.dialog-form [data-slot="dialog-content"] {
+  max-width: 28rem !important;
+  padding: 1.75rem !important;
+}
+
+/* Info Dialog */
+.dialog-info [data-slot="dialog-content"] {
+  max-width: 22rem !important;
+  padding: 1.25rem !important;
+}
+
+/* Large Dialog */
+.dialog-large [data-slot="dialog-content"] {
+  max-width: 42rem !important;
+  max-height: 85vh !important;
+  overflow-y: auto;
+}
+
+/* ============================================
+   Responsive Styles
+   ============================================ */
+
+@media (max-width: 640px) {
+  [data-slot="dialog-content"] {
+    width: calc(100vw - 2rem) !important;
+    max-width: calc(100vw - 2rem) !important;
+    margin: 1rem !important;
+    max-height: calc(100vh - 2rem) !important;
+    border-radius: 12px !important;
+  }
+
+  [data-slot="dialog-footer"] {
+    flex-direction: column;
+  }
+
+  [data-slot="dialog-footer"] button {
+    width: 100%;
+  }
+}