@iamsaroj/smart-ui 0.2.0

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

@@ -0,0 +1,44 @@
+"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 { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from "@iamsaroj/smart-ui/components/select";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Data-driven Select with optional field label, description, and error.
+ *
+ * ```tsx
+ * // Before
+ * <Select value={role} onValueChange={setRole}>
+ *   <SelectTrigger className="w-full"><SelectValue placeholder="Choose role" /></SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="admin">Admin</SelectItem>
+ *     <SelectItem value="editor">Editor</SelectItem>
+ *     <SelectItem value="viewer">Viewer</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ *
+ * // After
+ * <SmartSelect
+ *   label="Role"
+ *   placeholder="Choose role"
+ *   value={role}
+ *   onValueChange={setRole}
+ *   options={[
+ *     { value: "admin",  label: "Admin" },
+ *     { value: "editor", label: "Editor" },
+ *     { value: "viewer", label: "Viewer" },
+ *   ]}
+ * />
+ * ```
+ */
+export const SmartSelect = ({ options, groups, value, onValueChange, defaultValue, name, disabled, required, placeholder = "Select…", size = "default", triggerClassName, label, description, error, fieldRequired, optional, fieldClassName, }) => {
+    const id = React.useId();
+    const hasHint = error != null || description != null;
+    const hintId = hasHint ? `${id}-hint` : undefined;
+    const isRequired = required ?? fieldRequired;
+    return (_jsxs("div", { "data-slot": "field", className: cn("flex flex-col gap-1.5", fieldClassName), children: [label != null && (_jsxs(Label, { htmlFor: id, children: [label, isRequired && (_jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })), optional && (_jsxs("span", { className: "font-normal text-muted-foreground", children: [" ", "(optional)"] }))] })), _jsxs(Select, { value: value, onValueChange: onValueChange, defaultValue: defaultValue, name: name, disabled: disabled, required: isRequired, children: [_jsx(SelectTrigger, { id: id, size: size, "aria-describedby": hintId, "aria-invalid": error != null ? true : undefined, className: cn("w-full", triggerClassName), children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { children: groups
+                            ? groups.map((group) => (_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: group.label }), group.options.map((opt) => (_jsx(SelectItem, { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value)))] }, group.label)))
+                            : options?.map((opt) => (_jsx(SelectItem, { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value))) })] }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-select.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { Separator } from "@iamsaroj/smart-ui/components/separator";
+export { Separator };
+//# sourceMappingURL=smart-separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-separator.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-separator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AAEnE,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,4 @@
+"use client";
+import { Separator } from "@iamsaroj/smart-ui/components/separator";
+export { Separator };
+//# sourceMappingURL=smart-separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-separator.js","sourceRoot":"","sources":["../../src/smart-components/smart-separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AAEnE,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { SheetClose } from "@iamsaroj/smart-ui/components/sheet";
+export { SheetClose };
+export interface SmartSheetHeader {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+}
+export interface SmartSheetProps {
+    /** Controls open state (controlled mode). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Element rendered as the sheet trigger.
+     * Passed as the `render` prop to SheetTrigger — must be a single element.
+     */
+    trigger?: React.ReactElement;
+    /** Which edge the sheet slides in from. @default "right" */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Sheet header: title and optional subtitle. */
+    header?: SmartSheetHeader;
+    /**
+     * Footer pinned at the bottom of the sheet.
+     * Common pattern: Cancel + Save buttons.
+     * Use `SheetClose render={<Button variant="outline">Cancel</Button>}` for the cancel button.
+     */
+    footer?: React.ReactNode;
+    /** Show the × close button. @default true */
+    showCloseButton?: boolean;
+    /**
+     * 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 Sheet wrapper for slide-in panels.
+ *
+ * Ideal for edit forms that should not navigate away from the current page.
+ * The body area between header and footer scrolls independently.
+ *
+ * ```tsx
+ * // Before
+ * <Sheet open={open} onOpenChange={setOpen}>
+ *   <SheetTrigger render={<Button>Edit</Button>} />
+ *   <SheetContent>
+ *     <SheetHeader>
+ *       <SheetTitle>Edit user</SheetTitle>
+ *       <SheetDescription>Update the user details below.</SheetDescription>
+ *     </SheetHeader>
+ *     <div className="flex-1 overflow-y-auto px-6 py-2"><UserForm /></div>
+ *     <SheetFooter>
+ *       <SheetClose render={<Button variant="outline">Cancel</Button>} />
+ *       <Button onClick={save}>Save</Button>
+ *     </SheetFooter>
+ *   </SheetContent>
+ * </Sheet>
+ *
+ * // After
+ * <SmartSheet
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   trigger={<Button>Edit</Button>}
+ *   header={{ title: "Edit user", subtitle: "Update the user details below." }}
+ *   footer={
+ *     <>
+ *       <SheetClose render={<Button variant="outline">Cancel</Button>} />
+ *       <Button onClick={save}>Save</Button>
+ *     </>
+ *   }
+ * >
+ *   <UserForm />
+ * </SmartSheet>
+ * ```
+ */
+export declare const SmartSheet: ({ open, onOpenChange, trigger, side, header, footer, showCloseButton, dividers, className, children, }: SmartSheetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-sheet.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,UAAU,EAOX,MAAM,qCAAqC,CAAA;AAG5C,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,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,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,iDAAiD;IACjD,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,UAAU,GAAI,wGAWxB,eAAe,4CAwBjB,CAAA"}

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "@iamsaroj/smart-ui/components/sheet";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+export { SheetClose };
+/**
+ * Flattened Sheet wrapper for slide-in panels.
+ *
+ * Ideal for edit forms that should not navigate away from the current page.
+ * The body area between header and footer scrolls independently.
+ *
+ * ```tsx
+ * // Before
+ * <Sheet open={open} onOpenChange={setOpen}>
+ *   <SheetTrigger render={<Button>Edit</Button>} />
+ *   <SheetContent>
+ *     <SheetHeader>
+ *       <SheetTitle>Edit user</SheetTitle>
+ *       <SheetDescription>Update the user details below.</SheetDescription>
+ *     </SheetHeader>
+ *     <div className="flex-1 overflow-y-auto px-6 py-2"><UserForm /></div>
+ *     <SheetFooter>
+ *       <SheetClose render={<Button variant="outline">Cancel</Button>} />
+ *       <Button onClick={save}>Save</Button>
+ *     </SheetFooter>
+ *   </SheetContent>
+ * </Sheet>
+ *
+ * // After
+ * <SmartSheet
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   trigger={<Button>Edit</Button>}
+ *   header={{ title: "Edit user", subtitle: "Update the user details below." }}
+ *   footer={
+ *     <>
+ *       <SheetClose render={<Button variant="outline">Cancel</Button>} />
+ *       <Button onClick={save}>Save</Button>
+ *     </>
+ *   }
+ * >
+ *   <UserForm />
+ * </SmartSheet>
+ * ```
+ */
+export const SmartSheet = ({ open, onOpenChange, trigger, side = "right", header, footer, showCloseButton = true, dividers = false, className, children, }) => (_jsxs(Sheet, { open: open, onOpenChange: onOpenChange, children: [trigger && _jsx(SheetTrigger, { render: trigger }), _jsxs(SheetContent, { side: side, showCloseButton: showCloseButton, className: className, children: [header && (_jsxs(SheetHeader, { className: cn(dividers && "border-b"), children: [_jsx(SheetTitle, { children: header.title }), header.subtitle && (_jsx(SheetDescription, { children: header.subtitle }))] })), _jsx("div", { className: "flex-1 overflow-y-auto px-6 py-2", children: children }), footer && (_jsx(SheetFooter, { className: cn(dividers && "border-t"), children: footer }))] })] }));
+//# sourceMappingURL=smart-sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-sheet.js","sourceRoot":"","sources":["../../src/smart-components/smart-sheet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,CAAA;AAsCrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,IAAI,GAAG,OAAO,EACd,MAAM,EACN,MAAM,EACN,eAAe,GAAG,IAAI,EACtB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,GACQ,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAC1C,OAAO,IAAI,KAAC,YAAY,IAAC,MAAM,EAAE,OAAO,GAAI,EAC7C,MAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,aAEnB,MAAM,IAAI,CACT,MAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,UAAU,CAAC,aAChD,KAAC,UAAU,cAAE,MAAM,CAAC,KAAK,GAAc,EACtC,MAAM,CAAC,QAAQ,IAAI,CAClB,KAAC,gBAAgB,cAAE,MAAM,CAAC,QAAQ,GAAoB,CACvD,IACW,CACf,EACD,cAAK,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAO,EACjE,MAAM,IAAI,CACT,KAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,UAAU,CAAC,YAC/C,MAAM,GACK,CACf,IACY,IACT,CACT,CAAA"}

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

@@ -0,0 +1,47 @@
+import * as React from "react";
+type Trend = "up" | "down" | "neutral";
+export interface SmartStatCardProps {
+    /** Metric name shown above the value, e.g. "Total Revenue". */
+    label: string;
+    /** The headline figure — pre-formatted (`"$48,295"`, `"3,842"`, `"38.2%"`). */
+    value: React.ReactNode;
+    /**
+     * Change indicator rendered under the value.
+     * - a **number** is formatted with a leading sign and a `%` suffix
+     *   (`12.4 → "+12.4%"`), and its sign drives {@link trend} when `trend` is
+     *   omitted;
+     * - a **string** is shown verbatim (`"+2.3 pp"`, `"+12.5%"`).
+     */
+    delta?: number | string;
+    /**
+     * Trend direction driving the arrow + colour. Auto-derived from a numeric
+     * `delta`'s sign; defaults to `"up"` for a string delta.
+     */
+    trend?: Trend;
+    /** Caption after the delta, e.g. "vs last period" or "from last month". */
+    deltaLabel?: string;
+    /** Optional icon shown top-right (muted). */
+    icon?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Compact KPI / metric card: a label, a headline value, and an optional
+ * change indicator (arrow + coloured delta + caption) with a top-right icon.
+ *
+ * Replaces the hand-rolled `KpiCard` / `MetricCard` blocks the demo pages each
+ * defined inline — a genuinely reusable dashboard primitive.
+ *
+ * @example
+ * ```tsx
+ * <SmartStatCard
+ *   label="Sessions"
+ *   value="248,392"
+ *   delta={12.4}
+ *   deltaLabel="vs last period"
+ *   icon={<BarChart3 className="size-4" />}
+ * />
+ * ```
+ */
+export declare const SmartStatCard: ({ label, value, delta, trend, deltaLabel, icon, className, }: SmartStatCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=smart-stat-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-stat-card.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-stat-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;AAEtC,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,GAAI,8DAQ3B,kBAAkB,4CAkCpB,CAAA"}

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDownRight, ArrowUpRight } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Card, CardContent, CardHeader, } from "@iamsaroj/smart-ui/components/card";
+const TREND_STYLES = {
+    up: "text-green-600 dark:text-green-400",
+    down: "text-red-600 dark:text-red-400",
+    neutral: "text-muted-foreground",
+};
+/**
+ * Compact KPI / metric card: a label, a headline value, and an optional
+ * change indicator (arrow + coloured delta + caption) with a top-right icon.
+ *
+ * Replaces the hand-rolled `KpiCard` / `MetricCard` blocks the demo pages each
+ * defined inline — a genuinely reusable dashboard primitive.
+ *
+ * @example
+ * ```tsx
+ * <SmartStatCard
+ *   label="Sessions"
+ *   value="248,392"
+ *   delta={12.4}
+ *   deltaLabel="vs last period"
+ *   icon={<BarChart3 className="size-4" />}
+ * />
+ * ```
+ */
+export const SmartStatCard = ({ label, value, delta, trend, deltaLabel, icon, className, }) => {
+    const isNumber = typeof delta === "number";
+    const resolvedTrend = trend ?? (isNumber ? (delta >= 0 ? "up" : "down") : "up");
+    const deltaText = isNumber ? `${delta >= 0 ? "+" : ""}${delta}%` : delta;
+    return (_jsxs(Card, { className: className, children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between pb-1", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: label }), icon && _jsx("div", { className: "text-muted-foreground", children: icon })] }), _jsxs(CardContent, { className: "pt-0", children: [_jsx("p", { className: "text-2xl font-bold tracking-tight", children: value }), delta !== undefined && (_jsxs("div", { className: cn("mt-1 flex items-center gap-1 text-xs", TREND_STYLES[resolvedTrend]), children: [resolvedTrend === "up" && _jsx(ArrowUpRight, { className: "size-3.5" }), resolvedTrend === "down" && (_jsx(ArrowDownRight, { className: "size-3.5" })), _jsx("span", { children: deltaText }), deltaLabel && (_jsx("span", { className: "text-muted-foreground", children: deltaLabel }))] }))] })] }));
+};
+//# sourceMappingURL=smart-stat-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-stat-card.js","sourceRoot":"","sources":["../../src/smart-components/smart-stat-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,UAAU,GACX,MAAM,oCAAoC,CAAA;AA6B3C,MAAM,YAAY,GAA0B;IAC1C,EAAE,EAAE,oCAAoC;IACxC,IAAI,EAAE,gCAAgC;IACtC,OAAO,EAAE,uBAAuB;CACjC,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,IAAI,EACJ,SAAS,GACU,EAAE,EAAE;IACvB,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAA;IAC1C,MAAM,aAAa,GACjB,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;IAExE,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,aACxB,MAAC,UAAU,IAAC,SAAS,EAAC,iDAAiD,aACrE,YAAG,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAK,EACvD,IAAI,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,IACjD,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,MAAM,aAC3B,YAAG,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAK,EAC3D,KAAK,KAAK,SAAS,IAAI,CACtB,eACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,YAAY,CAAC,aAAa,CAAC,CAC5B,aAEA,aAAa,KAAK,IAAI,IAAI,KAAC,YAAY,IAAC,SAAS,EAAC,UAAU,GAAG,EAC/D,aAAa,KAAK,MAAM,IAAI,CAC3B,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,GAAG,CACxC,EACD,yBAAO,SAAS,GAAQ,EACvB,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,uBAAuB,YAAE,UAAU,GAAQ,CAC5D,IACG,CACP,IACW,IACT,CACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,24 @@
+export interface SmartStepperStep {
+    label: string;
+    description?: string;
+}
+export interface SmartStepperProps {
+    steps: SmartStepperStep[];
+    activeStep: number;
+    className?: string;
+}
+/**
+ * Horizontal step indicator for multi-step flows.
+ *
+ * ```tsx
+ * <SmartStepper
+ *   steps={[
+ *     { label: "Account", description: "Credentials" },
+ *     { label: "Profile", description: "About you" },
+ *   ]}
+ *   activeStep={0}
+ * />
+ * ```
+ */
+export declare const SmartStepper: ({ steps, activeStep, className, }: SmartStepperProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-stepper.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-stepper.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GAAI,mCAI1B,iBAAiB,4CA+CnB,CAAA"}

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

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+/**
+ * Horizontal step indicator for multi-step flows.
+ *
+ * ```tsx
+ * <SmartStepper
+ *   steps={[
+ *     { label: "Account", description: "Credentials" },
+ *     { label: "Profile", description: "About you" },
+ *   ]}
+ *   activeStep={0}
+ * />
+ * ```
+ */
+export const SmartStepper = ({ steps, activeStep, className, }) => (_jsx("nav", { "aria-label": "Form progress", className: cn("flex items-start", className), children: steps.map((step, idx) => {
+        const done = idx < activeStep;
+        const active = idx === activeStep;
+        return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx("div", { className: cn("flex size-6 shrink-0 items-center justify-center rounded-full text-[10px] font-semibold transition-colors", done && "bg-primary text-primary-foreground", active && "bg-background text-primary ring-2 ring-primary", !done && !active && "bg-muted text-muted-foreground"), "aria-current": active ? "step" : undefined, children: done ? _jsx(Check, { className: "size-3" }) : idx + 1 }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: cn("text-[10px] font-medium", !active && "text-muted-foreground"), children: step.label }), step.description && (_jsx("p", { className: "hidden text-[9px] text-muted-foreground sm:block", children: step.description }))] })] }), idx < steps.length - 1 && (_jsx("div", { className: cn("mx-2 mt-3 h-px flex-1 shrink-0 transition-colors", idx < activeStep ? "bg-primary" : "bg-border") }))] }, step.label));
+    }) }));
+//# sourceMappingURL=smart-stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-stepper.js","sourceRoot":"","sources":["../../src/smart-components/smart-stepper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AAajD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,SAAS,GACS,EAAE,EAAE,CAAC,CACvB,4BAAgB,eAAe,EAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,YACzE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;QACvB,MAAM,IAAI,GAAG,GAAG,GAAG,UAAU,CAAA;QAC7B,MAAM,MAAM,GAAG,GAAG,KAAK,UAAU,CAAA;QACjC,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cACE,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,IAAI,IAAI,oCAAoC,EAC5C,MAAM,IAAI,gDAAgD,EAC1D,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,gCAAgC,CACrD,kBACa,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAExC,IAAI,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAC1C,EACN,eAAK,SAAS,EAAC,aAAa,aAC1B,YACE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,CAAC,MAAM,IAAI,uBAAuB,CACnC,YAEA,IAAI,CAAC,KAAK,GACT,EACH,IAAI,CAAC,WAAW,IAAI,CACnB,YAAG,SAAS,EAAC,kDAAkD,YAC5D,IAAI,CAAC,WAAW,GACf,CACL,IACG,IACF,EACL,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAC9C,GACD,CACH,KApCkB,IAAI,CAAC,KAAK,CAqCd,CAClB,CAAA;IACH,CAAC,CAAC,GACE,CACP,CAAA"}

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { Switch } from "@iamsaroj/smart-ui/components/switch";
+export interface SmartSwitchProps extends Omit<React.ComponentProps<typeof Switch>, "id" | "aria-describedby"> {
+    /** Visible label rendered to the right of the switch. */
+    label?: React.ReactNode;
+    /** Secondary hint rendered below the label. */
+    description?: React.ReactNode;
+    /** Class applied to the outer wrapper div. */
+    wrapperClassName?: string;
+}
+/**
+ * Switch with integrated label and optional description — auto-wired with a
+ * shared `useId()`.
+ *
+ * ```tsx
+ * // Before
+ * <div className="flex items-center justify-between">
+ *   <div>
+ *     <Label htmlFor="notifications">Push notifications</Label>
+ *     <p className="text-xs text-muted-foreground">Receive alerts on your device.</p>
+ *   </div>
+ *   <Switch id="notifications" />
+ * </div>
+ *
+ * // After
+ * <SmartSwitch
+ *   label="Push notifications"
+ *   description="Receive alerts on your device."
+ * />
+ * ```
+ */
+export { Switch };
+export declare const SmartSwitch: ({ label, description, wrapperClassName, disabled, ...switchProps }: SmartSwitchProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-switch.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAA;AAG7D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,IAAI,GAAG,kBAAkB,CAC1B;IACC,yDAAyD;IACzD,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,MAAM,EAAE,CAAA;AAEjB,eAAO,MAAM,WAAW,GAAI,oEAMzB,gBAAgB,4CAuClB,CAAA"}

package/dist/smart-components/smart-switch.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 { Switch } from "@iamsaroj/smart-ui/components/switch";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Switch with integrated label and optional description — auto-wired with a
+ * shared `useId()`.
+ *
+ * ```tsx
+ * // Before
+ * <div className="flex items-center justify-between">
+ *   <div>
+ *     <Label htmlFor="notifications">Push notifications</Label>
+ *     <p className="text-xs text-muted-foreground">Receive alerts on your device.</p>
+ *   </div>
+ *   <Switch id="notifications" />
+ * </div>
+ *
+ * // After
+ * <SmartSwitch
+ *   label="Push notifications"
+ *   description="Receive alerts on your device."
+ * />
+ * ```
+ */
+export { Switch };
+export const SmartSwitch = ({ label, description, wrapperClassName, disabled, ...switchProps }) => {
+    const id = React.useId();
+    const descId = description ? `${id}-desc` : undefined;
+    return (_jsxs("div", { className: cn("flex items-start justify-between gap-3", wrapperClassName), children: [(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 }))] })), _jsx(Switch, { id: id, disabled: disabled, "aria-describedby": descId, ...switchProps })] }));
+};
+//# sourceMappingURL=smart-switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-switch.js","sourceRoot":"","sources":["../../src/smart-components/smart-switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AAc3D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,GAAG,WAAW,EACG,EAAE,EAAE;IACrB,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,eACE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,gBAAgB,CAAC,aAExE,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,EACD,KAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,sBACA,MAAM,KACpB,WAAW,GACf,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { Textarea } from "@iamsaroj/smart-ui/components/textarea";
+export interface SmartTextareaProps extends React.ComponentProps<"textarea"> {
+    /** Field label rendered above the textarea. */
+    label?: React.ReactNode;
+    /** Hint rendered below the textarea. Hidden when `error` is set. */
+    description?: React.ReactNode;
+    /** Validation error shown below instead of `description`. */
+    error?: React.ReactNode;
+    /** Appends a red asterisk to the label. */
+    required?: boolean;
+    /** Appends a muted "(optional)" to the label. */
+    optional?: boolean;
+    /** Class applied to the outer field wrapper. */
+    fieldClassName?: string;
+    /**
+     * By default the value may not *start* with whitespace: Space at the
+     * beginning is ignored (including a held space bar) and pasted leading
+     * spaces are stripped; spaces after the first character work normally.
+     * Set to `true` to allow a leading space.
+     */
+    allowLeadingSpace?: boolean;
+}
+/**
+ * Textarea with integrated label, description, and error message.
+ *
+ * ```tsx
+ * <SmartTextarea
+ *   label="Bio"
+ *   placeholder="Tell us about yourself…"
+ *   description="Max 160 characters."
+ *   optional
+ * />
+ * ```
+ */
+export { Textarea };
+export declare const SmartTextarea: ({ label, description, error, required, optional, fieldClassName, className, id: idProp, allowLeadingSpace, onKeyDown, onChange, ...textareaProps }: SmartTextareaProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-textarea.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAGjE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;IAC1E,+CAA+C;IAC/C,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,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,CAAA;AAEnB,eAAO,MAAM,aAAa,GAAI,oJAa3B,kBAAkB,4CAgDpB,CAAA"}

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

@@ -0,0 +1,28 @@
+"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 { withLeadingSpaceGuard } from "@iamsaroj/smart-ui/lib/leading-space";
+import { Textarea } from "@iamsaroj/smart-ui/components/textarea";
+import { Label } from "@iamsaroj/smart-ui/components/label";
+/**
+ * Textarea with integrated label, description, and error message.
+ *
+ * ```tsx
+ * <SmartTextarea
+ *   label="Bio"
+ *   placeholder="Tell us about yourself…"
+ *   description="Max 160 characters."
+ *   optional
+ * />
+ * ```
+ */
+export { Textarea };
+export const SmartTextarea = ({ label, description, error, required, optional, fieldClassName, className, id: idProp, allowLeadingSpace, onKeyDown, onChange, ...textareaProps }) => {
+    const autoId = React.useId();
+    const id = idProp ?? autoId;
+    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, { htmlFor: id, children: [label, required && (_jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })), optional && (_jsxs("span", { className: "font-normal text-muted-foreground", children: [" ", "(optional)"] }))] })), _jsx(Textarea, { id: id, className: className, "aria-describedby": hintId, "aria-invalid": error != null ? true : undefined, ...textareaProps, ...withLeadingSpaceGuard({ onKeyDown, onChange }, allowLeadingSpace) }), hasHint && (_jsx("p", { id: hintId, className: cn("text-xs", error != null ? "text-destructive" : "text-muted-foreground"), children: error ?? description }))] }));
+};
+//# sourceMappingURL=smart-textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-textarea.js","sourceRoot":"","sources":["../../src/smart-components/smart-textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AAwB3D;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,CAAA;AAEnB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,EAAE,EAAE,MAAM,EACV,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACG,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IAC5B,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,CAAA;IAC3B,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,IAAC,OAAO,EAAE,EAAE,aACf,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,EACD,KAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,sBACF,MAAM,kBACV,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KAC1C,aAAa,KACb,qBAAqB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,GACrE,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-time-picker.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { Calendar } from "@iamsaroj/smart-ui/components/calendar";
+interface FieldProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    fieldClassName?: string;
+}
+export interface SmartTimePickerProps extends FieldProps {
+    /** Selected time as `"HH:mm"` (or `"HH:mm:ss"` with `withSeconds`), 24-hour. */
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /** Display (and pick) in 12-hour AM/PM form. The emitted value stays 24-hour. */
+    use12Hour?: boolean;
+    /** Include a seconds column and seconds in the value. */
+    withSeconds?: boolean;
+    /** Minute increment for the minutes column. Defaults to 1. */
+    minuteStep?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Class applied to the trigger button. Defaults to full-width. */
+    className?: string;
+}
+/**
+ * Popover time picker with hour / minute (optionally seconds, optionally
+ * AM–PM) columns. The value is a 24-hour `"HH:mm"` string regardless of the
+ * `use12Hour` display option.
+ *
+ * ```tsx
+ * <SmartTimePicker label="Start time" value={time} onValueChange={setTime} />
+ * ```
+ */
+export declare const SmartTimePicker: ({ value, onValueChange, use12Hour, withSeconds, minuteStep, placeholder, disabled, className, ...field }: SmartTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export interface SmartDateTimePickerProps extends FieldProps {
+    /** Selected date + time. */
+    value?: Date;
+    onValueChange?: (date: Date | undefined) => void;
+    use12Hour?: boolean;
+    withSeconds?: boolean;
+    minuteStep?: number;
+    placeholder?: string;
+    /** Disable the whole trigger (`true`) or specific calendar days (matcher). */
+    disabled?: React.ComponentProps<typeof Calendar>["disabled"];
+    className?: string;
+}
+/**
+ * Combined calendar + time-column picker in a single popover, producing a
+ * single `Date`. Picking a day keeps the current time; picking a time keeps
+ * the current day (defaulting to today when none is set yet).
+ *
+ * ```tsx
+ * <SmartDateTimePicker label="Starts at" value={when} onValueChange={setWhen} />
+ * ```
+ */
+export declare const SmartDateTimePicker: ({ value, onValueChange, use12Hour, withSeconds, minuteStep, placeholder, disabled, className, ...field }: SmartDateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=smart-time-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-time-picker.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAsKjE,UAAU,UAAU;IAClB,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;AAsDD,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GAAI,0GAU7B,oBAAoB,4CAwCtB,CAAA;AAMD,MAAM,WAAW,wBAAyB,SAAQ,UAAU;IAC1D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoBD;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,GAAI,0GAUjC,wBAAwB,4CAoE1B,CAAA"}