@iamsaroj/smart-ui 0.2.0

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

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, } from "@iamsaroj/smart-ui/components/alert-dialog";
+/**
+ * One-shot confirmation dialog for irreversible or high-stakes actions.
+ *
+ * Handles uncontrolled (trigger-driven) and controlled open state transparently.
+ * The confirm button calls `onConfirm` then closes; the cancel button closes only.
+ *
+ * ```tsx
+ * // Delete confirmation
+ * <SmartConfirmDialog
+ *   trigger={<Button variant="destructive" size="sm">Delete account</Button>}
+ *   title="Delete account?"
+ *   description="All data will be permanently erased. This cannot be undone."
+ *   confirmLabel="Delete account"
+ *   onConfirm={handleDelete}
+ *   variant="destructive"
+ * />
+ *
+ * // Controlled (e.g. opened from a dropdown menu item)
+ * <SmartConfirmDialog
+ *   open={confirmOpen}
+ *   onOpenChange={setConfirmOpen}
+ *   title="Remove member?"
+ *   onConfirm={handleRemove}
+ *   variant="destructive"
+ * />
+ * ```
+ */
+export const SmartConfirmDialog = ({ open: openProp, onOpenChange: onChangeProp, trigger, title = "Are you sure?", description, media, confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, variant = "default", size = "sm", }) => {
+    const [local, setLocal] = React.useState(false);
+    // Support both controlled (openProp provided) and uncontrolled (internal state).
+    const open = openProp ?? local;
+    const setOpen = React.useCallback((val) => {
+        setLocal(val);
+        onChangeProp?.(val);
+    }, [onChangeProp]);
+    return (_jsxs(AlertDialog, { open: open, onOpenChange: setOpen, children: [trigger && _jsx(AlertDialogTrigger, { render: trigger }), _jsxs(AlertDialogContent, { size: size, children: [_jsxs(AlertDialogHeader, { children: [media && _jsx(AlertDialogMedia, { children: media }), _jsx(AlertDialogTitle, { children: title }), description && (_jsx(AlertDialogDescription, { children: description }))] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: cancelLabel }), _jsx(AlertDialogAction, { variant: variant === "destructive" ? "destructive" : "default", onClick: () => {
+                                    onConfirm?.();
+                                    setOpen(false);
+                                }, children: confirmLabel })] })] })] }));
+};
+//# sourceMappingURL=smart-confirm-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-confirm-dialog.js","sourceRoot":"","sources":["../../src/smart-components/smart-confirm-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,4CAA4C,CAAA;AAoCnD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,YAAY,EAC1B,OAAO,EACP,KAAK,GAAG,eAAe,EACvB,WAAW,EACX,KAAK,EACL,YAAY,GAAG,SAAS,EACxB,WAAW,GAAG,QAAQ,EACtB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACa,EAAE,EAAE;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,iFAAiF;IACjF,MAAM,IAAI,GAAG,QAAQ,IAAI,KAAK,CAAA;IAE9B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,GAAY,EAAE,EAAE;QACf,QAAQ,CAAC,GAAG,CAAC,CAAA;QACb,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAA;IAED,OAAO,CACL,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aAC3C,OAAO,IAAI,KAAC,kBAAkB,IAAC,MAAM,EAAE,OAAO,GAAI,EACnD,MAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,aAC5B,MAAC,iBAAiB,eACf,KAAK,IAAI,KAAC,gBAAgB,cAAE,KAAK,GAAoB,EACtD,KAAC,gBAAgB,cAAE,KAAK,GAAoB,EAC3C,WAAW,IAAI,CACd,KAAC,sBAAsB,cAAE,WAAW,GAA0B,CAC/D,IACiB,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,cAAE,WAAW,GAAqB,EACpD,KAAC,iBAAiB,IAChB,OAAO,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC9D,OAAO,EAAE,GAAG,EAAE;oCACZ,SAAS,EAAE,EAAE,CAAA;oCACb,OAAO,CAAC,KAAK,CAAC,CAAA;gCAChB,CAAC,YAEA,YAAY,GACK,IACF,IACD,IACT,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/smart-components/smart-context-menu.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+export type SmartContextMenuSeparator = {
+    type: "separator";
+};
+export type SmartContextMenuLabel = {
+    type: "label";
+    label: string;
+};
+export type SmartContextMenuAction = {
+    type?: "item";
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    variant?: "default" | "destructive";
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export type SmartContextMenuCheckbox = {
+    type: "checkbox";
+    label: string;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    shortcut?: string;
+};
+export type SmartContextMenuSub = {
+    type: "sub";
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    items: SmartContextMenuItemConfig[];
+};
+export type SmartContextMenuItemConfig = SmartContextMenuSeparator | SmartContextMenuLabel | SmartContextMenuAction | SmartContextMenuCheckbox | SmartContextMenuSub;
+export interface SmartContextMenuProps {
+    /** The element that the user right-clicks to open the menu. */
+    children: React.ReactNode;
+    /** Ordered list of menu items. */
+    items: SmartContextMenuItemConfig[];
+    className?: string;
+}
+/**
+ * Data-driven context menu (right-click menu). Supports items, labels,
+ * separators, checkboxes, and recursive sub-menus via a typed config array.
+ *
+ * ```tsx
+ * <SmartContextMenu
+ *   items={[
+ *     { label: "Edit", icon: <Pencil />, shortcut: "⌘E", onClick: onEdit },
+ *     { type: "separator" },
+ *     { label: "Delete", variant: "destructive", onClick: onDelete },
+ *   ]}
+ * >
+ *   <div className="rounded border p-4">Right-click me</div>
+ * </SmartContextMenu>
+ * ```
+ */
+export declare const SmartContextMenu: ({ children, items, className, }: SmartContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-context-menu.d.ts.map

package/dist/smart-components/smart-context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-context-menu.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-context-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,MAAM,yBAAyB,GAAG;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAAA;AAE7D,MAAM,MAAM,qBAAqB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,0BAA0B,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAClC,yBAAyB,GACzB,qBAAqB,GACrB,sBAAsB,GACtB,wBAAwB,GACxB,mBAAmB,CAAA;AA6DvB,MAAM,WAAW,qBAAqB;IACpC,+DAA+D;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,kCAAkC;IAClC,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAAI,iCAI9B,qBAAqB,4CAOvB,CAAA"}

package/dist/smart-components/smart-context-menu.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "@iamsaroj/smart-ui/components/context-menu";
+// ---- Renderer ----
+const renderItem = (item, index) => {
+    if (item.type === "separator") {
+        return _jsx(ContextMenuSeparator, {}, index);
+    }
+    if (item.type === "label") {
+        return _jsx(ContextMenuLabel, { children: item.label }, index);
+    }
+    if (item.type === "checkbox") {
+        return (_jsxs(ContextMenuCheckboxItem, { checked: item.checked, onCheckedChange: item.onCheckedChange, disabled: item.disabled, children: [item.label, item.shortcut && (_jsx(ContextMenuShortcut, { children: item.shortcut }))] }, index));
+    }
+    if (item.type === "sub") {
+        return (_jsxs(ContextMenuSub, { children: [_jsxs(ContextMenuSubTrigger, { disabled: item.disabled, children: [item.icon, item.label] }), _jsx(ContextMenuSubContent, { children: item.items.map((sub, si) => renderItem(sub, si)) })] }, index));
+    }
+    // default: "item" (type is undefined or "item")
+    return (_jsxs(ContextMenuItem, { variant: item.variant, disabled: item.disabled, onClick: item.onClick, children: [item.icon, item.label, item.shortcut && (_jsx(ContextMenuShortcut, { children: item.shortcut }))] }, index));
+};
+/**
+ * Data-driven context menu (right-click menu). Supports items, labels,
+ * separators, checkboxes, and recursive sub-menus via a typed config array.
+ *
+ * ```tsx
+ * <SmartContextMenu
+ *   items={[
+ *     { label: "Edit", icon: <Pencil />, shortcut: "⌘E", onClick: onEdit },
+ *     { type: "separator" },
+ *     { label: "Delete", variant: "destructive", onClick: onDelete },
+ *   ]}
+ * >
+ *   <div className="rounded border p-4">Right-click me</div>
+ * </SmartContextMenu>
+ * ```
+ */
+export const SmartContextMenu = ({ children, items, className, }) => (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { className: className, children: children }), _jsx(ContextMenuContent, { children: items.map((item, idx) => renderItem(item, idx)) })] }));
+//# sourceMappingURL=smart-context-menu.js.map

package/dist/smart-components/smart-context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-context-menu.js","sourceRoot":"","sources":["../../src/smart-components/smart-context-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,4CAA4C,CAAA;AA0CnD,qBAAqB;AAErB,MAAM,UAAU,GAAG,CACjB,IAAgC,EAChC,KAAa,EACI,EAAE;IACnB,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC9B,OAAO,KAAC,oBAAoB,MAAM,KAAK,CAAI,CAAA;IAC7C,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC1B,OAAO,KAAC,gBAAgB,cAAc,IAAI,CAAC,KAAK,IAAlB,KAAK,CAAiC,CAAA;IACtE,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,CACL,MAAC,uBAAuB,IAEtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,aAEtB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,QAAQ,IAAI,CAChB,KAAC,mBAAmB,cAAE,IAAI,CAAC,QAAQ,GAAuB,CAC3D,KARI,KAAK,CASc,CAC3B,CAAA;IACH,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACxB,OAAO,CACL,MAAC,cAAc,eACb,MAAC,qBAAqB,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,aAC3C,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,IACW,EACxB,KAAC,qBAAqB,cACnB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAC3B,KAPL,KAAK,CAQT,CAClB,CAAA;IACH,CAAC;IACD,gDAAgD;IAChD,OAAO,CACL,MAAC,eAAe,IAEd,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,aAEpB,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,QAAQ,IAAI,CAChB,KAAC,mBAAmB,cAAE,IAAI,CAAC,QAAQ,GAAuB,CAC3D,KATI,KAAK,CAUM,CACnB,CAAA;AACH,CAAC,CAAA;AAYD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,SAAS,GACa,EAAE,EAAE,CAAC,CAC3B,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAsB,EACzE,KAAC,kBAAkB,cAChB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,GAC7B,IACT,CACf,CAAA"}

package/dist/smart-components/smart-date-picker.d.ts

@@ -0,0 +1,99 @@
+import * as React from "react";
+import { DatePicker } from "@iamsaroj/smart-ui/components/date-picker";
+export interface SmartDatePickerProps {
+    /** Currently selected date (controlled). */
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+    placeholder?: string;
+    /**
+     * Disables the whole trigger when `true`, or forwards a react-day-picker
+     * matcher (e.g. `(d) => d < today`) to disable specific calendar days.
+     */
+    disabled?: React.ComponentProps<typeof DatePicker>["disabled"];
+    /** Class applied to the picker trigger button. Defaults to full-width. */
+    pickerClassName?: string;
+    /**
+     * Day-stepper buttons flanking the picker. `"prev"` shows only the −1 day
+     * button (in front), `"next"` only the +1 day button (behind), `"both"`
+     * (or `true`) shows both. Stepping from an empty value starts at today.
+     * Defaults to `false` (no steppers).
+     */
+    steppers?: boolean | "prev" | "next" | "both";
+    /**
+     * Show a "reset to today" button after the picker. Defaults to `false`.
+     */
+    todayButton?: boolean;
+    /**
+     * Which clock "today" is read from for the today button and steppers:
+     * `"local"` (default) uses the browser's local calendar day, `"utc"` uses
+     * the current UTC calendar day (they can differ around midnight).
+     */
+    timeZone?: "local" | "utc";
+    /**
+     * Caption navigation style for the calendar. `"label"` (default) shows a
+     * static month/year label; `"dropdown"` turns both month and year into
+     * pickers, and `"dropdown-months"` / `"dropdown-years"` enable just one.
+     */
+    captionLayout?: React.ComponentProps<typeof DatePicker>["captionLayout"];
+    /** Earliest month the (year) dropdown can navigate to. */
+    startMonth?: React.ComponentProps<typeof DatePicker>["startMonth"];
+    /** Latest month the (year) dropdown can navigate to. */
+    endMonth?: React.ComponentProps<typeof DatePicker>["endMonth"];
+    /**
+     * How the selected date is rendered in the trigger. Accepts a date-fns
+     * pattern; the intuitive upper-case tokens are normalized, so
+     * `"YYYY-MM-DD"`, `"DD/MM/YYYY"`, `"MM-DD-YYYY"`, `"YYYY.MM.DD"` all work.
+     * Defaults to `"PPP"` (e.g. "July 10th, 2026").
+     */
+    dateFormat?: React.ComponentProps<typeof DatePicker>["dateFormat"];
+    /** Field label rendered above the picker. */
+    label?: React.ReactNode;
+    /** Hint rendered below. Hidden when `error` is set. */
+    description?: React.ReactNode;
+    /** Validation error shown below instead of `description`. */
+    error?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    fieldClassName?: string;
+}
+/**
+ * DatePicker (calendar popover) with optional field label, description,
+ * and error message. The trigger defaults to full-width.
+ *
+ * ```tsx
+ * <SmartDatePicker
+ *   label="Date of birth"
+ *   selected={dob}
+ *   onSelect={setDob}
+ *   required
+ *   error={dobError}
+ * />
+ * ```
+ *
+ * Opt into the day-stepper controls with `steppers` and/or `todayButton`
+ * (reset to today). `steppers` is independently configurable — `"prev"` for
+ * just the −1 day button, `"next"` for just +1, `"both"` (or `true`) for both:
+ *
+ * ```tsx
+ * <SmartDatePicker selected={date} onSelect={setDate} steppers todayButton />
+ * <SmartDatePicker selected={date} onSelect={setDate} steppers="prev" />
+ * <SmartDatePicker selected={date} onSelect={setDate} steppers="next" />
+ * ```
+ *
+ * Use `timeZone="utc"` to make the today button / steppers read the current
+ * UTC calendar day instead of the browser's local day, and `captionLayout`
+ * (with optional `startMonth`/`endMonth`) to enable month/year dropdowns:
+ *
+ * ```tsx
+ * <SmartDatePicker selected={date} onSelect={setDate} todayButton timeZone="utc" />
+ * <SmartDatePicker
+ *   selected={date}
+ *   onSelect={setDate}
+ *   captionLayout="dropdown"
+ *   startMonth={new Date(1970, 0)}
+ *   endMonth={new Date(2035, 11)}
+ * />
+ * ```
+ */
+export declare const SmartDatePicker: ({ label, description, error, required, optional, fieldClassName, pickerClassName, selected, onSelect, placeholder, disabled, steppers, todayButton, timeZone, captionLayout, startMonth, endMonth, dateFormat, }: SmartDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-date-picker.d.ts.map

package/dist/smart-components/smart-date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-date-picker.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAA;AAGtE,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,eAAe,CAAC,CAAA;IACxE,0DAA0D;IAC1D,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,YAAY,CAAC,CAAA;IAClE,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,YAAY,CAAC,CAAA;IAElE,6CAA6C;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,uDAAuD;IACvD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,eAAe,GAAI,kNAmB7B,oBAAoB,4CA6GtB,CAAA"}

package/dist/smart-components/smart-date-picker.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { addDays } from "date-fns";
+import { ChevronLeft, ChevronRight, RotateCcw } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Button } from "@iamsaroj/smart-ui/components/button";
+import { DatePicker } from "@iamsaroj/smart-ui/components/date-picker";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Midnight-today, so today-resets/steppers don't carry a time component.
+ * `"utc"` pins to the current UTC calendar day (still represented as a local
+ * midnight `Date` so the calendar highlights the right cell).
+ */
+const today = (timeZone = "local") => {
+    const d = new Date();
+    if (timeZone === "utc") {
+        return new Date(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
+    }
+    d.setHours(0, 0, 0, 0);
+    return d;
+};
+/**
+ * DatePicker (calendar popover) with optional field label, description,
+ * and error message. The trigger defaults to full-width.
+ *
+ * ```tsx
+ * <SmartDatePicker
+ *   label="Date of birth"
+ *   selected={dob}
+ *   onSelect={setDob}
+ *   required
+ *   error={dobError}
+ * />
+ * ```
+ *
+ * Opt into the day-stepper controls with `steppers` and/or `todayButton`
+ * (reset to today). `steppers` is independently configurable — `"prev"` for
+ * just the −1 day button, `"next"` for just +1, `"both"` (or `true`) for both:
+ *
+ * ```tsx
+ * <SmartDatePicker selected={date} onSelect={setDate} steppers todayButton />
+ * <SmartDatePicker selected={date} onSelect={setDate} steppers="prev" />
+ * <SmartDatePicker selected={date} onSelect={setDate} steppers="next" />
+ * ```
+ *
+ * Use `timeZone="utc"` to make the today button / steppers read the current
+ * UTC calendar day instead of the browser's local day, and `captionLayout`
+ * (with optional `startMonth`/`endMonth`) to enable month/year dropdowns:
+ *
+ * ```tsx
+ * <SmartDatePicker selected={date} onSelect={setDate} todayButton timeZone="utc" />
+ * <SmartDatePicker
+ *   selected={date}
+ *   onSelect={setDate}
+ *   captionLayout="dropdown"
+ *   startMonth={new Date(1970, 0)}
+ *   endMonth={new Date(2035, 11)}
+ * />
+ * ```
+ */
+export const SmartDatePicker = ({ label, description, error, required, optional, fieldClassName, pickerClassName, selected, onSelect, placeholder, disabled, steppers, todayButton, timeZone = "local", captionLayout, startMonth, endMonth, dateFormat, }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${id}-hint` : undefined;
+    // `disabled === true` disables the whole control; a matcher only disables
+    // calendar days, so the stepper/today buttons stay active in that case.
+    const controlsDisabled = disabled === true;
+    const showPrev = steppers === true || steppers === "both" || steppers === "prev";
+    const showNext = steppers === true || steppers === "both" || steppers === "next";
+    const hasControls = showPrev || showNext || todayButton === true;
+    const step = (delta) => {
+        onSelect?.(addDays(selected ?? today(timeZone), delta));
+    };
+    const picker = (_jsx(DatePicker, { date: selected, onDateChange: onSelect, placeholder: placeholder, disabled: disabled, dateFormat: dateFormat, captionLayout: captionLayout, startMonth: startMonth, endMonth: endMonth, className: cn("w-full", pickerClassName) }));
+    return (_jsxs("div", { "data-slot": "field", className: cn("flex flex-col gap-1.5", fieldClassName), children: [label != null && (_jsxs(Label, { children: [label, required && (_jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })), optional && (_jsxs("span", { className: "font-normal text-muted-foreground", children: [" ", "(optional)"] }))] })), hasControls ? (_jsxs("div", { className: "flex items-center gap-1.5", children: [showPrev && (_jsx(Button, { type: "button", variant: "outline", size: "icon", "aria-label": "Previous day", disabled: controlsDisabled, onClick: () => step(-1), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })), _jsx("div", { className: "flex-1", children: picker }), showNext && (_jsx(Button, { type: "button", variant: "outline", size: "icon", "aria-label": "Next day", disabled: controlsDisabled, onClick: () => step(1), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })), todayButton && (_jsx(Button, { type: "button", variant: "outline", size: "icon", "aria-label": "Reset to today", disabled: controlsDisabled, onClick: () => onSelect?.(today(timeZone)), children: _jsx(RotateCcw, { className: "h-4 w-4" }) }))] })) : (picker), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-date-picker.js.map

package/dist/smart-components/smart-date-picker.js.map

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

package/dist/smart-components/smart-date-range-picker.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import type { DateRange } from "react-day-picker";
+import { Calendar } from "@iamsaroj/smart-ui/components/calendar";
+export type { DateRange };
+export interface SmartDateRangePickerProps {
+    /** Selected range (controlled). */
+    value?: DateRange;
+    onValueChange?: (range: DateRange | undefined) => void;
+    placeholder?: string;
+    /** Number of months rendered side by side. @default 2 */
+    numberOfMonths?: number;
+    /** Disable the whole trigger (`true`) or specific calendar days (matcher). */
+    disabled?: React.ComponentProps<typeof Calendar>["disabled"];
+    /** Class applied to the trigger button. Defaults to full-width. */
+    className?: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    fieldClassName?: string;
+}
+/**
+ * Popover date-range picker built on a range-mode `Calendar`. Produces a
+ * `{ from, to }` `DateRange`. For an always-visible range calendar use
+ * `SmartCalendar mode="range"` instead.
+ *
+ * ```tsx
+ * <SmartDateRangePicker
+ *   label="Reporting period"
+ *   value={range}
+ *   onValueChange={setRange}
+ * />
+ * ```
+ */
+export declare const SmartDateRangePicker: ({ value, onValueChange, placeholder, numberOfMonths, disabled, className, label, description, error, required, optional, fieldClassName, }: SmartDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-date-range-picker.d.ts.map

package/dist/smart-components/smart-date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-date-range-picker.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-date-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAQjE,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,MAAM,WAAW,yBAAyB;IACxC,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5D,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAQD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAAI,4IAalC,yBAAyB,4CAoE3B,CAAA"}

package/dist/smart-components/smart-date-range-picker.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Button } from "@iamsaroj/smart-ui/components/button";
+import { Calendar } from "@iamsaroj/smart-ui/components/calendar";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+import { Popover, PopoverContent, PopoverTrigger, } from "@iamsaroj/smart-ui/components/popover";
+const formatRange = (range) => {
+    if (!range?.from)
+        return undefined;
+    if (!range.to)
+        return format(range.from, "PP");
+    return `${format(range.from, "PP")} – ${format(range.to, "PP")}`;
+};
+/**
+ * Popover date-range picker built on a range-mode `Calendar`. Produces a
+ * `{ from, to }` `DateRange`. For an always-visible range calendar use
+ * `SmartCalendar mode="range"` instead.
+ *
+ * ```tsx
+ * <SmartDateRangePicker
+ *   label="Reporting period"
+ *   value={range}
+ *   onValueChange={setRange}
+ * />
+ * ```
+ */
+export const SmartDateRangePicker = ({ value, onValueChange, placeholder = "Pick a date range", numberOfMonths = 2, disabled, className, label, description, error, required, optional, fieldClassName, }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${id}-hint` : undefined;
+    const display = formatRange(value);
+    return (_jsxs("div", { "data-slot": "field", className: cn("flex flex-col gap-1.5", fieldClassName), children: [label != null && (_jsxs(Label, { children: [label, required && (_jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })), optional && (_jsxs("span", { className: "font-normal text-muted-foreground", children: [" ", "(optional)"] }))] })), _jsxs(Popover, { children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { variant: "outline", disabled: disabled === true, className: cn("w-full justify-start text-left font-normal", !display && "text-muted-foreground", className) }), children: [_jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), display ?? _jsx("span", { children: placeholder })] }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "range", selected: value, onSelect: onValueChange, numberOfMonths: numberOfMonths, defaultMonth: value?.from, disabled: disabled }) })] }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-date-range-picker.js.map

package/dist/smart-components/smart-date-range-picker.js.map

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

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

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { DialogContent, DialogDescription, DialogTitle } from "@iamsaroj/smart-ui/components/dialog";
+export { DialogContent, DialogTitle, DialogDescription };
+/**
+ * Dialog size presets (fixed px width × fixed vh height):
+ * xs 400px/60vh · sm 600px/70vh · md 800px/80vh · lg 1000px/85vh ·
+ * xl 1200px/90vh · 2xl 1400px/90vh · 3xl 1600px/92vh ·
+ * full calc(100vw-48px) × calc(100vh-48px).
+ */
+export type SmartDialogSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+export interface SmartDialogHeader {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+}
+export interface SmartDialogProps {
+    /** Controls open state (controlled mode). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Element rendered as the dialog trigger.
+     * Passed as the `render` prop to DialogTrigger — must be a single element.
+     * Omit when using controlled `open` without a built-in trigger.
+     */
+    trigger?: React.ReactElement;
+    /** Dialog header: title and optional subtitle. */
+    header?: SmartDialogHeader;
+    /** Footer content (actions row). Maps to DialogFooter. */
+    footer?: React.ReactNode;
+    /** Show the × close button in the top-right corner. @default true */
+    showCloseButton?: boolean;
+    /** Dialog width preset. `full` fills the whole page. @default "sm" */
+    size?: SmartDialogSize;
+    /**
+     * Draw full-width separator lines under the header and above the footer,
+     * visually grouping them apart from the scrollable body (shadcn style).
+     * @default false
+     */
+    dividers?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Flattened Dialog wrapper.
+ *
+ * ```tsx
+ * // Before
+ * <Dialog open={open} onOpenChange={setOpen}>
+ *   <DialogTrigger render={<Button>Edit profile</Button>} />
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Edit profile</DialogTitle>
+ *       <DialogDescription>Make changes here.</DialogDescription>
+ *     </DialogHeader>
+ *     <form>…</form>
+ *     <DialogFooter><Button onClick={save}>Save</Button></DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ *
+ * // After
+ * <SmartDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   trigger={<Button>Edit profile</Button>}
+ *   header={{ title: "Edit profile", subtitle: "Make changes here." }}
+ *   footer={<Button onClick={save}>Save</Button>}
+ * >
+ *   <form>…</form>
+ * </SmartDialog>
+ * ```
+ *
+ * Fall back to native Dialog primitives when the trigger needs conditional
+ * rendering, multiple triggers, or the header has a non-standard layout.
+ */
+export declare const SmartDialog: ({ open, onOpenChange, trigger, header, footer, showCloseButton, size, dividers, className, children, }: SmartDialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-dialog.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,aAAa,EACb,iBAAiB,EAGjB,WAAW,EAEZ,MAAM,sCAAsC,CAAA;AAG7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAA;AAExD;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GACvB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,MAAM,CAAA;AAwBV,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,kDAAkD;IAClD,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,qEAAqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sEAAsE;IACtE,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,WAAW,GAAI,wGAWzB,gBAAgB,4CA+BlB,CAAA"}

package/dist/smart-components/smart-dialog.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@iamsaroj/smart-ui/components/dialog";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+export { DialogContent, DialogTitle, DialogDescription };
+/**
+ * Fixed width + fixed height per size. These override the default
+ * `sm:max-w-sm` on `DialogContent` via tailwind-merge. `SIZE_CAP` keeps the
+ * fixed dimensions from overflowing small viewports (and re-overrides the
+ * default `sm:` width cap so the pixel width can grow past it). Scrolling
+ * happens on the inner body (see the component), not the popup — so the
+ * absolute close button stays pinned to the corner. The dialog stays centered.
+ */
+const SIZE_CAP = "max-w-[calc(100vw-2rem)] sm:max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]";
+const SIZE_CLASSES = {
+    xs: `w-[400px] h-[60vh] ${SIZE_CAP}`,
+    sm: `w-[600px] h-[70vh] ${SIZE_CAP}`,
+    md: `w-[800px] h-[80vh] ${SIZE_CAP}`,
+    lg: `w-[1000px] h-[85vh] ${SIZE_CAP}`,
+    xl: `w-[1200px] h-[90vh] ${SIZE_CAP}`,
+    "2xl": `w-[1400px] h-[90vh] ${SIZE_CAP}`,
+    "3xl": `w-[1600px] h-[92vh] ${SIZE_CAP}`,
+    full: "h-[calc(100vh-48px)] w-[calc(100vw-48px)] max-w-[calc(100vw-48px)] sm:max-w-[calc(100vw-48px)]",
+};
+/**
+ * Flattened Dialog wrapper.
+ *
+ * ```tsx
+ * // Before
+ * <Dialog open={open} onOpenChange={setOpen}>
+ *   <DialogTrigger render={<Button>Edit profile</Button>} />
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Edit profile</DialogTitle>
+ *       <DialogDescription>Make changes here.</DialogDescription>
+ *     </DialogHeader>
+ *     <form>…</form>
+ *     <DialogFooter><Button onClick={save}>Save</Button></DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ *
+ * // After
+ * <SmartDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   trigger={<Button>Edit profile</Button>}
+ *   header={{ title: "Edit profile", subtitle: "Make changes here." }}
+ *   footer={<Button onClick={save}>Save</Button>}
+ * >
+ *   <form>…</form>
+ * </SmartDialog>
+ * ```
+ *
+ * Fall back to native Dialog primitives when the trigger needs conditional
+ * rendering, multiple triggers, or the header has a non-standard layout.
+ */
+export const SmartDialog = ({ open, onOpenChange, trigger, header, footer, showCloseButton = true, size = "sm", dividers = false, className, children, }) => (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [trigger && _jsx(DialogTrigger, { render: trigger }), _jsxs(DialogContent, { showCloseButton: showCloseButton, 
+            // Flex column so the header/footer stay fixed and only the body
+            // scrolls — keeps the absolute close button pinned to the corner.
+            className: cn("flex flex-col", SIZE_CLASSES[size], className), children: [header && (_jsxs(DialogHeader, { className: cn("shrink-0", dividers && "-mx-4 border-b px-4 pb-4"), children: [_jsx(DialogTitle, { children: header.title }), header.subtitle && (_jsx(DialogDescription, { children: header.subtitle }))] })), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: children }), footer && (_jsx(DialogFooter, { className: cn("shrink-0", dividers && "-mx-4 border-t px-4 pt-4"), children: footer }))] })] }));
+//# sourceMappingURL=smart-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-dialog.js","sourceRoot":"","sources":["../../src/smart-components/smart-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAA;AAkBxD;;;;;;;GAOG;AACH,MAAM,QAAQ,GACZ,+EAA+E,CAAA;AAEjF,MAAM,YAAY,GAAoC;IACpD,EAAE,EAAE,sBAAsB,QAAQ,EAAE;IACpC,EAAE,EAAE,sBAAsB,QAAQ,EAAE;IACpC,EAAE,EAAE,sBAAsB,QAAQ,EAAE;IACpC,EAAE,EAAE,uBAAuB,QAAQ,EAAE;IACrC,EAAE,EAAE,uBAAuB,QAAQ,EAAE;IACrC,KAAK,EAAE,uBAAuB,QAAQ,EAAE;IACxC,KAAK,EAAE,uBAAuB,QAAQ,EAAE;IACxC,IAAI,EAAE,gGAAgG;CACvG,CAAA;AAmCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,MAAM,EACN,eAAe,GAAG,IAAI,EACtB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,GACS,EAAE,EAAE,CAAC,CACtB,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAC3C,OAAO,IAAI,KAAC,aAAa,IAAC,MAAM,EAAE,OAAO,GAAI,EAC9C,MAAC,aAAa,IACZ,eAAe,EAAE,eAAe;YAChC,gEAAgE;YAChE,kEAAkE;YAClE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aAE5D,MAAM,IAAI,CAGT,MAAC,YAAY,IACX,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,IAAI,0BAA0B,CAAC,aAEjE,KAAC,WAAW,cAAE,MAAM,CAAC,KAAK,GAAe,EACxC,MAAM,CAAC,QAAQ,IAAI,CAClB,KAAC,iBAAiB,cAAE,MAAM,CAAC,QAAQ,GAAqB,CACzD,IACY,CAChB,EACD,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAC/D,MAAM,IAAI,CACT,KAAC,YAAY,IACX,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,IAAI,0BAA0B,CAAC,YAEhE,MAAM,GACM,CAChB,IACa,IACT,CACV,CAAA"}