@iamsaroj/smart-ui 0.2.0

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { VariantProps } from "class-variance-authority";
+import { buttonVariants } from "@iamsaroj/smart-ui/components/button";
+import type { Button as ButtonPrimitive } from "@base-ui/react/button";
+export interface SmartButtonProps extends ButtonPrimitive.Props, VariantProps<typeof buttonVariants> {
+    /** Shows a spinner and disables the button when true. */
+    loading?: boolean;
+    /** Text displayed while loading. Falls back to `children` when omitted. */
+    loadingText?: React.ReactNode;
+}
+/**
+ * Button with a built-in loading state: shows an inline spinner, disables
+ * the button, and optionally swaps the label.
+ *
+ * ```tsx
+ * <SmartButton loading={isSaving} loadingText="Saving…" onClick={save}>
+ *   Save changes
+ * </SmartButton>
+ * ```
+ */
+export declare const SmartButton: ({ loading, loadingText, disabled, children, ...props }: SmartButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-button.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAU,cAAc,EAAE,MAAM,sCAAsC,CAAA;AAE7E,OAAO,KAAK,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEtE,MAAM,WAAW,gBACf,SAAQ,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IAClE,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,wDAMzB,gBAAgB,4CAWlB,CAAA"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@iamsaroj/smart-ui/components/button";
+import { SmartSpinner } from "@iamsaroj/smart-ui/smart-components/spinner";
+/**
+ * Button with a built-in loading state: shows an inline spinner, disables
+ * the button, and optionally swaps the label.
+ *
+ * ```tsx
+ * <SmartButton loading={isSaving} loadingText="Saving…" onClick={save}>
+ *   Save changes
+ * </SmartButton>
+ * ```
+ */
+export const SmartButton = ({ loading = false, loadingText, disabled, children, ...props }) => (_jsx(Button, { disabled: disabled || loading, ...props, children: loading ? (_jsxs(_Fragment, { children: [_jsx(SmartSpinner, { size: 12, label: "Loading" }), loadingText ?? children] })) : (children) }));
+//# sourceMappingURL=smart-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-button.js","sourceRoot":"","sources":["../../src/smart-components/smart-button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAkB,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAA;AAW1E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACS,EAAE,EAAE,CAAC,CACtB,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,IAAI,OAAO,KAAM,KAAK,YAC7C,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,EACzC,WAAW,IAAI,QAAQ,IACvB,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACM,CACV,CAAA"}

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

@@ -0,0 +1,78 @@
+import * as React from "react";
+import type { DateRange } from "react-day-picker";
+import { Calendar } from "@iamsaroj/smart-ui/components/calendar";
+/** Props shared by every selection mode. */
+interface SmartCalendarBaseProps {
+    /** Override the default displayed month. */
+    defaultMonth?: Date;
+    /**
+     * Disable specific dates or all navigation. Pass a function to restrict
+     * selectable dates (e.g. `disabled={(d) => d < minDate || d > maxDate}`).
+     */
+    disabled?: boolean | ((date: Date) => boolean);
+    showOutsideDays?: boolean;
+    className?: string;
+    /** Label displayed above the calendar (visual only — no htmlFor wiring). */
+    label?: React.ReactNode;
+    /** Hint rendered below the calendar. Hidden when `error` is set. */
+    description?: React.ReactNode;
+    /** Validation error shown below instead of `description`. */
+    error?: React.ReactNode;
+    required?: boolean;
+    fieldClassName?: string;
+}
+/** Single-date selection (default). */
+interface SmartCalendarSingleProps extends SmartCalendarBaseProps {
+    mode?: "single";
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+}
+/** Multiple independent dates. */
+interface SmartCalendarMultipleProps extends SmartCalendarBaseProps {
+    mode: "multiple";
+    selected?: Date[];
+    onSelect?: (dates: Date[] | undefined) => void;
+    /** Minimum number of dates that must be selected. */
+    min?: number;
+    /** Maximum number of dates that can be selected. */
+    max?: number;
+}
+/** Contiguous start–end date range. */
+interface SmartCalendarRangeProps extends SmartCalendarBaseProps {
+    mode: "range";
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+    /** Minimum number of days the range must span. */
+    min?: number;
+    /** Maximum number of days the range can span. */
+    max?: number;
+}
+export type SmartCalendarProps = SmartCalendarSingleProps | SmartCalendarMultipleProps | SmartCalendarRangeProps;
+/**
+ * Inline calendar with optional label, description, and error.
+ *
+ * Defaults to single-date selection; pass `mode="multiple"` or `mode="range"`
+ * to change the selection behaviour (each mode has its own `selected` /
+ * `onSelect` value shape).
+ *
+ * Use `DatePicker` (or `SmartDatePicker`) when you need a popover trigger.
+ * Use `SmartCalendar` when the calendar should be permanently visible —
+ * date-of-birth pickers, scheduling widgets, availability selectors.
+ *
+ * ```tsx
+ * // Single (default)
+ * <SmartCalendar selected={date} onSelect={setDate} />
+ *
+ * // Range
+ * <SmartCalendar
+ *   mode="range"
+ *   label="Trip dates"
+ *   selected={range}
+ *   onSelect={setRange}
+ * />
+ * ```
+ */
+export { Calendar };
+export type { DateRange };
+export declare const SmartCalendar: ({ label, description, error, required, fieldClassName, className, ...calendarProps }: SmartCalendarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-calendar.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAGjE,4CAA4C;AAC5C,UAAU,sBAAsB;IAC9B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAA;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,uCAAuC;AACvC,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5C;AAED,kCAAkC;AAClC,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,uCAAuC;AACvC,UAAU,uBAAwB,SAAQ,sBAAsB;IAC9D,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IACjD,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,kBAAkB,GAC1B,wBAAwB,GACxB,0BAA0B,GAC1B,uBAAuB,CAAA;AAE3B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,eAAO,MAAM,aAAa,GAAI,sFAQ3B,kBAAkB,4CA8CpB,CAAA"}

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

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Calendar } from "@iamsaroj/smart-ui/components/calendar";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Inline calendar with optional label, description, and error.
+ *
+ * Defaults to single-date selection; pass `mode="multiple"` or `mode="range"`
+ * to change the selection behaviour (each mode has its own `selected` /
+ * `onSelect` value shape).
+ *
+ * Use `DatePicker` (or `SmartDatePicker`) when you need a popover trigger.
+ * Use `SmartCalendar` when the calendar should be permanently visible —
+ * date-of-birth pickers, scheduling widgets, availability selectors.
+ *
+ * ```tsx
+ * // Single (default)
+ * <SmartCalendar selected={date} onSelect={setDate} />
+ *
+ * // Range
+ * <SmartCalendar
+ *   mode="range"
+ *   label="Trip dates"
+ *   selected={range}
+ *   onSelect={setRange}
+ * />
+ * ```
+ */
+export { Calendar };
+export const SmartCalendar = ({ label, description, error, required, fieldClassName, className, ...calendarProps }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${id}-hint` : undefined;
+    // Default to single-date selection. Cast once: the per-mode `selected` /
+    // `onSelect` shapes are validated on `SmartCalendarProps`, but DayPicker's
+    // discriminated union can't be reconstructed from a spread.
+    const dayPickerProps = {
+        ...calendarProps,
+        mode: calendarProps.mode ?? "single",
+    };
+    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: "*" }))] })), _jsx(Calendar, { ...dayPickerProps, className: cn("rounded-md border border-border", className), "aria-describedby": hintId }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-calendar.js","sourceRoot":"","sources":["../../src/smart-components/smart-calendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AA0D3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,cAAc,EACd,SAAS,EACT,GAAG,aAAa,EACG,EAAE,EAAE;IACvB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAA;IACpD,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjD,yEAAyE;IACzE,2EAA2E;IAC3E,4DAA4D;IAC5D,MAAM,cAAc,GAAG;QACrB,GAAG,aAAa;QAChB,IAAI,EAAE,aAAa,CAAC,IAAI,IAAI,QAAQ;KACI,CAAA;IAE1C,OAAO,CACL,4BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,CAAC,aAErD,KAAK,IAAI,IAAI,IAAI,CAChB,MAAC,KAAK,eACH,KAAK,EACL,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,kBAE9C,CACR,IACK,CACT,EACD,KAAC,QAAQ,OACH,cAAc,EAClB,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,sBACzC,MAAM,GACxB,EACD,OAAO,IAAI,CACV,YACE,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,SAAS,EACT,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CAC7D,YAEA,KAAK,IAAI,WAAW,GACnB,CACL,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@iamsaroj/smart-ui/components/card";
+export interface SmartCardHeader {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export interface SmartCardProps {
+    /**
+     * Header zone: title, subtitle, and trailing actions.
+     * Maps to CardHeader + CardTitle + CardDescription + CardAction.
+     */
+    header?: SmartCardHeader;
+    /**
+     * Footer rendered at the bottom of the card.
+     * Maps to CardFooter.
+     */
+    footer?: React.ReactNode;
+    /** Passed to CardContent. Useful for overriding padding on the body. */
+    contentClassName?: string;
+    /** Compact sizing. @default "default" */
+    size?: "default" | "sm";
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Flattened Card wrapper. Replaces the standard 5-part compound:
+ *
+ * ```tsx
+ * // Before
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Orders</CardTitle>
+ *     <CardDescription>Latest orders</CardDescription>
+ *     <CardAction><Button>Add</Button></CardAction>
+ *   </CardHeader>
+ *   <CardContent>…</CardContent>
+ *   <CardFooter><Pagination /></CardFooter>
+ * </Card>
+ *
+ * // After
+ * <SmartCard
+ *   header={{ title: "Orders", subtitle: "Latest orders", actions: <Button>Add</Button> }}
+ *   footer={<Pagination />}
+ * >
+ *   …
+ * </SmartCard>
+ * ```
+ *
+ * Fall back to the native Card primitives when the header contains a
+ * multi-row or non-linear layout (search bar + filter dropdown, etc.).
+ */
+export { Card, CardHeader, CardContent, CardTitle, CardDescription, CardFooter, CardAction, };
+export declare const SmartCard: ({ header, footer, contentClassName, size, className, children, }: SmartCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-card.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACV,MAAM,oCAAoC,CAAA;AAE3C,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kEAOvB,cAAc,4CAsBhB,CAAA"}

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

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@iamsaroj/smart-ui/components/card";
+/**
+ * Flattened Card wrapper. Replaces the standard 5-part compound:
+ *
+ * ```tsx
+ * // Before
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Orders</CardTitle>
+ *     <CardDescription>Latest orders</CardDescription>
+ *     <CardAction><Button>Add</Button></CardAction>
+ *   </CardHeader>
+ *   <CardContent>…</CardContent>
+ *   <CardFooter><Pagination /></CardFooter>
+ * </Card>
+ *
+ * // After
+ * <SmartCard
+ *   header={{ title: "Orders", subtitle: "Latest orders", actions: <Button>Add</Button> }}
+ *   footer={<Pagination />}
+ * >
+ *   …
+ * </SmartCard>
+ * ```
+ *
+ * Fall back to the native Card primitives when the header contains a
+ * multi-row or non-linear layout (search bar + filter dropdown, etc.).
+ */
+export { Card, CardHeader, CardContent, CardTitle, CardDescription, CardFooter, CardAction, };
+export const SmartCard = ({ header, footer, contentClassName, size = "default", className, children, }) => {
+    const hasHeader = header &&
+        (header.title != null || header.subtitle != null || header.actions != null);
+    return (_jsxs(Card, { size: size, className: className, children: [hasHeader && (_jsxs(CardHeader, { children: [header.title != null && _jsx(CardTitle, { children: header.title }), header.subtitle != null && (_jsx(CardDescription, { children: header.subtitle })), header.actions != null && _jsx(CardAction, { children: header.actions })] })), children != null && (_jsx(CardContent, { className: contentClassName, children: children })), footer != null && _jsx(CardFooter, { children: footer })] }));
+};
+//# sourceMappingURL=smart-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-card.js","sourceRoot":"","sources":["../../src/smart-components/smart-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,oCAAoC,CAAA;AA2B3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,SAAS,GACb,MAAM;QACN,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,QAAQ,IAAI,IAAI,IAAI,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,CAAA;IAE7E,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,aACnC,SAAS,IAAI,CACZ,MAAC,UAAU,eACR,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,KAAC,SAAS,cAAE,MAAM,CAAC,KAAK,GAAa,EAC7D,MAAM,CAAC,QAAQ,IAAI,IAAI,IAAI,CAC1B,KAAC,eAAe,cAAE,MAAM,CAAC,QAAQ,GAAmB,CACrD,EACA,MAAM,CAAC,OAAO,IAAI,IAAI,IAAI,KAAC,UAAU,cAAE,MAAM,CAAC,OAAO,GAAc,IACzD,CACd,EACA,QAAQ,IAAI,IAAI,IAAI,CACnB,KAAC,WAAW,IAAC,SAAS,EAAE,gBAAgB,YAAG,QAAQ,GAAe,CACnE,EACA,MAAM,IAAI,IAAI,IAAI,KAAC,UAAU,cAAE,MAAM,GAAc,IAC/C,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/smart-components/smart-checkbox-group.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+export interface SmartCheckboxGroupOption {
+    value: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SmartCheckboxGroupProps {
+    /** Checkbox options rendered in order. */
+    items: SmartCheckboxGroupOption[];
+    /** Selected values (controlled). */
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    defaultValue?: string[];
+    name?: string;
+    disabled?: boolean;
+    /** "horizontal" lays items out in a row. @default "vertical" */
+    orientation?: "horizontal" | "vertical";
+    className?: string;
+    /** Field label rendered above the group. */
+    label?: React.ReactNode;
+    /** Hint rendered below the group. Hidden when `error` is set. */
+    description?: React.ReactNode;
+    /** Validation error shown below the group instead of `description`. */
+    error?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    fieldClassName?: string;
+}
+/**
+ * Data-driven group of checkboxes producing a `string[]` of selected values.
+ * Auto-wires `id`/`htmlFor` for every item. Use for "select all that apply"
+ * fields where a single `SmartCheckbox` isn't enough.
+ *
+ * ```tsx
+ * <SmartCheckboxGroup
+ *   label="Notifications"
+ *   value={channels}
+ *   onValueChange={setChannels}
+ *   items={[
+ *     { value: "email", label: "Email" },
+ *     { value: "sms",   label: "SMS", description: "Standard rates apply." },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const SmartCheckboxGroup: ({ items, value, onValueChange, defaultValue, disabled, orientation, className, label, description, error, required, optional, fieldClassName, }: SmartCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-checkbox-group.d.ts.map

package/dist/smart-components/smart-checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-checkbox-group.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,0CAA0C;IAC1C,KAAK,EAAE,wBAAwB,EAAE,CAAA;IACjC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,uEAAuE;IACvE,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;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,kBAAkB,GAAI,iJAchC,uBAAuB,4CAqGzB,CAAA"}

package/dist/smart-components/smart-checkbox-group.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Checkbox } from "@iamsaroj/smart-ui/components/checkbox";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Data-driven group of checkboxes producing a `string[]` of selected values.
+ * Auto-wires `id`/`htmlFor` for every item. Use for "select all that apply"
+ * fields where a single `SmartCheckbox` isn't enough.
+ *
+ * ```tsx
+ * <SmartCheckboxGroup
+ *   label="Notifications"
+ *   value={channels}
+ *   onValueChange={setChannels}
+ *   items={[
+ *     { value: "email", label: "Email" },
+ *     { value: "sms",   label: "SMS", description: "Standard rates apply." },
+ *   ]}
+ * />
+ * ```
+ */
+export const SmartCheckboxGroup = ({ items, value, onValueChange, defaultValue, disabled, orientation = "vertical", className, label, description, error, required, optional, fieldClassName, }) => {
+    const groupId = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${groupId}-hint` : undefined;
+    const isControlled = value !== undefined;
+    const [internal, setInternal] = React.useState(defaultValue ?? []);
+    const selected = isControlled ? value : internal;
+    const toggle = (optionValue, checked) => {
+        const next = checked
+            ? [...selected, optionValue]
+            : selected.filter((v) => v !== optionValue);
+        if (!isControlled)
+            setInternal(next);
+        onValueChange?.(next);
+    };
+    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)"] }))] })), _jsx("div", { role: "group", "aria-describedby": hintId, className: cn(orientation === "horizontal"
+                    ? "flex flex-row flex-wrap gap-4"
+                    : "flex flex-col gap-2", className), children: items.map((item) => {
+                    const itemId = `${groupId}-${item.value}`;
+                    const descId = item.description ? `${itemId}-desc` : undefined;
+                    const itemDisabled = disabled || item.disabled;
+                    return (_jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx(Checkbox, { id: itemId, checked: selected.includes(item.value), onCheckedChange: (checked) => toggle(item.value, checked), disabled: itemDisabled, "aria-describedby": descId, className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx(Label, { htmlFor: itemId, className: cn("font-normal", itemDisabled && "cursor-not-allowed opacity-50"), children: item.label }), item.description != null && (_jsx("p", { id: descId, className: cn("text-xs text-muted-foreground", itemDisabled && "opacity-50"), children: item.description }))] })] }, item.value));
+                }) }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-checkbox-group.js.map

package/dist/smart-components/smart-checkbox-group.js.map

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

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { Checkbox } from "@iamsaroj/smart-ui/components/checkbox";
+export interface SmartCheckboxProps extends Omit<React.ComponentProps<typeof Checkbox>, "id" | "aria-describedby"> {
+    /** Visible label rendered to the right of the checkbox. */
+    label?: React.ReactNode;
+    /** Secondary hint rendered below the label. */
+    description?: React.ReactNode;
+    /** Class applied to the outer wrapper div. */
+    wrapperClassName?: string;
+}
+/**
+ * Checkbox with integrated label and optional description — auto-wired with a
+ * shared `useId()` so you never have to manage the `htmlFor`/`id` pair.
+ *
+ * ```tsx
+ * // Before
+ * <div className="flex items-start gap-2">
+ *   <Checkbox id="terms" />
+ *   <div>
+ *     <Label htmlFor="terms">Accept terms</Label>
+ *     <p className="text-xs text-muted-foreground">You must accept the terms to proceed.</p>
+ *   </div>
+ * </div>
+ *
+ * // After
+ * <SmartCheckbox
+ *   label="Accept terms"
+ *   description="You must accept the terms to proceed."
+ * />
+ * ```
+ */
+export { Checkbox };
+export declare const SmartCheckbox: ({ label, description, wrapperClassName, className, disabled, ...checkboxProps }: SmartCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-checkbox.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAGjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EACrC,IAAI,GAAG,kBAAkB,CAC1B;IACC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,QAAQ,EAAE,CAAA;AAEnB,eAAO,MAAM,aAAa,GAAI,iFAO3B,kBAAkB,4CAsCpB,CAAA"}

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

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Checkbox } from "@iamsaroj/smart-ui/components/checkbox";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Checkbox with integrated label and optional description — auto-wired with a
+ * shared `useId()` so you never have to manage the `htmlFor`/`id` pair.
+ *
+ * ```tsx
+ * // Before
+ * <div className="flex items-start gap-2">
+ *   <Checkbox id="terms" />
+ *   <div>
+ *     <Label htmlFor="terms">Accept terms</Label>
+ *     <p className="text-xs text-muted-foreground">You must accept the terms to proceed.</p>
+ *   </div>
+ * </div>
+ *
+ * // After
+ * <SmartCheckbox
+ *   label="Accept terms"
+ *   description="You must accept the terms to proceed."
+ * />
+ * ```
+ */
+export { Checkbox };
+export const SmartCheckbox = ({ label, description, wrapperClassName, className, disabled, ...checkboxProps }) => {
+    const id = React.useId();
+    const descId = description ? `${id}-desc` : undefined;
+    return (_jsxs("div", { className: cn("flex items-start gap-2.5", wrapperClassName), children: [_jsx(Checkbox, { id: id, disabled: disabled, "aria-describedby": descId, className: cn("mt-0.5", className), ...checkboxProps }), (label != null || description != null) && (_jsxs("div", { className: "flex flex-col gap-0.5", children: [label != null && (_jsx(Label, { htmlFor: id, className: cn(disabled && "cursor-not-allowed opacity-50"), children: label })), description != null && (_jsx("p", { id: descId, className: cn("text-xs text-muted-foreground", disabled && "opacity-50"), children: description }))] }))] }));
+};
+//# sourceMappingURL=smart-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-checkbox.js","sourceRoot":"","sources":["../../src/smart-components/smart-checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AAc3D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,QAAQ,EAAE,CAAA;AAEnB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACG,EAAE,EAAE;IACvB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IAErD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,aAC9D,KAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,sBACA,MAAM,EACxB,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAC9B,aAAa,GACjB,EACD,CAAC,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,CACzC,eAAK,SAAS,EAAC,uBAAuB,aACnC,KAAK,IAAI,IAAI,IAAI,CAChB,KAAC,KAAK,IACJ,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,+BAA+B,CAAC,YAEzD,KAAK,GACA,CACT,EACA,WAAW,IAAI,IAAI,IAAI,CACtB,YACE,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,QAAQ,IAAI,YAAY,CACzB,YAEA,WAAW,GACV,CACL,IACG,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { type ComboboxOption, type ComboboxProps } from "@iamsaroj/smart-ui/components/combobox";
+export type { ComboboxOption };
+/** Field-level decoration shared by both single and multiple variants. */
+interface SmartComboboxFieldProps {
+    /** Field label rendered above the combobox. */
+    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;
+}
+export type SmartComboboxProps = ComboboxProps & SmartComboboxFieldProps;
+/**
+ * Combobox (searchable select) with optional field label, description,
+ * and error message. The trigger defaults to full-width.
+ *
+ * ```tsx
+ * <SmartCombobox
+ *   label="Framework"
+ *   placeholder="Select framework…"
+ *   value={value}
+ *   onValueChange={setValue}
+ *   options={[
+ *     { value: "next",  label: "Next.js" },
+ *     { value: "remix", label: "Remix" },
+ *     { value: "vite",  label: "Vite" },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const SmartCombobox: ({ label, description, error, required, optional, fieldClassName, className, ...comboboxProps }: SmartComboboxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-combobox.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,wCAAwC,CAAA;AAG/C,YAAY,EAAE,cAAc,EAAE,CAAA;AAE9B,0EAA0E;AAC1E,UAAU,uBAAuB;IAC/B,+CAA+C;IAC/C,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;AAED,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,uBAAuB,CAAA;AAExE;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,GAAI,gGAS3B,kBAAkB,4CAmDpB,CAAA"}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Combobox, } from "@iamsaroj/smart-ui/components/combobox";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Combobox (searchable select) with optional field label, description,
+ * and error message. The trigger defaults to full-width.
+ *
+ * ```tsx
+ * <SmartCombobox
+ *   label="Framework"
+ *   placeholder="Select framework…"
+ *   value={value}
+ *   onValueChange={setValue}
+ *   options={[
+ *     { value: "next",  label: "Next.js" },
+ *     { value: "remix", label: "Remix" },
+ *     { value: "vite",  label: "Vite" },
+ *   ]}
+ * />
+ * ```
+ */
+export const SmartCombobox = ({ label, description, error, required, optional, fieldClassName, className, ...comboboxProps }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${id}-hint` : undefined;
+    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)"] }))] })), _jsx(Combobox, { ...comboboxProps, "aria-label": comboboxProps["aria-label"] ??
+                    (typeof label === "string" ? label : undefined), className: cn("w-full", className) }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-combobox.js","sourceRoot":"","sources":["../../src/smart-components/smart-combobox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EACL,QAAQ,GAGT,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AAmB3D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,GAAG,aAAa,EACG,EAAE,EAAE;IACvB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAA;IACpD,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjD,OAAO,CACL,4BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,CAAC,aAErD,KAAK,IAAI,IAAI,IAAI,CAChB,MAAC,KAAK,eACH,KAAK,EACL,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,kBAE9C,CACR,EACA,QAAQ,IAAI,CACX,gBAAM,SAAS,EAAC,mCAAmC,aAChD,GAAG,kBAEC,CACR,IACK,CACT,EAGD,KAAC,QAAQ,OACF,aAA+B,gBAIlC,aAAa,CAAC,YAAY,CAAC;oBAC3B,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAEjD,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,GAClC,EACD,OAAO,IAAI,CACV,YACE,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,SAAS,EACT,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CAC7D,YAEA,KAAK,IAAI,WAAW,GACnB,CACL,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,63 @@
+import * as React from "react";
+export interface SmartConfirmDialogProps {
+    /** Controls open state (controlled mode). Omit for uncontrolled (trigger-driven). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Element rendered as the dialog trigger.
+     * Passed as the `render` prop to AlertDialogTrigger.
+     */
+    trigger?: React.ReactElement;
+    /** Confirmation question headline. @default "Are you sure?" */
+    title?: string;
+    /** Supporting text that explains the consequences. */
+    description?: React.ReactNode;
+    /**
+     * Icon or illustration shown above the title (inside AlertDialogMedia).
+     * Recommended: a Lucide icon sized `size-4`.
+     */
+    media?: React.ReactNode;
+    /** Label for the confirm button. @default "Confirm" */
+    confirmLabel?: string;
+    /** Label for the cancel button. @default "Cancel" */
+    cancelLabel?: string;
+    /** Called when the user confirms. Dialog closes automatically. */
+    onConfirm?: () => void;
+    /**
+     * Visual style of the confirm button.
+     * Use `"destructive"` for irreversible actions (delete, revoke, etc.).
+     * @default "default"
+     */
+    variant?: "default" | "destructive";
+    /** Dialog size. @default "sm" */
+    size?: "default" | "sm";
+}
+/**
+ * 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 declare const SmartConfirmDialog: ({ open: openProp, onOpenChange: onChangeProp, trigger, title, description, media, confirmLabel, cancelLabel, onConfirm, variant, size, }: SmartConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-confirm-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,MAAM,WAAW,uBAAuB;IACtC,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sDAAsD;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,kBAAkB,GAAI,0IAYhC,uBAAuB,4CAwCzB,CAAA"}