@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.3

package/cloud-ui/components/docs/endpoint-card.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+export interface ApiEndpointCardPricing {
+    cost?: number;
+    unit?: string;
+    isFree?: boolean;
+    isVariable?: boolean;
+    estimatedRange?: {
+        min: number;
+        max: number;
+    };
+}
+export interface ApiEndpointCardEndpoint {
+    name: string;
+    description: string;
+    method: string;
+    path: string;
+    category: string;
+    tags: string[];
+    deprecated?: boolean;
+    pricing?: ApiEndpointCardPricing;
+}
+export interface EndpointCardProps<TEndpoint extends ApiEndpointCardEndpoint = ApiEndpointCardEndpoint> {
+    endpoint: TEndpoint;
+    onSelect: (endpoint: TEndpoint) => void;
+    getMethodColor: (method: string) => string;
+    getCategoryIcon: (category: string) => ReactNode;
+    formatPricing?: (pricing: NonNullable<TEndpoint["pricing"]>) => string;
+}
+export declare function EndpointCard<TEndpoint extends ApiEndpointCardEndpoint = ApiEndpointCardEndpoint>({ endpoint, onSelect, getMethodColor, getCategoryIcon, formatPricing, }: EndpointCardProps<TEndpoint>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=endpoint-card.d.ts.map

package/cloud-ui/components/docs/endpoint-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/endpoint-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB,CAChC,SAAS,SAAS,uBAAuB,GAAG,uBAAuB;IAEnE,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,MAAM,CAAC;CACxE;AAoBD,wBAAgB,YAAY,CAC1B,SAAS,SAAS,uBAAuB,GAAG,uBAAuB,EACnE,EACA,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,GACd,EAAE,iBAAiB,CAAC,SAAS,CAAC,2CAkG9B"}

package/cloud-ui/components/docs/endpoint-card.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight, Coins, Sparkles } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+function getPricingTextStyle(pricing) {
+    if (!pricing)
+        return "text-neutral-500";
+    if (pricing.isFree)
+        return "text-green-400";
+    if (pricing.isVariable)
+        return "text-orange-400";
+    return "text-[#FF5800]";
+}
+function fallbackPricingLabel(pricing) {
+    if (pricing.isFree)
+        return "Free";
+    if (pricing.isVariable && pricing.estimatedRange) {
+        return `$${pricing.estimatedRange.min.toFixed(3)} - $${pricing.estimatedRange.max.toFixed(2)}`;
+    }
+    if (typeof pricing.cost === "number") {
+        return `$${pricing.cost.toFixed(pricing.cost < 0.01 ? 4 : 2)}`;
+    }
+    return "Credits";
+}
+export function EndpointCard({ endpoint, onSelect, getMethodColor, getCategoryIcon, formatPricing, }) {
+    return (_jsxs("button", { type: "button", onClick: () => onSelect(endpoint), className: "group relative w-full min-w-0 overflow-hidden rounded-sm border border-white/5 bg-neutral-900/50 p-4 text-left transition-all hover:border-white/10 hover:bg-neutral-900/70", children: [_jsx("div", { className: "absolute right-4 top-4 opacity-0 transition-all duration-200 group-hover:opacity-100", children: _jsxs("div", { className: "flex items-center gap-1 text-xs font-medium text-[#FF5800]", children: ["Test ", _jsx(ChevronRight, { className: "h-3 w-3" })] }) }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: "text-neutral-500", children: getCategoryIcon(endpoint.category) }), _jsx("h3", { className: "pr-16 text-sm font-semibold text-white transition-colors group-hover:text-[#FF5800]", children: endpoint.name })] }), _jsx("p", { className: "line-clamp-2 text-xs text-neutral-500", children: endpoint.description })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: cn("rounded-sm px-2 py-0.5 text-[10px] font-bold uppercase", getMethodColor(endpoint.method)), children: endpoint.method }), _jsx("code", { className: "flex-1 truncate font-mono text-xs text-neutral-400", children: endpoint.path })] }), _jsxs("div", { className: "flex items-center justify-between border-t border-white/5 pt-2", children: [endpoint.pricing ? (_jsxs("div", { className: cn("flex items-center gap-1.5 text-xs", getPricingTextStyle(endpoint.pricing)), children: [endpoint.pricing.isFree ? (_jsx(Sparkles, { className: "h-3 w-3" })) : (_jsx(Coins, { className: "h-3 w-3" })), _jsx("span", { className: "font-medium", children: formatPricing
+                                            ? formatPricing(endpoint.pricing)
+                                            : fallbackPricingLabel(endpoint.pricing) }), !endpoint.pricing.isFree && endpoint.pricing.unit && (_jsxs("span", { className: "opacity-60", children: ["/", endpoint.pricing.unit] }))] })) : (_jsx("div", {})), _jsxs("div", { className: "flex items-center gap-2", children: [endpoint.deprecated && (_jsx("span", { className: "text-[10px] font-medium text-red-400", children: "Deprecated" })), endpoint.tags.length > 0 && (_jsxs("div", { className: "flex gap-1", children: [endpoint.tags.slice(0, 2).map((tag) => (_jsx("span", { className: "rounded-sm bg-white/10 px-1.5 py-0.5 text-[10px] text-neutral-300", children: tag }, tag))), endpoint.tags.length > 2 && (_jsxs("span", { className: "text-[10px] text-neutral-400", children: ["+", endpoint.tags.length - 2] }))] }))] })] })] })] }));
+}

package/cloud-ui/components/docs/index.d.ts

@@ -0,0 +1,12 @@
+export type { ApiParameterSelectOption, ApiParameterSelectProps, } from "./api-parameter-select.js";
+export { ApiParameterSelect } from "./api-parameter-select.js";
+export type { DocsLayoutProps } from "./docs-layout.js";
+export { DocsLayout } from "./docs-layout.js";
+export type { DocsFrontmatter, MdxModule, NavItem } from "./docs-types.js";
+export type { ApiEndpointCardEndpoint, ApiEndpointCardPricing, EndpointCardProps, } from "./endpoint-card.js";
+export { EndpointCard } from "./endpoint-card.js";
+export { LlmsTxtBadge } from "./llms-txt-badge.js";
+export { Callout, type CalloutType, Cards, Steps, } from "./mdx-components.js";
+export type { OpenApiViewerProps } from "./openapi-viewer.js";
+export { OpenApiViewer } from "./openapi-viewer.js";
+//# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/docs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACxE,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,OAAO,EACP,KAAK,WAAW,EAChB,KAAK,EACL,KAAK,GACN,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/cloud-ui/components/docs/index.js

@@ -0,0 +1,6 @@
+export { ApiParameterSelect } from "./api-parameter-select.js";
+export { DocsLayout } from "./docs-layout.js";
+export { EndpointCard } from "./endpoint-card.js";
+export { LlmsTxtBadge } from "./llms-txt-badge.js";
+export { Callout, Cards, Steps, } from "./mdx-components.js";
+export { OpenApiViewer } from "./openapi-viewer.js";

package/cloud-ui/components/docs/llms-txt-badge.d.ts

@@ -0,0 +1,2 @@
+export declare function LlmsTxtBadge(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=llms-txt-badge.d.ts.map

package/cloud-ui/components/docs/llms-txt-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"llms-txt-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/llms-txt-badge.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,mDA8C3B"}

package/cloud-ui/components/docs/llms-txt-badge.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocation } from "react-router-dom";
+export function LlmsTxtBadge() {
+    const indexPath = "/.well-known/llms.txt";
+    const fullPath = "/.well-known/llms-full.txt";
+    const pathname = useLocation().pathname;
+    // Only show this control on docs routes.
+    if (!pathname?.startsWith("/docs"))
+        return null;
+    // On the docs landing page, only show a single llms.txt link (no full pack).
+    const isDocsLanding = pathname === "/docs" || pathname === "/docs/";
+    if (isDocsLanding) {
+        return (_jsx("a", { href: indexPath, className: "text-xs text-white/70 hover:text-white transition-colors px-2 py-1 border border-white/10 bg-white/5", title: "LLM context index for Cursor / ChatGPT (llms.txt)", target: "_blank", rel: "noopener noreferrer", children: "llms.txt" }));
+    }
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("a", { href: indexPath, className: "text-xs text-white/70 hover:text-white transition-colors px-2 py-1 border border-white/10 bg-white/5", title: "LLM context index for Cursor / ChatGPT (llms.txt)", target: "_blank", rel: "noopener noreferrer", children: "llms.txt" }), _jsx("a", { href: fullPath, className: "text-xs text-white/70 hover:text-white transition-colors px-2 py-1 border border-white/10 bg-white/5", title: "Full docs pack for Cursor / ChatGPT (llms-full.txt)", target: "_blank", rel: "noopener noreferrer", children: "llms-full" })] }));
+}

package/cloud-ui/components/docs/mdx-components.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from "react";
+export type CalloutType = "info" | "warning" | "error" | "default";
+export declare function Callout({ type, emoji, children, }: {
+    type?: CalloutType;
+    emoji?: ReactNode;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CardsCard({ title, href, icon, children, }: {
+    title: string;
+    href: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Cards({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Cards {
+    var Card: typeof CardsCard;
+}
+export declare function Steps({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TabsTab({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ items, children, }: {
+    items: ReactNode[];
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var Tab: typeof TabsTab;
+}
+export {};
+//# sourceMappingURL=mdx-components.d.ts.map

package/cloud-ui/components/docs/mdx-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-components.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/mdx-components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEnE,wBAAgB,OAAO,CAAC,EACtB,IAAgB,EAChB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAOA;AAED,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAcA;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAE1D;yBAFe,KAAK;;;AAKrB,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAE1D;AAED,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAErD;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAsBA;yBA5Be,IAAI"}

package/cloud-ui/components/docs/mdx-components.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, isValidElement, useState } from "react";
+export function Callout({ type = "default", emoji, children, }) {
+    return (_jsxs("div", { className: `docs-callout docs-callout-${type}`, children: [emoji ? _jsx("span", { className: "docs-callout-emoji", children: emoji }) : null, _jsx("div", { className: "docs-callout-body", children: children })] }));
+}
+function CardsCard({ title, href, icon, children, }) {
+    const isExternal = /^https?:\/\//.test(href);
+    return (_jsxs("a", { href: href, className: "docs-card", target: isExternal ? "_blank" : undefined, rel: isExternal ? "noopener noreferrer" : undefined, children: [icon ? _jsx("div", { className: "docs-card-icon", children: icon }) : null, _jsx("div", { className: "docs-card-title", children: title }), children ? _jsx("div", { className: "docs-card-desc", children: children }) : null] }));
+}
+export function Cards({ children }) {
+    return _jsx("div", { className: "docs-cards-grid", children: children });
+}
+Cards.Card = CardsCard;
+export function Steps({ children }) {
+    return _jsx("div", { className: "docs-steps", children: children });
+}
+function TabsTab({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+export function Tabs({ items, children, }) {
+    const [active, setActive] = useState(0);
+    const panels = Children.toArray(children).filter(isValidElement);
+    return (_jsxs("div", { className: "docs-tabs", children: [_jsx("div", { className: "docs-tabs-list", role: "tablist", children: items.map((label, i) => (_jsx("button", { type: "button", role: "tab", "aria-selected": i === active, className: `docs-tab-trigger${i === active ? " active" : ""}`, onClick: () => setActive(i), children: label }, `tab-${String(label)}`))) }), _jsx("div", { className: "docs-tabs-content", children: panels[active] ?? null })] }));
+}
+Tabs.Tab = TabsTab;

package/cloud-ui/components/docs/openapi-viewer.d.ts

@@ -0,0 +1,6 @@
+export interface OpenApiViewerProps {
+    value: string;
+    className?: string;
+}
+export declare function OpenApiViewer({ value, className }: OpenApiViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=openapi-viewer.d.ts.map

package/cloud-ui/components/docs/openapi-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openapi-viewer.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/openapi-viewer.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAiBrE"}

package/cloud-ui/components/docs/openapi-viewer.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { CodeDisplay } from "../code/index.js";
+export function OpenApiViewer({ value, className }) {
+    return (_jsx("div", { className: cn("w-full min-w-0 max-w-full overflow-hidden rounded-sm border border-white/10 bg-black/40", className), children: _jsx("div", { className: "h-full overflow-auto", children: _jsx(CodeDisplay, { code: value, language: "json", className: "min-h-full border-0 bg-transparent" }) }) }));
+}

package/cloud-ui/components/drawer.d.ts

@@ -0,0 +1,14 @@
+import type * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };
+//# sourceMappingURL=drawer.d.ts.map

package/cloud-ui/components/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/drawer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqBtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}

package/cloud-ui/components/drawer.js

@@ -0,0 +1,39 @@
+/**
+ * Drawer component system for bottom sheet panels.
+ * Built on Vaul library with swipe-to-dismiss and overlay support.
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { cn } from "../lib/utils.js";
+function Drawer({ ...props }) {
+    return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+    return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+    return _jsx(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+    return _jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlay({ className, ...props }) {
+    return (_jsx(DrawerPrimitive.Overlay, { "data-slot": "drawer-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
+}
+function DrawerContent({ className, children, ...props }) {
+    return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-neutral-950/95 text-white", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:border-white/10", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:border-white/10", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:border-white/10 data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:border-white/10 data-[vaul-drawer-direction=left]:sm:max-w-sm", className), ...props, children: [_jsx("div", { className: "mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 bg-white/15 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
+}
+function DrawerHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className), ...props }));
+}
+function DrawerFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
+}
+function DrawerTitle({ className, ...props }) {
+    return (_jsx(DrawerPrimitive.Title, { "data-slot": "drawer-title", className: cn("text-foreground font-semibold", className), ...props }));
+}
+function DrawerDescription({ className, ...props }) {
+    return (_jsx(DrawerPrimitive.Description, { "data-slot": "drawer-description", className: cn("text-sm text-white/55", className), ...props }));
+}
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/cloud-ui/components/icons.d.ts

@@ -0,0 +1,7 @@
+import type { SVGProps } from "react";
+export declare function DiscordIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TelegramIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function WhatsAppIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function AppleMessagesIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function IMessageIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/cloud-ui/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAMzD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAM1D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAM1D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAU/D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAM1D"}

package/cloud-ui/components/icons.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DiscordIcon(props) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: _jsx("path", { d: "M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" }) }));
+}
+export function TelegramIcon(props) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: _jsx("path", { d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" }) }));
+}
+export function WhatsAppIcon(props) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z" }) }));
+}
+export function AppleMessagesIcon(props) {
+    return (_jsxs("svg", { viewBox: "0 0 120 120", fill: "none", "aria-hidden": "true", ...props, children: [_jsx("rect", { width: "120", height: "120", rx: "26", fill: "#34C759" }), _jsx("path", { d: "M60 28C40.118 28 24 42.326 24 60c0 6.384 2.118 12.322 5.706 17.176L26 92l15.882-4.706C46.588 89.706 53.059 92 60 92c19.882 0 36-14.326 36-32S79.882 28 60 28z", fill: "white" })] }));
+}
+export function IMessageIcon(props) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: _jsx("path", { d: "M12 2C6.477 2 2 5.813 2 10.5c0 2.592 1.392 4.912 3.57 6.462-.18 1.29-.612 2.842-1.57 4.038 2.16-.4 3.87-1.2 4.925-1.87A11.7 11.7 0 0 0 12 19.5c5.523 0 10-3.813 10-8.5S17.523 2 12 2z" }) }));
+}

package/cloud-ui/components/image-gen/empty-state.d.ts

@@ -0,0 +1,3 @@
+export declare function ImageEmptyState(): import("react/jsx-runtime").JSX.Element;
+export { ImageEmptyState as EmptyState };
+//# sourceMappingURL=empty-state.d.ts.map

package/cloud-ui/components/image-gen/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/empty-state.tsx"],"names":[],"mappings":"AAQA,wBAAgB,eAAe,4CAQ9B;AAGD,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,CAAC"}

package/cloud-ui/components/image-gen/empty-state.js

@@ -0,0 +1,12 @@
+/**
+ * Empty state for image generator using the shared EmptyState component.
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image as ImageIcon } from "lucide-react";
+import { EmptyState } from "../../../components/ui/empty-state.js";
+export function ImageEmptyState() {
+    return (_jsx(EmptyState, { variant: "dashed", icon: _jsx(ImageIcon, { className: "h-6 w-6 text-[#FF5800]" }), title: "Enter a prompt to generate" }));
+}
+// Backward-compatible export
+export { ImageEmptyState as EmptyState };

package/cloud-ui/components/image-gen/enhanced-loading.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Enhanced loading component with animated background and random loading messages.
+ * Displays progress bar and animated spinner for image generation.
+ *
+ * @param props.message - Optional custom loading message
+ * @param props.progress - Optional progress percentage (0-100)
+ */
+interface EnhancedLoadingProps {
+    message?: string;
+    progress?: number;
+}
+export declare function EnhancedLoading({ message, progress }: EnhancedLoadingProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=enhanced-loading.d.ts.map

package/cloud-ui/components/image-gen/enhanced-loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhanced-loading.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/enhanced-loading.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAeH,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAgD1E"}

package/cloud-ui/components/image-gen/enhanced-loading.js

@@ -0,0 +1,23 @@
+/**
+ * Enhanced loading component with animated background and random loading messages.
+ * Displays progress bar and animated spinner for image generation.
+ *
+ * @param props.message - Optional custom loading message
+ * @param props.progress - Optional progress percentage (0-100)
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2, Sparkles } from "lucide-react";
+import { useState } from "react";
+const LOADING_MESSAGES = [
+    "Painting pixels with AI magic...",
+    "Mixing colors and dreams...",
+    "Bringing your vision to life...",
+    "Consulting with digital artists...",
+    "Adding the finishing touches...",
+];
+export function EnhancedLoading({ message, progress }) {
+    const [randomMessage] = useState(() => LOADING_MESSAGES[Math.floor(Math.random() * LOADING_MESSAGES.length)]);
+    const displayMessage = message || randomMessage;
+    return (_jsxs("div", { className: "relative w-full h-[500px] rounded-none border border-white/10 bg-black/40 overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-[#FF5800]/5" }), _jsxs("div", { className: "relative z-10 flex flex-col items-center justify-center h-full px-6 space-y-3", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 animate-ping opacity-75", children: _jsx("div", { className: "w-12 h-12 rounded-full bg-[#FF5800]/20" }) }), _jsx("div", { className: "relative flex items-center justify-center w-12 h-12 rounded-full bg-black/60 border border-[#FF5800]/40", children: _jsx(Loader2, { className: "w-6 h-6 text-[#FF5800] animate-spin" }) })] }), _jsxs("div", { className: "text-center space-y-2", children: [_jsx("p", { className: "text-sm font-semibold text-white", children: displayMessage }), progress !== undefined && (_jsx("div", { className: "w-48 h-1.5 rounded-full bg-white/10 overflow-hidden", children: _jsx("div", { className: "h-full bg-[#FF5800] transition-all duration-500", style: { width: `${progress}%` } }) })), _jsx("p", { className: "text-xs text-white/60", children: "This may take 10-30 seconds" })] }), _jsxs("div", { className: "flex items-center gap-1.5 text-xs text-white/50", children: [_jsx(Sparkles, { className: "h-3 w-3 text-[#FF5800]" }), _jsx("span", { children: "AI Model Active" })] })] })] }));
+}

package/cloud-ui/components/image-gen/index.d.ts

@@ -0,0 +1,5 @@
+export { ImageEmptyState } from "./empty-state.js";
+export { EnhancedLoading } from "./enhanced-loading.js";
+export { LoadingState as ImageLoadingState } from "./loading-state.js";
+export { type AspectRatio, ImagePromptInput, type StylePreset, } from "./prompt-input.js";
+//# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/image-gen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EACL,KAAK,WAAW,EAChB,gBAAgB,EAChB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC"}

package/cloud-ui/components/image-gen/index.js

@@ -0,0 +1,4 @@
+export { ImageEmptyState } from "./empty-state.js";
+export { EnhancedLoading } from "./enhanced-loading.js";
+export { LoadingState as ImageLoadingState } from "./loading-state.js";
+export { ImagePromptInput, } from "./prompt-input.js";

package/cloud-ui/components/image-gen/loading-state.d.ts

@@ -0,0 +1,2 @@
+export declare function LoadingState(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loading-state.d.ts.map

package/cloud-ui/components/image-gen/loading-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/loading-state.tsx"],"names":[],"mappings":"AASA,wBAAgB,YAAY,4CAoB3B"}

package/cloud-ui/components/image-gen/loading-state.js

@@ -0,0 +1,11 @@
+/**
+ * Loading state component for image generation displaying skeleton placeholders.
+ * Shows animated loading spinner and placeholder elements.
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../../../components/ui/skeleton.js";
+import { Spinner } from "../../../components/ui/spinner.js";
+export function LoadingState() {
+    return (_jsxs("div", { className: "space-y-6 animate-in fade-in duration-500", children: [_jsx("div", { className: "rounded-none border border-white/10 bg-black/40 overflow-hidden max-h-[500px]", children: _jsx(Skeleton, { className: "w-full aspect-square" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Skeleton, { className: "h-12 rounded-none" }), _jsx(Skeleton, { className: "h-12 rounded-none" })] }), _jsxs("div", { className: "flex items-center justify-center gap-2 py-3", children: [_jsx(Spinner, { size: 16, className: "text-[#FF5800]" }), _jsx("p", { className: "text-sm font-medium text-white/60", children: "Creating your image..." })] })] }));
+}

package/cloud-ui/components/image-gen/prompt-input.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Prompt input component for image generation with advanced options.
+ * Supports prompt input, number of images, aspect ratio, and style preset selection.
+ *
+ * @param props.prompt - Current prompt text
+ * @param props.onPromptChange - Callback when prompt changes
+ * @param props.onSubmit - Callback when form is submitted
+ * @param props.isLoading - Whether generation is in progress
+ * @param props.numImages - Number of images to generate
+ * @param props.onNumImagesChange - Callback when number of images changes
+ * @param props.aspectRatio - Selected aspect ratio
+ * @param props.onAspectRatioChange - Callback when aspect ratio changes
+ * @param props.stylePreset - Selected style preset
+ * @param props.onStylePresetChange - Callback when style preset changes
+ */
+export type AspectRatio = "1:1" | "16:9" | "9:16" | "4:3" | "3:4" | "21:9" | "9:21";
+export type StylePreset = "none" | "photographic" | "digital-art" | "comic-book" | "fantasy-art" | "analog-film" | "neon-punk" | "isometric" | "low-poly" | "origami" | "line-art" | "cinematic" | "3d-model";
+interface PromptInputProps {
+    prompt: string;
+    onPromptChange: (prompt: string) => void;
+    onSubmit: (e: React.FormEvent) => void;
+    isLoading: boolean;
+    numImages: number;
+    onNumImagesChange: (num: number) => void;
+    aspectRatio: AspectRatio;
+    onAspectRatioChange: (ratio: AspectRatio) => void;
+    stylePreset: StylePreset;
+    onStylePresetChange: (preset: StylePreset) => void;
+}
+export declare function ImagePromptInput({ prompt, onPromptChange, onSubmit, isLoading, numImages, onNumImagesChange, aspectRatio, onAspectRatioChange, stylePreset, onStylePresetChange, }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=prompt-input.d.ts.map

package/cloud-ui/components/image-gen/prompt-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/prompt-input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAsBH,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,CAAC;AACX,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,cAAc,GACd,aAAa,GACb,YAAY,GACZ,aAAa,GACb,aAAa,GACb,WAAW,GACX,WAAW,GACX,UAAU,GACV,SAAS,GACT,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAEf,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,mBAAmB,GACpB,EAAE,gBAAgB,2CAiJlB"}

package/cloud-ui/components/image-gen/prompt-input.js

@@ -0,0 +1,24 @@
+/**
+ * Prompt input component for image generation with advanced options.
+ * Supports prompt input, number of images, aspect ratio, and style preset selection.
+ *
+ * @param props.prompt - Current prompt text
+ * @param props.onPromptChange - Callback when prompt changes
+ * @param props.onSubmit - Callback when form is submitted
+ * @param props.isLoading - Whether generation is in progress
+ * @param props.numImages - Number of images to generate
+ * @param props.onNumImagesChange - Callback when number of images changes
+ * @param props.aspectRatio - Selected aspect ratio
+ * @param props.onAspectRatioChange - Callback when aspect ratio changes
+ * @param props.stylePreset - Selected style preset
+ * @param props.onStylePresetChange - Callback when style preset changes
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image as ImageIcon, Loader2, Palette, Ratio, Sparkles, Wand2, } from "lucide-react";
+import { Button } from "../../../components/ui/button.js";
+import { Label } from "../../../components/ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../components/ui/select.js";
+export function ImagePromptInput({ prompt, onPromptChange, onSubmit, isLoading, numImages, onNumImagesChange, aspectRatio, onAspectRatioChange, stylePreset, onStylePresetChange, }) {
+    return (_jsx("div", { className: "rounded-sm border bg-gradient-to-br from-card to-muted/20 p-8 ", children: _jsxs("form", { onSubmit: onSubmit, className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "num-images", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-primary" }), "Images"] }), _jsxs(Select, { value: numImages.toString(), onValueChange: (value) => onNumImagesChange(parseInt(value, 10)), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "num-images", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select number" }) }), _jsx(SelectContent, { children: [1, 2, 3, 4].map((num) => (_jsxs(SelectItem, { value: num.toString(), children: [num, " ", num === 1 ? "Image" : "Images"] }, num))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "aspect-ratio", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Ratio, { className: "h-4 w-4 text-primary" }), "Ratio"] }), _jsxs(Select, { value: aspectRatio, onValueChange: (value) => onAspectRatioChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "aspect-ratio", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select ratio" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "1:1", children: "1:1 (Square)" }), _jsx(SelectItem, { value: "16:9", children: "16:9 (Landscape)" }), _jsx(SelectItem, { value: "9:16", children: "9:16 (Portrait)" }), _jsx(SelectItem, { value: "4:3", children: "4:3" }), _jsx(SelectItem, { value: "3:4", children: "3:4" }), _jsx(SelectItem, { value: "21:9", children: "21:9 (Ultra Wide)" }), _jsx(SelectItem, { value: "9:21", children: "9:21 (Ultra Tall)" })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "style-preset", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Palette, { className: "h-4 w-4 text-primary" }), "Style Preset"] }), _jsxs(Select, { value: stylePreset, onValueChange: (value) => onStylePresetChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "style-preset", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select style" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "none", children: "None" }), _jsx(SelectItem, { value: "photographic", children: "Photographic" }), _jsx(SelectItem, { value: "digital-art", children: "Digital Art" }), _jsx(SelectItem, { value: "comic-book", children: "Comic Book" }), _jsx(SelectItem, { value: "fantasy-art", children: "Fantasy Art" }), _jsx(SelectItem, { value: "analog-film", children: "Analog Film" }), _jsx(SelectItem, { value: "neon-punk", children: "Neon Punk" }), _jsx(SelectItem, { value: "isometric", children: "Isometric" }), _jsx(SelectItem, { value: "low-poly", children: "Low Poly" }), _jsx(SelectItem, { value: "origami", children: "Origami" }), _jsx(SelectItem, { value: "line-art", children: "Line Art" }), _jsx(SelectItem, { value: "cinematic", children: "Cinematic" }), _jsx(SelectItem, { value: "3d-model", children: "3D Model" })] })] })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("label", { htmlFor: "prompt", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Wand2, { className: "h-4 w-4 text-primary" }), "Image Description"] }) }), _jsx("textarea", { id: "prompt", value: prompt, onChange: (e) => onPromptChange(e.currentTarget.value), placeholder: "Describe the image you want to generate in detail... The more specific you are, the better the results!", disabled: isLoading, rows: 6, className: "w-full rounded-sm border-2 bg-background px-5 py-4 text-sm leading-relaxed placeholder:text-muted-foreground/60     disabled:opacity-50 disabled:cursor-not-allowed resize-none transition-all" })] }), _jsx(Button, { type: "submit", disabled: isLoading || !prompt.trim(), className: "w-full rounded-sm h-12 text-base font-medium transition-all", size: "lg", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" }), "Generating your masterpiece..."] })) : (_jsxs(_Fragment, { children: [_jsx(Sparkles, { className: "mr-2 h-5 w-5" }), "Generate Image"] })) })] }) }));
+}

package/cloud-ui/components/layout/dashboard-header.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+export interface DashboardHeaderPageInfo {
+    title: string;
+    actions?: ReactNode;
+}
+export interface DashboardHeaderProps {
+    onToggleSidebar: () => void;
+    pageInfo?: DashboardHeaderPageInfo | null;
+    isAnonymous?: boolean;
+    loginHref?: string;
+    anonymousCta?: ReactNode;
+    rightContent?: ReactNode;
+    children?: ReactNode;
+}
+declare function DashboardHeaderComponent({ onToggleSidebar, pageInfo, isAnonymous, loginHref, anonymousCta, rightContent, children, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const DashboardHeader: import("react").MemoExoticComponent<typeof DashboardHeaderComponent>;
+export {};
+//# sourceMappingURL=dashboard-header.d.ts.map

package/cloud-ui/components/layout/dashboard-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/layout/dashboard-header.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,iBAAS,wBAAwB,CAAC,EAChC,eAAe,EACf,QAAQ,EACR,WAAmB,EACnB,SAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,oBAAoB,2CA4CtB;AAED,eAAO,MAAM,eAAe,sEAAiC,CAAC"}

package/cloud-ui/components/layout/dashboard-header.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LogIn, Menu } from "lucide-react";
+import { memo } from "react";
+import { BrandButton } from "../brand/index.js";
+function DashboardHeaderComponent({ onToggleSidebar, pageInfo, isAnonymous = false, loginHref = "/login", anonymousCta, rightContent, children, }) {
+    const defaultAnonymousCta = (_jsx("a", { href: loginHref, children: _jsxs(BrandButton, { variant: "primary", className: "h-8 gap-2 px-3 md:h-10 md:px-4", children: [_jsx(LogIn, { className: "h-4 w-4" }), _jsx("span", { className: "hidden md:inline", children: "Sign Up Free" }), _jsx("span", { className: "md:hidden", children: "Sign Up" })] }) }));
+    return (_jsxs("header", { className: "flex min-h-14 items-center justify-between gap-2 border-b border-white/14 bg-black px-3 py-2 md:min-h-16 md:gap-4 md:px-6", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3 md:gap-4", children: [_jsx(BrandButton, { variant: "ghost", size: "icon", className: "size-8 shrink-0 border border-white/14 bg-transparent md:hidden", onClick: onToggleSidebar, "aria-label": "Toggle navigation", children: _jsx(Menu, { className: "h-4 w-4 text-white" }) }), pageInfo && (_jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: _jsx("h1", { className: "truncate text-base font-semibold tracking-tight text-white md:text-lg", children: pageInfo.title }) }))] }), _jsxs("div", { className: "flex min-w-0 shrink-0 items-center justify-end gap-2 md:gap-4", children: [pageInfo?.actions && (_jsx("div", { className: "flex min-w-0 max-w-[46vw] items-center justify-end overflow-x-auto sm:max-w-none", children: pageInfo.actions })), children, isAnonymous ? (anonymousCta ?? defaultAnonymousCta) : rightContent] })] }));
+}
+export const DashboardHeader = memo(DashboardHeaderComponent);

package/cloud-ui/components/layout/dashboard-page.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, ReactNode } from "react";
+type DashboardContainerElement = "div" | "main" | "section";
+type DashboardContainerWidth = "wide" | "narrow" | "full";
+type DashboardGridColumns = 2 | 3 | 4;
+interface DashboardPageContainerProps extends HTMLAttributes<HTMLElement> {
+    as?: DashboardContainerElement;
+    width?: DashboardContainerWidth;
+    children: ReactNode;
+}
+export declare function DashboardPageContainer({ as: Component, width, className, children, ...props }: DashboardPageContainerProps): import("react/jsx-runtime").JSX.Element;
+interface DashboardPageStackProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function DashboardPageStack({ className, children, ...props }: DashboardPageStackProps): import("react/jsx-runtime").JSX.Element;
+interface DashboardToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function DashboardToolbar({ className, children, ...props }: DashboardToolbarProps): import("react/jsx-runtime").JSX.Element;
+interface DashboardStatGridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: DashboardGridColumns;
+    children: ReactNode;
+}
+export declare function DashboardStatGrid({ columns, className, children, ...props }: DashboardStatGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dashboard-page.d.ts.map

package/cloud-ui/components/layout/dashboard-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/layout/dashboard-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,KAAK,yBAAyB,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5D,KAAK,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC1D,KAAK,oBAAoB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtC,UAAU,2BAA4B,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,EAAE,CAAC,EAAE,yBAAyB,CAAC;IAC/B,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAQD,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EAAE,SAAiB,EACrB,KAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAS7B;AAED,UAAU,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CASzB;AAED,UAAU,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAYvB;AAED,UAAU,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,OAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,2CASxB"}

package/cloud-ui/components/layout/dashboard-page.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+const containerWidths = {
+    wide: "mx-auto w-full max-w-[1400px]",
+    narrow: "mx-auto w-full max-w-5xl",
+    full: "w-full",
+};
+export function DashboardPageContainer({ as: Component = "div", width = "wide", className, children, ...props }) {
+    return (_jsx(Component, { className: cn("min-w-0", containerWidths[width], className), ...props, children: children }));
+}
+export function DashboardPageStack({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex min-w-0 flex-col gap-6 md:gap-8", className), ...props, children: children }));
+}
+export function DashboardToolbar({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", className), ...props, children: children }));
+}
+const statGridColumns = {
+    2: "grid-cols-1 sm:grid-cols-2",
+    3: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3",
+    4: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4",
+};
+export function DashboardStatGrid({ columns = 4, className, children, ...props }) {
+    return (_jsx("div", { className: cn("grid min-w-0 gap-3", statGridColumns[columns], className), ...props, children: children }));
+}