@iamsaroj/smart-ui 0.2.0

package/dist/smart-components/page/smart-sidebar.d.ts

@@ -0,0 +1,70 @@
+import * as React from "react";
+declare const WIDTH_CLASSES: {
+    readonly xs: "w-48";
+    readonly sm: "w-64";
+    readonly md: "w-80";
+    readonly lg: "w-96";
+    readonly xl: "w-[28rem]";
+};
+export interface SmartSidebarProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Width of the sidebar panel.
+     * @default "md"
+     */
+    width?: keyof typeof WIDTH_CLASSES;
+    /**
+     * Which side of the content area the sidebar appears on.
+     * @default "right"
+     */
+    position?: "left" | "right";
+    /**
+     * Render a border on the edge adjacent to the main content.
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * Optional title rendered at the top of the sidebar with consistent padding.
+     */
+    title?: string;
+    /**
+     * Internal padding.
+     * @default true
+     */
+    padding?: boolean;
+}
+/**
+ * Vertical side panel for split-layout pages.
+ *
+ * Placing a SmartSidebar as a direct child of {@link SmartPage} causes
+ * auto-detection of the `"split"` layout, where the main content area and
+ * sidebar appear side by side.
+ *
+ * The sidebar scrolls independently — it has its own `overflow-y-auto` so
+ * long content doesn't interfere with the main content scroll area.
+ *
+ * ## Width
+ * Use the `width` token for standard sizes. For custom widths, pass a
+ * `className` with a `w-[...]` value.
+ *
+ * ## Position
+ * `"right"` (default) renders a `border-l`; `"left"` renders a `border-r`.
+ *
+ * @example Detail page with right sidebar
+ * ```tsx
+ * <SmartPage layout="split">
+ *   <SmartPageHeader>
+ *     <SmartPageTitle>Issue #1234</SmartPageTitle>
+ *   </SmartPageHeader>
+ *   <SmartPageContent padding="md">
+ *     <IssueDescription />
+ *     <CommentThread />
+ *   </SmartPageContent>
+ *   <SmartSidebar width="sm" title="Details">
+ *     <IssueMetadata />
+ *   </SmartSidebar>
+ * </SmartPage>
+ * ```
+ */
+export declare const SmartSidebar: React.ForwardRefExoticComponent<SmartSidebarProps & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=smart-sidebar.d.ts.map

package/dist/smart-components/page/smart-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-sidebar.d.ts","sourceRoot":"","sources":["../../../src/smart-components/page/smart-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,aAAa;;;;;;CAMT,CAAA;AAEV,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,OAAO,aAAa,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,YAAY,uFA4CxB,CACA"}

package/dist/smart-components/page/smart-sidebar.js

@@ -0,0 +1,54 @@
+"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 { usePageContext } from "./page-context";
+import { SMART_PAGE_SLOT } from "./smart-page";
+const WIDTH_CLASSES = {
+    xs: "w-48",
+    sm: "w-64",
+    md: "w-80",
+    lg: "w-96",
+    xl: "w-[28rem]",
+};
+/**
+ * Vertical side panel for split-layout pages.
+ *
+ * Placing a SmartSidebar as a direct child of {@link SmartPage} causes
+ * auto-detection of the `"split"` layout, where the main content area and
+ * sidebar appear side by side.
+ *
+ * The sidebar scrolls independently — it has its own `overflow-y-auto` so
+ * long content doesn't interfere with the main content scroll area.
+ *
+ * ## Width
+ * Use the `width` token for standard sizes. For custom widths, pass a
+ * `className` with a `w-[...]` value.
+ *
+ * ## Position
+ * `"right"` (default) renders a `border-l`; `"left"` renders a `border-r`.
+ *
+ * @example Detail page with right sidebar
+ * ```tsx
+ * <SmartPage layout="split">
+ *   <SmartPageHeader>
+ *     <SmartPageTitle>Issue #1234</SmartPageTitle>
+ *   </SmartPageHeader>
+ *   <SmartPageContent padding="md">
+ *     <IssueDescription />
+ *     <CommentThread />
+ *   </SmartPageContent>
+ *   <SmartSidebar width="sm" title="Details">
+ *     <IssueMetadata />
+ *   </SmartSidebar>
+ * </SmartPage>
+ * ```
+ */
+export const SmartSidebar = React.forwardRef(({ width = "md", position = "right", border = true, title, padding = true, className, children, ...props }, ref) => {
+    const { scroll } = usePageContext();
+    const isContained = scroll === "content" || scroll === "grid";
+    return (_jsxs("aside", { ref: ref, "data-slot": "sidebar", className: cn("flex shrink-0 flex-col", WIDTH_CLASSES[width], isContained && "overflow-y-auto", position === "right" && border && "border-l", position === "left" && border && "border-r", className), ...props, children: [title && (_jsx("div", { className: "shrink-0 border-b px-4 py-3", children: _jsx("h3", { className: "text-xs font-semibold tracking-wide text-muted-foreground uppercase", children: title }) })), _jsx("div", { className: cn("flex flex-1 flex-col", padding && "p-4"), children: children })] }));
+});
+SmartSidebar[SMART_PAGE_SLOT] =
+    "sidebar";
+//# sourceMappingURL=smart-sidebar.js.map

package/dist/smart-components/page/smart-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-sidebar.js","sourceRoot":"","sources":["../../../src/smart-components/page/smart-sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,aAAa,GAAG;IACpB,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,WAAW;CACP,CAAA;AA6BV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,KAAK,GAAG,IAAI,EACZ,QAAQ,GAAG,OAAO,EAClB,MAAM,GAAG,IAAI,EACb,KAAK,EACL,OAAO,GAAG,IAAI,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAA;IACnC,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,MAAM,CAAA;IAE7D,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,eACE,SAAS,EACnB,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,aAAa,CAAC,KAAK,CAAC,EACpB,WAAW,IAAI,iBAAiB,EAChC,QAAQ,KAAK,OAAO,IAAI,MAAM,IAAI,UAAU,EAC5C,QAAQ,KAAK,MAAM,IAAI,MAAM,IAAI,UAAU,EAC3C,SAAS,CACV,KACG,KAAK,aAER,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,6BAA6B,YAC1C,aAAI,SAAS,EAAC,qEAAqE,YAChF,KAAK,GACH,GACD,CACP,EACD,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,OAAO,IAAI,KAAK,CAAC,YACzD,QAAQ,GACL,IACA,CACT,CAAA;AACH,CAAC,CACF,CACA;AAAC,YAAmD,CAAC,eAAe,CAAC;IACpE,SAAS,CAAA"}

package/dist/smart-components/page/smart-toolbar.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+export interface SmartToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Render a bottom border separating the toolbar from page content.
+     * @default true
+     */
+    border?: boolean;
+}
+/**
+ * Horizontal action bar rendered below the page header.
+ *
+ * The toolbar hosts controls that operate on the page's primary data set:
+ * search inputs, filter toggles, view-density selectors, column pickers,
+ * bulk action menus, and pagination controls. It is intentionally separate
+ * from {@link SmartPageHeader} so header (identity) and toolbar (operations)
+ * can be styled and positioned independently.
+ *
+ * ## Stickiness
+ * When `stickyToolbar` is set on {@link SmartPage}, the toolbar sticks below
+ * the header in `"page"` scroll mode (grouped in a single `sticky top-0`
+ * band with the header). In `"grid"` / `"content"` modes it is above the
+ * scroll container and always visible.
+ *
+ * ## Layout
+ * Children are arranged in a flex row with a gap. Use `ms-auto` on a child
+ * to push it to the trailing edge.
+ *
+ * @example
+ * ```tsx
+ * <SmartToolbar>
+ *   <SmartSearch value={q} onValueChange={setQ} />
+ *   <Button variant="outline" size="sm"><Filter /> Filters</Button>
+ *   <span className="ms-auto" />
+ *   <Button variant="ghost" size="icon"><LayoutList /></Button>
+ *   <Button variant="ghost" size="icon"><LayoutGrid /></Button>
+ * </SmartToolbar>
+ * ```
+ */
+export declare const SmartToolbar: React.ForwardRefExoticComponent<SmartToolbarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=smart-toolbar.d.ts.map

package/dist/smart-components/page/smart-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-toolbar.d.ts","sourceRoot":"","sources":["../../../src/smart-components/page/smart-toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,YAAY,0FAexB,CACA"}

package/dist/smart-components/page/smart-toolbar.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { SMART_PAGE_SLOT } from "./smart-page";
+/**
+ * Horizontal action bar rendered below the page header.
+ *
+ * The toolbar hosts controls that operate on the page's primary data set:
+ * search inputs, filter toggles, view-density selectors, column pickers,
+ * bulk action menus, and pagination controls. It is intentionally separate
+ * from {@link SmartPageHeader} so header (identity) and toolbar (operations)
+ * can be styled and positioned independently.
+ *
+ * ## Stickiness
+ * When `stickyToolbar` is set on {@link SmartPage}, the toolbar sticks below
+ * the header in `"page"` scroll mode (grouped in a single `sticky top-0`
+ * band with the header). In `"grid"` / `"content"` modes it is above the
+ * scroll container and always visible.
+ *
+ * ## Layout
+ * Children are arranged in a flex row with a gap. Use `ms-auto` on a child
+ * to push it to the trailing edge.
+ *
+ * @example
+ * ```tsx
+ * <SmartToolbar>
+ *   <SmartSearch value={q} onValueChange={setQ} />
+ *   <Button variant="outline" size="sm"><Filter /> Filters</Button>
+ *   <span className="ms-auto" />
+ *   <Button variant="ghost" size="icon"><LayoutList /></Button>
+ *   <Button variant="ghost" size="icon"><LayoutGrid /></Button>
+ * </SmartToolbar>
+ * ```
+ */
+export const SmartToolbar = React.forwardRef(({ border = true, className, children, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "toolbar", className: cn("flex shrink-0 items-center gap-2 px-4 py-2", border && "border-b", className), ...props, children: children })));
+SmartToolbar[SMART_PAGE_SLOT] =
+    "toolbar";
+//# sourceMappingURL=smart-toolbar.js.map

package/dist/smart-components/page/smart-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-toolbar.js","sourceRoot":"","sources":["../../../src/smart-components/page/smart-toolbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAU9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,cACE,GAAG,EAAE,GAAG,eACE,SAAS,EACnB,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,MAAM,IAAI,UAAU,EACpB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CACF,CACA;AAAC,YAAmD,CAAC,eAAe,CAAC;IACpE,SAAS,CAAA"}

package/dist/smart-components/search-input.d.ts

@@ -0,0 +1,20 @@
+export interface SmartSearchInputProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    "aria-label"?: string;
+    /**
+     * By default the query may not *start* with whitespace: Space at the
+     * beginning is ignored and pasted leading spaces are stripped; spaces after
+     * the first character work normally. Set to `true` to allow a leading space.
+     */
+    allowLeadingSpace?: boolean;
+}
+/**
+ * Controlled search input with a leading magnifier icon and a clear button that
+ * appears once the field is non-empty. A thin, presentational control — debouncing
+ * and query wiring are left to the caller.
+ */
+export declare const SmartSearchInput: ({ value, onValueChange, placeholder, className, "aria-label": ariaLabel, allowLeadingSpace, }: SmartSearchInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-input.d.ts.map

package/dist/smart-components/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/smart-components/search-input.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,+FAO9B,qBAAqB,4CAyBvB,CAAA"}

package/dist/smart-components/search-input.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { withLeadingSpaceGuard } from "@iamsaroj/smart-ui/lib/leading-space";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from "@iamsaroj/smart-ui/components/input-group";
+/**
+ * Controlled search input with a leading magnifier icon and a clear button that
+ * appears once the field is non-empty. A thin, presentational control — debouncing
+ * and query wiring are left to the caller.
+ */
+export const SmartSearchInput = ({ value, onValueChange, placeholder = "Search…", className, "aria-label": ariaLabel, allowLeadingSpace, }) => (_jsxs(InputGroup, { className: cn(className), children: [_jsx(InputGroupAddon, { children: _jsx(Search, { className: "text-muted-foreground" }) }), _jsx(InputGroupInput, { value: value, placeholder: placeholder, "aria-label": ariaLabel, ...withLeadingSpaceGuard({ onChange: (e) => onValueChange(e.target.value) }, allowLeadingSpace) }), value ? (_jsx(InputGroupAddon, { align: "inline-end", children: _jsx(InputGroupButton, { onClick: () => onValueChange(""), "aria-label": "Clear search", children: _jsx(X, {}) }) })) : null] }));
+//# sourceMappingURL=search-input.js.map

package/dist/smart-components/search-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../src/smart-components/search-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAC5E,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,2CAA2C,CAAA;AAgBlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,WAAW,GAAG,SAAS,EACvB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,GACK,EAAE,EAAE,CAAC,CAC3B,MAAC,UAAU,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,aAClC,KAAC,eAAe,cACd,KAAC,MAAM,IAAC,SAAS,EAAC,uBAAuB,GAAG,GAC5B,EAClB,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,gBACZ,SAAS,KACjB,qBAAqB,CACvB,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAClD,iBAAiB,CAClB,GACD,EACD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,eAAe,IAAC,KAAK,EAAC,YAAY,YACjC,KAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,gBACrB,cAAc,YAEzB,KAAC,CAAC,KAAG,GACY,GACH,CACnB,CAAC,CAAC,CAAC,IAAI,IACG,CACd,CAAA"}

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

@@ -0,0 +1,53 @@
+import * as React from "react";
+export interface SmartAccordionItem {
+    /** Unique identifier. Must match across trigger and content. */
+    value: string;
+    /** Text or node shown in the trigger row. */
+    trigger: React.ReactNode;
+    /** Expanded content panel. */
+    content: React.ReactNode;
+    /** Disable this specific item. */
+    disabled?: boolean;
+}
+export interface SmartAccordionProps {
+    /** Ordered list of accordion items. */
+    items: SmartAccordionItem[];
+    /** Allow more than one item open at a time. @default false */
+    multiple?: boolean;
+    /** Uncontrolled default open values. */
+    defaultValue?: string[];
+    /** Controlled open values. */
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    className?: string;
+}
+/**
+ * Data-driven accordion. Replaces the repetitive item/trigger/content triple.
+ *
+ * ```tsx
+ * // Before
+ * <Accordion>
+ *   <AccordionItem value="q1">
+ *     <AccordionTrigger>How does billing work?</AccordionTrigger>
+ *     <AccordionContent>You are billed monthly…</AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="q2">
+ *     <AccordionTrigger>Can I cancel?</AccordionTrigger>
+ *     <AccordionContent>Yes, at any time.</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * // After
+ * <SmartAccordion
+ *   items={[
+ *     { value: "q1", trigger: "How does billing work?", content: "You are billed monthly…" },
+ *     { value: "q2", trigger: "Can I cancel?", content: "Yes, at any time." },
+ *   ]}
+ * />
+ * ```
+ *
+ * Fall back to native Accordion primitives when items have heterogeneous
+ * trigger layouts (icons, badges, counts) that differ per item.
+ */
+export declare const SmartAccordion: ({ items, multiple, defaultValue, value, onValueChange, className, }: SmartAccordionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-accordion.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,6CAA6C;IAC7C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,8BAA8B;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,KAAK,EAAE,kBAAkB,EAAE,CAAA;IAC3B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,cAAc,GAAI,qEAO5B,mBAAmB,4CAmBrB,CAAA"}

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

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@iamsaroj/smart-ui/components/accordion";
+/**
+ * Data-driven accordion. Replaces the repetitive item/trigger/content triple.
+ *
+ * ```tsx
+ * // Before
+ * <Accordion>
+ *   <AccordionItem value="q1">
+ *     <AccordionTrigger>How does billing work?</AccordionTrigger>
+ *     <AccordionContent>You are billed monthly…</AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="q2">
+ *     <AccordionTrigger>Can I cancel?</AccordionTrigger>
+ *     <AccordionContent>Yes, at any time.</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * // After
+ * <SmartAccordion
+ *   items={[
+ *     { value: "q1", trigger: "How does billing work?", content: "You are billed monthly…" },
+ *     { value: "q2", trigger: "Can I cancel?", content: "Yes, at any time." },
+ *   ]}
+ * />
+ * ```
+ *
+ * Fall back to native Accordion primitives when items have heterogeneous
+ * trigger layouts (icons, badges, counts) that differ per item.
+ */
+export const SmartAccordion = ({ items, multiple = false, defaultValue, value, onValueChange, className, }) => (_jsx(Accordion, { multiple: multiple, defaultValue: defaultValue, value: value, onValueChange: onValueChange, className: className, children: items.map((item) => (_jsxs(AccordionItem, { value: item.value, disabled: item.disabled, children: [_jsx(AccordionTrigger, { children: item.trigger }), _jsx(AccordionContent, { children: item.content })] }, item.value))) }));
+//# sourceMappingURL=smart-accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-accordion.js","sourceRoot":"","sources":["../../src/smart-components/smart-accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,MAAM,yCAAyC,CAAA;AA0BhD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,KAAK,EACL,aAAa,EACb,SAAS,GACW,EAAE,EAAE,CAAC,CACzB,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,YAEnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,aAAa,IAEZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,aAEvB,KAAC,gBAAgB,cAAE,IAAI,CAAC,OAAO,GAAoB,EACnD,KAAC,gBAAgB,cAAE,IAAI,CAAC,OAAO,GAAoB,KAL9C,IAAI,CAAC,KAAK,CAMD,CACjB,CAAC,GACQ,CACb,CAAA"}

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

@@ -0,0 +1,44 @@
+import * as React from "react";
+export interface SmartAlertProps {
+    /**
+     * Icon placed on the leading edge (auto-sized by Alert styles).
+     * Recommended: a Lucide icon with no explicit size class.
+     */
+    icon?: React.ReactNode;
+    /** Bold headline. */
+    title?: React.ReactNode;
+    /** Supporting body text. */
+    description?: React.ReactNode;
+    /**
+     * Action element anchored to the trailing edge (inside AlertAction).
+     * Typically a small Button or link.
+     */
+    action?: React.ReactNode;
+    /** `"destructive"` renders the alert in error/red tones. @default "default" */
+    variant?: "default" | "destructive";
+    className?: string;
+}
+/**
+ * Flattened Alert wrapper for inline status banners.
+ *
+ * ```tsx
+ * // Before
+ * <Alert variant="destructive">
+ *   <AlertCircle />
+ *   <AlertTitle>Payment failed</AlertTitle>
+ *   <AlertDescription>Please update your payment method.</AlertDescription>
+ *   <AlertAction><Button size="sm" variant="outline">Update</Button></AlertAction>
+ * </Alert>
+ *
+ * // After
+ * <SmartAlert
+ *   icon={<AlertCircle />}
+ *   title="Payment failed"
+ *   description="Please update your payment method."
+ *   action={<Button size="sm" variant="outline">Update</Button>}
+ *   variant="destructive"
+ * />
+ * ```
+ */
+export declare const SmartAlert: ({ icon, title, description, action, variant, className, }: SmartAlertProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-alert.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,2DAOxB,eAAe,4CAOjB,CAAA"}

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

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertAction, AlertDescription, AlertTitle, } from "@iamsaroj/smart-ui/components/alert";
+/**
+ * Flattened Alert wrapper for inline status banners.
+ *
+ * ```tsx
+ * // Before
+ * <Alert variant="destructive">
+ *   <AlertCircle />
+ *   <AlertTitle>Payment failed</AlertTitle>
+ *   <AlertDescription>Please update your payment method.</AlertDescription>
+ *   <AlertAction><Button size="sm" variant="outline">Update</Button></AlertAction>
+ * </Alert>
+ *
+ * // After
+ * <SmartAlert
+ *   icon={<AlertCircle />}
+ *   title="Payment failed"
+ *   description="Please update your payment method."
+ *   action={<Button size="sm" variant="outline">Update</Button>}
+ *   variant="destructive"
+ * />
+ * ```
+ */
+export const SmartAlert = ({ icon, title, description, action, variant = "default", className, }) => (_jsxs(Alert, { variant: variant, className: className, children: [icon, title != null && _jsx(AlertTitle, { children: title }), description != null && _jsx(AlertDescription, { children: description }), action != null && _jsx(AlertAction, { children: action })] }));
+//# sourceMappingURL=smart-alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-alert.js","sourceRoot":"","sources":["../../src/smart-components/smart-alert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,UAAU,GACX,MAAM,qCAAqC,CAAA;AAsB5C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,GAAG,SAAS,EACnB,SAAS,GACO,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,aAC1C,IAAI,EACJ,KAAK,IAAI,IAAI,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EACjD,WAAW,IAAI,IAAI,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EACzE,MAAM,IAAI,IAAI,IAAI,KAAC,WAAW,cAAE,MAAM,GAAe,IAChD,CACT,CAAA"}

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

@@ -0,0 +1,3 @@
+import { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge } from "@iamsaroj/smart-ui/components/avatar";
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
+//# sourceMappingURL=smart-avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-avatar.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,EACZ,MAAM,sCAAsC,CAAA;AAE7C,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,CAAA"}

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

@@ -0,0 +1,4 @@
+"use client";
+import { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, } from "@iamsaroj/smart-ui/components/avatar";
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
+//# sourceMappingURL=smart-avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-avatar.js","sourceRoot":"","sources":["../../src/smart-components/smart-avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,MAAM,sCAAsC,CAAA;AAE7C,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,CAAA"}

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import type { VariantProps } from "class-variance-authority";
+import { badgeVariants } from "@iamsaroj/smart-ui/components/badge";
+export interface SmartBadgeProps extends VariantProps<typeof badgeVariants> {
+    /** Leading status dot. */
+    dot?: boolean;
+    /** Color of the dot. @default "gray" */
+    dotColor?: "gray" | "green" | "red" | "yellow" | "blue";
+    /** Callback for the × remove button. Renders a remove button when provided. */
+    onRemove?: () => void;
+    /** Accessible label for the remove button. @default "Remove" */
+    removeLabel?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Badge extended with a leading status dot and/or a trailing remove button.
+ *
+ * ```tsx
+ * // Status badge with dot
+ * <SmartBadge variant="secondary" dot dotColor="green">Active</SmartBadge>
+ *
+ * // Removable tag
+ * <SmartBadge variant="outline" onRemove={() => removeTag(id)}>React</SmartBadge>
+ * ```
+ */
+export declare const SmartBadge: ({ dot, dotColor, onRemove, removeLabel, children, className, variant, }: SmartBadgeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-badge.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAUnE,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACzE,0BAA0B;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IACvD,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,GAAI,yEAQxB,eAAe,4CA0BjB,CAAA"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { cn } from "@iamsaroj/smart-ui/lib/utils";
+import { Badge } from "@iamsaroj/smart-ui/components/badge";
+const dotColors = {
+    gray: "bg-muted-foreground",
+    green: "bg-green-500",
+    red: "bg-red-500",
+    yellow: "bg-yellow-500",
+    blue: "bg-blue-500",
+};
+/**
+ * Badge extended with a leading status dot and/or a trailing remove button.
+ *
+ * ```tsx
+ * // Status badge with dot
+ * <SmartBadge variant="secondary" dot dotColor="green">Active</SmartBadge>
+ *
+ * // Removable tag
+ * <SmartBadge variant="outline" onRemove={() => removeTag(id)}>React</SmartBadge>
+ * ```
+ */
+export const SmartBadge = ({ dot, dotColor = "gray", onRemove, removeLabel = "Remove", children, className, variant, }) => (_jsxs(Badge, { variant: variant, className: cn("gap-1", onRemove && "pr-0.5", className), children: [dot && (_jsx("span", { "aria-hidden": "true", className: cn("size-1.5 shrink-0 rounded-full", dotColors[dotColor] ?? dotColors.gray) })), children, onRemove && (_jsx("button", { type: "button", onClick: onRemove, "aria-label": removeLabel, className: "ml-0.5 inline-flex size-3.5 items-center justify-center rounded-full opacity-60 outline-none hover:opacity-100 focus-visible:ring-1 focus-visible:ring-current", children: _jsx(X, { className: "size-2.5", "aria-hidden": "true" }) }))] }));
+//# sourceMappingURL=smart-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-badge.js","sourceRoot":"","sources":["../../src/smart-components/smart-badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AAI3D,MAAM,SAAS,GAA2B;IACxC,IAAI,EAAE,qBAAqB;IAC3B,KAAK,EAAE,cAAc;IACrB,GAAG,EAAE,YAAY;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,aAAa;CACpB,CAAA;AAeD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,GAAG,EACH,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,GACS,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,IAAI,QAAQ,EAAE,SAAS,CAAC,aAEtD,GAAG,IAAI,CACN,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,SAAS,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC,IAAI,CACtC,GACD,CACH,EACA,QAAQ,EACR,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,gBACL,WAAW,EACvB,SAAS,EAAC,gKAAgK,YAE1K,KAAC,CAAC,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,GAAG,GACtC,CACV,IACK,CACT,CAAA"}

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

@@ -0,0 +1,43 @@
+export interface SmartBreadcrumbItem {
+    label: string;
+    href?: string;
+    /**
+     * Applied to the BreadcrumbItem and the separator that precedes it,
+     * so hiding an item also hides its separator automatically.
+     */
+    className?: string;
+}
+export interface SmartBreadcrumbProps {
+    items: SmartBreadcrumbItem[];
+    className?: string;
+}
+/**
+ * Flattened Breadcrumb wrapper. The last item always renders as
+ * BreadcrumbPage (non-linkable); preceding items render as BreadcrumbLink.
+ * Each separator inherits the `className` of the item that follows it.
+ *
+ * ```tsx
+ * // Before
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem className="hidden md:block">
+ *       <BreadcrumbLink href="#">Settings</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator className="hidden md:block" />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbPage>Messages & media</BreadcrumbPage>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ *
+ * // After
+ * <SmartBreadcrumb
+ *   items={[
+ *     { label: "Settings", href: "#", className: "hidden md:block" },
+ *     { label: "Messages & media" },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const SmartBreadcrumb: ({ items, className }: SmartBreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=smart-breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-breadcrumb.d.ts","sourceRoot":"","sources":["../../src/smart-components/smart-breadcrumb.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,eAAe,GAAI,sBAAsB,oBAAoB,4CAoBzE,CAAA"}

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

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@iamsaroj/smart-ui/components/breadcrumb";
+/**
+ * Flattened Breadcrumb wrapper. The last item always renders as
+ * BreadcrumbPage (non-linkable); preceding items render as BreadcrumbLink.
+ * Each separator inherits the `className` of the item that follows it.
+ *
+ * ```tsx
+ * // Before
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem className="hidden md:block">
+ *       <BreadcrumbLink href="#">Settings</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator className="hidden md:block" />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbPage>Messages & media</BreadcrumbPage>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ *
+ * // After
+ * <SmartBreadcrumb
+ *   items={[
+ *     { label: "Settings", href: "#", className: "hidden md:block" },
+ *     { label: "Messages & media" },
+ *   ]}
+ * />
+ * ```
+ */
+export const SmartBreadcrumb = ({ items, className }) => (_jsx(Breadcrumb, { className: className, children: _jsx(BreadcrumbList, { children: items.map((item, index) => {
+            const isLast = index === items.length - 1;
+            return (_jsxs(React.Fragment, { children: [index > 0 && _jsx(BreadcrumbSeparator, { className: item.className }), _jsx(BreadcrumbItem, { className: item.className, children: isLast ? (_jsx(BreadcrumbPage, { children: item.label })) : (_jsx(BreadcrumbLink, { href: item.href, children: item.label })) })] }, item.label));
+        }) }) }));
+//# sourceMappingURL=smart-breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-breadcrumb.js","sourceRoot":"","sources":["../../src/smart-components/smart-breadcrumb.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,0CAA0C,CAAA;AAiBjD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAwB,EAAE,EAAE,CAAC,CAC7E,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,YAC9B,KAAC,cAAc,cACZ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;YACzC,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACZ,KAAK,GAAG,CAAC,IAAI,KAAC,mBAAmB,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,EAChE,KAAC,cAAc,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,YACtC,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,cAAc,cAAE,IAAI,CAAC,KAAK,GAAkB,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAAG,IAAI,CAAC,KAAK,GAAkB,CAC/D,GACc,KARE,IAAI,CAAC,KAAK,CASd,CAClB,CAAA;QACH,CAAC,CAAC,GACa,GACN,CACd,CAAA"}