@lssm/lib.design-system 1.7.3 → 1.9.0

package/README.md

@@ -0,0 +1,99 @@
+# @lssm/lib.design-system
+
+High-level design system components, patterns, and layouts for LSSM applications. Built on top of `@lssm/lib.ui-kit`.
+
+## Purpose
+
+To standardize the look and feel of LSSM applications by providing:
+
+- **Composite Components**: Molecules and Organisms that solve common UI problems (headers, sidebars, cards).
+- **Layouts**: Ready-to-use page structures for dashboards, marketing sites, and lists.
+- **Data Views**: Standardized renderers for lists, tables, and details views.
+- **Forms**: Zod-integrated form layouts and components.
+- **Platform Utilities**: Hooks and helpers for responsive and adaptive design (Mobile/Web).
+- **Legal**: Compliant templates for Terms, Privacy, and GDPR.
+
+## Installation
+
+```bash
+npm install @lssm/lib.design-system
+# or
+bun add @lssm/lib.design-system
+```
+
+## Key Concepts
+
+- **Platform Agnostic Logic**: Business logic hooks are shared where possible.
+- **Platform Specific UI**: `.mobile.ts(x)` and `.web.ts(x)` extensions allow for tailored experiences while maintaining a unified API.
+- **Contract-Driven**: Components like `DataViewRenderer` and `ZodForm` are designed to work directly with `ContractSpec` definitions.
+- **Theming**: Centralized token bridge and variant definitions.
+
+## Exports
+
+### Atoms & Molecules
+
+- `Button`, `Input`, `Link` (Platform-aware wrappers)
+- `ActionButtons`, `DataChips`, `EmptyState`, `ErrorState`
+- `Breadcrumbs`, `CommandPalette`, `DropdownMenu`, `EntityCard`
+- `FiltersToolbar`, `LangSwitch`, `LoaderBlock`, `StatCard`
+
+### Organisms (Complex UI)
+
+- **App Shell**: `AppLayout`, `AppHeader`, `AppSidebar`, `Footer`
+- **Marketing**: `MarketingLayout`, `HeroSection`, `FeaturesSection`, `PricingSection`
+- **Lists**: `ListCardPage`, `ListGridPage`, `ListTablePage`
+- **Legal**: `LegalPageLayout`, `GDPRRights`, `ContactForm`
+
+### Data & Forms
+
+- `DataViewRenderer`: Auto-renders data based on schema.
+- `ZodForm`: Auto-generates forms from Zod schemas.
+- `FormLayout`, `FormDialog`, `FormStepsLayout`
+
+### Templates
+
+- `ListPageTemplate`
+- Legal: `PrivacyTemplate`, `TermsTemplate`, `CookiesTemplate`
+
+## Usage
+
+### App Layout
+
+```tsx
+import { AppLayout } from '@lssm/lib.design-system/components/organisms/AppLayout';
+import { AppSidebar } from '@lssm/lib.design-system/components/organisms/AppSidebar';
+
+export default function Layout({ children }) {
+  return <AppLayout sidebar={<AppSidebar />}>{children}</AppLayout>;
+}
+```
+
+### Zod Form
+
+```tsx
+import { ZodForm } from '@lssm/lib.design-system/components/forms/ZodForm';
+import { z } from 'zod';
+
+const schema = z.object({
+  name: z.string().min(1),
+  email: z.string().email(),
+});
+
+export function SignupForm() {
+  return (
+    <ZodForm
+      schema={schema}
+      onSubmit={(data) => console.log(data)}
+      submitLabel="Sign Up"
+    />
+  );
+}
+```
+
+
+
+
+
+
+
+

package/dist/_virtual/rolldown_runtime.js

@@ -6,25 +6,34 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __esm = (fn, res) => function() {
 	return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
-var __export = (all) => {
+var __export = (all, symbols) => {
 	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
 	return target;
 };
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __hasOwnProp.call(mod, "module.exports") ? mod["module.exports"] : __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
 	if (typeof require !== "undefined") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");

package/dist/components/agent/AgentMonitor.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/agent/AgentMonitor.d.ts
+interface AgentSessionSnapshot {
+  sessionId: string;
+  agent: string;
+  status: string;
+  tenantId?: string;
+  confidence?: number;
+  iterations?: number;
+  updatedAt: Date;
+}
+interface AgentMonitorProps {
+  title?: string;
+  sessions: AgentSessionSnapshot[];
+  highlightStatus?: string;
+  onSelectSession?: (session: AgentSessionSnapshot) => void;
+  className?: string;
+}
+declare function AgentMonitor({
+  title,
+  sessions,
+  highlightStatus,
+  onSelectSession,
+  className
+}: AgentMonitorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AgentMonitor, AgentMonitorProps, AgentSessionSnapshot };
+//# sourceMappingURL=AgentMonitor.d.ts.map

package/dist/components/agent/AgentMonitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentMonitor.d.ts","names":[],"sources":["../../../src/components/agent/AgentMonitor.tsx"],"sourcesContent":[],"mappings":";;;UAOiB,oBAAA;;;EAAA,MAAA,EAAA,MAAA;EAUA,QAAA,CAAA,EAAA,MAAA;EAQD,UAAA,CAAA,EAAA,MAAY;EAC1B,UAAA,CAAA,EAAA,MAAA;EACA,SAAA,EAbW,IAaX;;AAEA,UAZe,iBAAA,CAYf;EACA,KAAA,CAAA,EAAA,MAAA;EACC,QAAA,EAZS,oBAYT,EAAA;EAAiB,eAAA,CAAA,EAAA,MAAA;EAAA,eAAA,CAAA,EAAA,CAAA,OAAA,EAVU,oBAUV,EAAA,GAAA,IAAA;;;iBANJ,YAAA;;;;;;GAMb,oBAAiB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/agent/AgentMonitor.js

@@ -0,0 +1,79 @@
+'use client';
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Card, CardContent, CardHeader } from "@lssm/lib.ui-kit-web/ui/card";
+import { Badge } from "@lssm/lib.ui-kit-web/ui/badge";
+
+//#region src/components/agent/AgentMonitor.tsx
+function AgentMonitor({ title = "Agent Activity", sessions, highlightStatus = "escalated", onSelectSession, className }) {
+	return /* @__PURE__ */ jsxs(Card, {
+		className,
+		children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx("h3", {
+			className: "text-xl font-semibold",
+			children: title
+		}) }), /* @__PURE__ */ jsx(CardContent, {
+			className: "space-y-3",
+			children: sessions.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "No active sessions in the last hour."
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "divide-border divide-y rounded-md border",
+				children: sessions.map((session) => /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => onSelectSession?.(session),
+					className: cn("hover:bg-muted/40 flex w-full items-center gap-4 px-4 py-3 text-left transition", !onSelectSession && "cursor-default"),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ jsxs("p", {
+							className: "font-medium",
+							children: [
+								session.agent,
+								" ",
+								/* @__PURE__ */ jsxs("span", {
+									className: "text-muted-foreground text-sm",
+									children: ["· ", session.tenantId ?? "global"]
+								})
+							]
+						}), /* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground text-sm",
+							children: [
+								session.iterations ?? 0,
+								" turns · Updated",
+								" ",
+								formatRelative(session.updatedAt)
+							]
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3",
+						children: [typeof session.confidence === "number" && /* @__PURE__ */ jsx(ConfidencePill, { value: session.confidence }), /* @__PURE__ */ jsx(Badge, {
+							variant: session.status === highlightStatus ? "destructive" : "secondary",
+							children: session.status
+						})]
+					})]
+				}, session.sessionId))
+			})
+		})]
+	});
+}
+function ConfidencePill({ value }) {
+	const percent = Math.round(value * 100);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-full px-3 py-1 text-sm font-medium", percent >= 75 ? "bg-emerald-500/15 text-emerald-500" : "bg-amber-500/15 text-amber-600"),
+		children: [percent, "%"]
+	});
+}
+function formatRelative(date) {
+	const formatter = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+	const deltaMinutes = Math.round((Date.now() - new Date(date).getTime()) / 6e4);
+	if (Math.abs(deltaMinutes) < 60) return formatter.format(-deltaMinutes, "minute");
+	const deltaHours = Math.round(deltaMinutes / 60);
+	if (Math.abs(deltaHours) < 24) return formatter.format(-deltaHours, "hour");
+	const deltaDays = Math.round(deltaHours / 24);
+	return formatter.format(-deltaDays, "day");
+}
+
+//#endregion
+export { AgentMonitor };
+//# sourceMappingURL=AgentMonitor.js.map

package/dist/components/agent/AgentMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentMonitor.js","names":[],"sources":["../../../src/components/agent/AgentMonitor.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Card, CardContent, CardHeader } from '@lssm/lib.ui-kit-web/ui/card';\nimport { Badge } from '@lssm/lib.ui-kit-web/ui/badge';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface AgentSessionSnapshot {\n  sessionId: string;\n  agent: string;\n  status: string;\n  tenantId?: string;\n  confidence?: number;\n  iterations?: number;\n  updatedAt: Date;\n}\n\nexport interface AgentMonitorProps {\n  title?: string;\n  sessions: AgentSessionSnapshot[];\n  highlightStatus?: string;\n  onSelectSession?: (session: AgentSessionSnapshot) => void;\n  className?: string;\n}\n\nexport function AgentMonitor({\n  title = 'Agent Activity',\n  sessions,\n  highlightStatus = 'escalated',\n  onSelectSession,\n  className,\n}: AgentMonitorProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <h3 className=\"text-xl font-semibold\">{title}</h3>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        {sessions.length === 0 ? (\n          <p className=\"text-muted-foreground text-sm\">\n            No active sessions in the last hour.\n          </p>\n        ) : (\n          <div className=\"divide-border divide-y rounded-md border\">\n            {sessions.map((session) => (\n              <button\n                key={session.sessionId}\n                type=\"button\"\n                onClick={() => onSelectSession?.(session)}\n                className={cn(\n                  'hover:bg-muted/40 flex w-full items-center gap-4 px-4 py-3 text-left transition',\n                  !onSelectSession && 'cursor-default'\n                )}\n              >\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"font-medium\">\n                    {session.agent}{' '}\n                    <span className=\"text-muted-foreground text-sm\">\n                      · {session.tenantId ?? 'global'}\n                    </span>\n                  </p>\n                  <p className=\"text-muted-foreground text-sm\">\n                    {session.iterations ?? 0} turns · Updated{' '}\n                    {formatRelative(session.updatedAt)}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  {typeof session.confidence === 'number' && (\n                    <ConfidencePill value={session.confidence} />\n                  )}\n                  <Badge\n                    variant={\n                      session.status === highlightStatus\n                        ? 'destructive'\n                        : 'secondary'\n                    }\n                  >\n                    {session.status}\n                  </Badge>\n                </div>\n              </button>\n            ))}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction ConfidencePill({ value }: { value: number }) {\n  const percent = Math.round(value * 100);\n  return (\n    <div\n      className={cn(\n        'rounded-full px-3 py-1 text-sm font-medium',\n        percent >= 75\n          ? 'bg-emerald-500/15 text-emerald-500'\n          : 'bg-amber-500/15 text-amber-600'\n      )}\n    >\n      {percent}%\n    </div>\n  );\n}\n\nfunction formatRelative(date: Date) {\n  const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });\n  const deltaMinutes = Math.round(\n    (Date.now() - new Date(date).getTime()) / 60000\n  );\n  if (Math.abs(deltaMinutes) < 60) {\n    return formatter.format(-deltaMinutes, 'minute');\n  }\n  const deltaHours = Math.round(deltaMinutes / 60);\n  if (Math.abs(deltaHours) < 24) {\n    return formatter.format(-deltaHours, 'hour');\n  }\n  const deltaDays = Math.round(deltaHours / 24);\n  return formatter.format(-deltaDays, 'day');\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAgB,aAAa,EAC3B,QAAQ,kBACR,UACA,kBAAkB,aAClB,iBACA,aACoB;AACpB,QACE,qBAAC;EAAgB;aACf,oBAAC,wBACC,oBAAC;GAAG,WAAU;aAAyB;IAAW,GACvC,EACb,oBAAC;GAAY,WAAU;aACpB,SAAS,WAAW,IACnB,oBAAC;IAAE,WAAU;cAAgC;KAEzC,GAEJ,oBAAC;IAAI,WAAU;cACZ,SAAS,KAAK,YACb,qBAAC;KAEC,MAAK;KACL,eAAe,kBAAkB,QAAQ;KACzC,WAAW,GACT,mFACA,CAAC,mBAAmB,iBACrB;gBAED,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAE,WAAU;;QACV,QAAQ;QAAO;QAChB,qBAAC;SAAK,WAAU;oBAAgC,MAC3C,QAAQ,YAAY;UAClB;;QACL,EACJ,qBAAC;OAAE,WAAU;;QACV,QAAQ,cAAc;QAAE;QAAiB;QACzC,eAAe,QAAQ,UAAU;;QAChC;OACA,EACN,qBAAC;MAAI,WAAU;iBACZ,OAAO,QAAQ,eAAe,YAC7B,oBAAC,kBAAe,OAAO,QAAQ,aAAc,EAE/C,oBAAC;OACC,SACE,QAAQ,WAAW,kBACf,gBACA;iBAGL,QAAQ;QACH;OACJ;OAjCD,QAAQ,UAkCN,CACT;KACE;IAEI;GACT;;AAIX,SAAS,eAAe,EAAE,SAA4B;CACpD,MAAM,UAAU,KAAK,MAAM,QAAQ,IAAI;AACvC,QACE,qBAAC;EACC,WAAW,GACT,8CACA,WAAW,KACP,uCACA,iCACL;aAEA,SAAQ;GACL;;AAIV,SAAS,eAAe,MAAY;CAClC,MAAM,YAAY,IAAI,KAAK,mBAAmB,QAAW,EAAE,SAAS,QAAQ,CAAC;CAC7E,MAAM,eAAe,KAAK,OACvB,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,IAAI,IAC3C;AACD,KAAI,KAAK,IAAI,aAAa,GAAG,GAC3B,QAAO,UAAU,OAAO,CAAC,cAAc,SAAS;CAElD,MAAM,aAAa,KAAK,MAAM,eAAe,GAAG;AAChD,KAAI,KAAK,IAAI,WAAW,GAAG,GACzB,QAAO,UAAU,OAAO,CAAC,YAAY,OAAO;CAE9C,MAAM,YAAY,KAAK,MAAM,aAAa,GAAG;AAC7C,QAAO,UAAU,OAAO,CAAC,WAAW,MAAM"}

package/dist/components/agent/ApprovalQueue.d.ts

@@ -0,0 +1,26 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { ApprovalRequest } from "@lssm/lib.ai-agent/approval";
+
+//#region src/components/agent/ApprovalQueue.d.ts
+interface ApprovalQueueProps {
+  title?: string;
+  description?: string;
+  requests: ApprovalRequest[];
+  onApprove?: (request: ApprovalRequest) => void;
+  onReject?: (request: ApprovalRequest) => void;
+  className?: string;
+  emptyState?: React$1.ReactNode;
+}
+declare function ApprovalQueue({
+  title,
+  description,
+  requests,
+  onApprove,
+  onReject,
+  className,
+  emptyState
+}: ApprovalQueueProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { ApprovalQueue, ApprovalQueueProps };
+//# sourceMappingURL=ApprovalQueue.d.ts.map

package/dist/components/agent/ApprovalQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalQueue.d.ts","names":[],"sources":["../../../src/components/agent/ApprovalQueue.tsx"],"sourcesContent":[],"mappings":";;;;;UAiBiB,kBAAA;;;EAAA,QAAA,EAGL,eAHuB,EAAA;EAGvB,SAAA,CAAA,EAAA,CAAA,OAAA,EACY,eADZ,EAAA,GAAA,IAAA;EACY,QAAA,CAAA,EAAA,CAAA,OAAA,EACD,eADC,EAAA,GAAA,IAAA;EACD,SAAA,CAAA,EAAA,MAAA;EAER,UAAM,CAAA,EAAN,OAAA,CAAM,SAAA;;AAGL,iBAAA,aAAA,CAAa;EAAA,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAU1B,kBAV0B,CAAA,EAUR,kBAAA,CAAA,GAAA,CAAA,OAVQ"}

package/dist/components/agent/ApprovalQueue.js

@@ -0,0 +1,89 @@
+'use client';
+
+import "react";
+import { Button } from "@lssm/lib.ui-kit-web/ui/button";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@lssm/lib.ui-kit-web/ui/table";
+import { Card, CardContent, CardHeader } from "@lssm/lib.ui-kit-web/ui/card";
+import { Badge } from "@lssm/lib.ui-kit-web/ui/badge";
+
+//#region src/components/agent/ApprovalQueue.tsx
+function ApprovalQueue({ title = "Approvals", description = "Requests escalated by AI agents", requests, onApprove, onReject, className, emptyState = /* @__PURE__ */ jsx("p", {
+	className: "text-muted-foreground",
+	children: "Nothing waiting for review."
+}) }) {
+	return /* @__PURE__ */ jsxs(Card, {
+		className,
+		children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "text-xl font-semibold",
+				children: title
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: description
+			})]
+		}) }), /* @__PURE__ */ jsx(CardContent, { children: requests.length === 0 ? emptyState : /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+			/* @__PURE__ */ jsx(TableHead, { children: "Agent" }),
+			/* @__PURE__ */ jsx(TableHead, { children: "Reason" }),
+			/* @__PURE__ */ jsx(TableHead, { children: "Tenant" }),
+			/* @__PURE__ */ jsx(TableHead, { children: "Requested" }),
+			/* @__PURE__ */ jsx(TableHead, { children: "Status" }),
+			/* @__PURE__ */ jsx(TableHead, {
+				className: "text-right",
+				children: "Actions"
+			})
+		] }) }), /* @__PURE__ */ jsx(TableBody, { children: requests.map((request) => /* @__PURE__ */ jsxs(TableRow, { children: [
+			/* @__PURE__ */ jsx(TableCell, {
+				className: "font-medium",
+				children: request.agent
+			}),
+			/* @__PURE__ */ jsx(TableCell, {
+				className: "max-w-sm truncate",
+				children: request.reason
+			}),
+			/* @__PURE__ */ jsx(TableCell, { children: request.tenantId ?? "—" }),
+			/* @__PURE__ */ jsx(TableCell, { children: formatRelative(request.requestedAt) }),
+			/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, {
+				variant: badgeVariant(request.status),
+				children: request.status
+			}) }),
+			/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", {
+				className: "flex justify-end gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "secondary",
+					disabled: request.status !== "pending",
+					onClick: () => onReject?.(request),
+					children: "Reject"
+				}), /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					disabled: request.status !== "pending",
+					onClick: () => onApprove?.(request),
+					children: "Approve"
+				})]
+			}) })
+		] }, request.id)) })] }) })]
+	});
+}
+function badgeVariant(status) {
+	switch (status) {
+		case "approved": return "default";
+		case "rejected": return "destructive";
+		default: return "secondary";
+	}
+}
+function formatRelative(date) {
+	const formatter = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+	const deltaMinutes = Math.round((Date.now() - new Date(date).getTime()) / 6e4);
+	if (Math.abs(deltaMinutes) < 60) return formatter.format(-deltaMinutes, "minute");
+	const deltaHours = Math.round(deltaMinutes / 60);
+	if (Math.abs(deltaHours) < 24) return formatter.format(-deltaHours, "hour");
+	const deltaDays = Math.round(deltaHours / 24);
+	return formatter.format(-deltaDays, "day");
+}
+
+//#endregion
+export { ApprovalQueue };
+//# sourceMappingURL=ApprovalQueue.js.map

package/dist/components/agent/ApprovalQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalQueue.js","names":[],"sources":["../../../src/components/agent/ApprovalQueue.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ApprovalRequest } from '@lssm/lib.ai-agent/approval';\nimport {\n  Table,\n  TableHead,\n  TableRow,\n  TableHeader,\n  TableBody,\n  TableCell,\n} from '@lssm/lib.ui-kit-web/ui/table';\nimport { Card, CardHeader, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\nimport { Badge } from '@lssm/lib.ui-kit-web/ui/badge';\nimport { Button } from '@lssm/lib.ui-kit-web/ui/button';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface ApprovalQueueProps {\n  title?: string;\n  description?: string;\n  requests: ApprovalRequest[];\n  onApprove?: (request: ApprovalRequest) => void;\n  onReject?: (request: ApprovalRequest) => void;\n  className?: string;\n  emptyState?: React.ReactNode;\n}\n\nexport function ApprovalQueue({\n  title = 'Approvals',\n  description = 'Requests escalated by AI agents',\n  requests,\n  onApprove,\n  onReject,\n  className,\n  emptyState = (\n    <p className=\"text-muted-foreground\">Nothing waiting for review.</p>\n  ),\n}: ApprovalQueueProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <div className=\"space-y-1\">\n          <h3 className=\"text-xl font-semibold\">{title}</h3>\n          <p className=\"text-muted-foreground text-sm\">{description}</p>\n        </div>\n      </CardHeader>\n      <CardContent>\n        {requests.length === 0 ? (\n          emptyState\n        ) : (\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>Agent</TableHead>\n                <TableHead>Reason</TableHead>\n                <TableHead>Tenant</TableHead>\n                <TableHead>Requested</TableHead>\n                <TableHead>Status</TableHead>\n                <TableHead className=\"text-right\">Actions</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {requests.map((request) => (\n                <TableRow key={request.id}>\n                  <TableCell className=\"font-medium\">{request.agent}</TableCell>\n                  <TableCell className=\"max-w-sm truncate\">\n                    {request.reason}\n                  </TableCell>\n                  <TableCell>{request.tenantId ?? '—'}</TableCell>\n                  <TableCell>{formatRelative(request.requestedAt)}</TableCell>\n                  <TableCell>\n                    <Badge variant={badgeVariant(request.status)}>\n                      {request.status}\n                    </Badge>\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"flex justify-end gap-2\">\n                      <Button\n                        size=\"sm\"\n                        variant=\"secondary\"\n                        disabled={request.status !== 'pending'}\n                        onClick={() => onReject?.(request)}\n                      >\n                        Reject\n                      </Button>\n                      <Button\n                        size=\"sm\"\n                        disabled={request.status !== 'pending'}\n                        onClick={() => onApprove?.(request)}\n                      >\n                        Approve\n                      </Button>\n                    </div>\n                  </TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction badgeVariant(\n  status: ApprovalRequest['status']\n): 'default' | 'secondary' | 'outline' | 'destructive' {\n  switch (status) {\n    case 'approved':\n      return 'default';\n    case 'rejected':\n      return 'destructive';\n    default:\n      return 'secondary';\n  }\n}\n\nfunction formatRelative(date: Date) {\n  const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });\n  const deltaMinutes = Math.round(\n    (Date.now() - new Date(date).getTime()) / 60000\n  );\n  if (Math.abs(deltaMinutes) < 60) {\n    return formatter.format(-deltaMinutes, 'minute');\n  }\n  const deltaHours = Math.round(deltaMinutes / 60);\n  if (Math.abs(deltaHours) < 24) {\n    return formatter.format(-deltaHours, 'hour');\n  }\n  const deltaDays = Math.round(deltaHours / 24);\n  return formatter.format(-deltaDays, 'day');\n}\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,cAAc,EAC5B,QAAQ,aACR,cAAc,mCACd,UACA,WACA,UACA,WACA,aACE,oBAAC;CAAE,WAAU;WAAwB;EAA+B,IAEjD;AACrB,QACE,qBAAC;EAAgB;aACf,oBAAC,wBACC,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAyB;KAAW,EAClD,oBAAC;IAAE,WAAU;cAAiC;KAAgB;IAC1D,GACK,EACb,oBAAC,yBACE,SAAS,WAAW,IACnB,aAEA,qBAAC,oBACC,oBAAC,yBACC,qBAAC;GACC,oBAAC,uBAAU,UAAiB;GAC5B,oBAAC,uBAAU,WAAkB;GAC7B,oBAAC,uBAAU,WAAkB;GAC7B,oBAAC,uBAAU,cAAqB;GAChC,oBAAC,uBAAU,WAAkB;GAC7B,oBAAC;IAAU,WAAU;cAAa;KAAmB;MAC5C,GACC,EACd,oBAAC,uBACE,SAAS,KAAK,YACb,qBAAC;GACC,oBAAC;IAAU,WAAU;cAAe,QAAQ;KAAkB;GAC9D,oBAAC;IAAU,WAAU;cAClB,QAAQ;KACC;GACZ,oBAAC,uBAAW,QAAQ,YAAY,MAAgB;GAChD,oBAAC,uBAAW,eAAe,QAAQ,YAAY,GAAa;GAC5D,oBAAC,uBACC,oBAAC;IAAM,SAAS,aAAa,QAAQ,OAAO;cACzC,QAAQ;KACH,GACE;GACZ,oBAAC,uBACC,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,MAAK;KACL,SAAQ;KACR,UAAU,QAAQ,WAAW;KAC7B,eAAe,WAAW,QAAQ;eACnC;MAEQ,EACT,oBAAC;KACC,MAAK;KACL,UAAU,QAAQ,WAAW;KAC7B,eAAe,YAAY,QAAQ;eACpC;MAEQ;KACL,GACI;OA9BC,QAAQ,GA+BZ,CACX,GACQ,IACN,GAEE;GACT;;AAIX,SAAS,aACP,QACqD;AACrD,SAAQ,QAAR;EACE,KAAK,WACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,eAAe,MAAY;CAClC,MAAM,YAAY,IAAI,KAAK,mBAAmB,QAAW,EAAE,SAAS,QAAQ,CAAC;CAC7E,MAAM,eAAe,KAAK,OACvB,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,IAAI,IAC3C;AACD,KAAI,KAAK,IAAI,aAAa,GAAG,GAC3B,QAAO,UAAU,OAAO,CAAC,cAAc,SAAS;CAElD,MAAM,aAAa,KAAK,MAAM,eAAe,GAAG;AAChD,KAAI,KAAK,IAAI,WAAW,GAAG,GACzB,QAAO,UAAU,OAAO,CAAC,YAAY,OAAO;CAE9C,MAAM,YAAY,KAAK,MAAM,aAAa,GAAG;AAC7C,QAAO,UAAU,OAAO,CAAC,WAAW,MAAM"}

package/dist/components/atoms/ActionButtons.d.ts

@@ -1,26 +1,26 @@
 import { ButtonProps } from "./Button.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types19 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/atoms/ActionButtons.d.ts
 declare const actionBtn: (props?: ({
-  tone?: "subtle" | "neutral" | "danger" | "outline" | null | undefined;
+  tone?: "neutral" | "danger" | "subtle" | "outline" | null | undefined;
   size?: "sm" | "md" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types19.ClassProp) | undefined) => string;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 type ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> & VariantProps<typeof actionBtn> & {
   label?: React$1.ReactNode;
   iconLeft?: React$1.ReactNode;
 };
-declare function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>): react_jsx_runtime119.JSX.Element;
-declare function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime119.JSX.Element;
-declare function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime119.JSX.Element;
+declare function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>): react_jsx_runtime2.JSX.Element;
+declare function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime2.JSX.Element;
+declare function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime2.JSX.Element;
 declare function ToggleButton(props: Omit<ActionBtnProps, 'iconLeft'> & {
   active?: boolean;
-}): react_jsx_runtime119.JSX.Element;
-declare function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime119.JSX.Element;
-declare function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime119.JSX.Element;
+}): react_jsx_runtime2.JSX.Element;
+declare function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime2.JSX.Element;
+declare function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton };
 //# sourceMappingURL=ActionButtons.d.ts.map

package/dist/components/atoms/ActionButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.d.ts","names":[],"sources":["../../../src/components/atoms/ActionButtons.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaM;;;IAgBJ,gCAAA,CAAA;AA3BgE,KA6B7D,cAAA,GAAiB,IAFpB,CAEyB,WAFzB,EAAA,MAAA,GAAA,SAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,SAHpB,CAAA,GAAA;EAEG,KAAA,CAAA,EAEO,OAAA,CAAM,SAFC;EAAQ,QAAA,CAAA,EAGZ,OAAA,CAAM,SAHM;CAAL;AACA,iBAwDN,UAAA,CAxDM,KAAA,EAwDY,IAxDZ,CAwDiB,cAxDjB,EAAA,UAAA,GAAA,MAAA,CAAA,CAAA,EAwDqD,oBAAA,CAAA,GAAA,CAAA,OAxDrD;AAApB,iBA8Dc,YAAA,CA9Dd,KAAA,EA8DkC,IA9DlC,CA8DuC,cA9DvC,EAAA,UAAA,CAAA,CAAA,EA8DkE,oBAAA,CAAA,GAAA,CAAA,OA9DlE;AACU,iBAuEI,UAAA,CAvEE,KAAA,EAuEgB,IAvEhB,CAuEqB,cAvErB,EAAA,UAAA,CAAA,CAAA,EAuEgD,oBAAA,CAAA,GAAA,CAAA,OAvEhD;AACH,iBA4EC,YAAA,CA5EK,KAAA,EA6EZ,IA7EY,CA6EP,cA7EO,EAAA,UAAA,CAAA,GAAA;EAAS,MAAA,CAAA,EAAA,OAAA;AAsD9B,CAAA,CAAA,EAuBgE,oBAAA,CAAA,GAAA,CAAA,OAvBtC;AAAa,iBAwCvB,gBAAA,CAxCuB,KAAA,EAwCC,IAxCD,CAwCM,cAxCN,EAAA,UAAA,CAAA,CAAA,EAwCiC,oBAAA,CAAA,GAAA,CAAA,OAxCjC;AAAL,iBAiDlB,iBAAA,CAjDkB,KAAA,EAiDO,IAjDP,CAiDY,cAjDZ,EAAA,UAAA,CAAA,CAAA,EAiDuC,oBAAA,CAAA,GAAA,CAAA,OAjDvC"}
+{"version":3,"file":"ActionButtons.d.ts","names":[],"sources":["../../../src/components/atoms/ActionButtons.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaM;;;IAgBJ,+BAAA,CAAA;AA3BgE,KA6B7D,cAAA,GAAiB,IAFpB,CAEyB,WAFzB,EAAA,MAAA,GAAA,SAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,SAHpB,CAAA,GAAA;EAEG,KAAA,CAAA,EAEO,OAAA,CAAM,SAFC;EAAQ,QAAA,CAAA,EAGZ,OAAA,CAAM,SAHM;CAAL;AACA,iBAwDN,UAAA,CAxDM,KAAA,EAwDY,IAxDZ,CAwDiB,cAxDjB,EAAA,UAAA,GAAA,MAAA,CAAA,CAAA,EAwDqD,kBAAA,CAAA,GAAA,CAAA,OAxDrD;AAApB,iBA8Dc,YAAA,CA9Dd,KAAA,EA8DkC,IA9DlC,CA8DuC,cA9DvC,EAAA,UAAA,CAAA,CAAA,EA8DkE,kBAAA,CAAA,GAAA,CAAA,OA9DlE;AACU,iBAuEI,UAAA,CAvEE,KAAA,EAuEgB,IAvEhB,CAuEqB,cAvErB,EAAA,UAAA,CAAA,CAAA,EAuEgD,kBAAA,CAAA,GAAA,CAAA,OAvEhD;AACH,iBA4EC,YAAA,CA5EK,KAAA,EA6EZ,IA7EY,CA6EP,cA7EO,EAAA,UAAA,CAAA,GAAA;EAAS,MAAA,CAAA,EAAA,OAAA;AAsD9B,CAAA,CAAA,EAuBgE,kBAAA,CAAA,GAAA,CAAA,OAvBtC;AAAa,iBAwCvB,gBAAA,CAxCuB,KAAA,EAwCC,IAxCD,CAwCM,cAxCN,EAAA,UAAA,CAAA,CAAA,EAwCiC,kBAAA,CAAA,GAAA,CAAA,OAxCjC;AAAL,iBAiDlB,iBAAA,CAjDkB,KAAA,EAiDO,IAjDP,CAiDY,cAjDZ,EAAA,UAAA,CAAA,CAAA,EAiDuC,kBAAA,CAAA,GAAA,CAAA,OAjDvC"}

package/dist/components/atoms/ActionButtons.js

@@ -1,10 +1,10 @@
 import { Button } from "./Button.js";
-import { Box } from "../../ui-kit-web/dist/ui/stack.js";
-import { Text } from "../../ui-kit-web/dist/ui/text.js";
 import "react";
+import { Edit, Eye, ToggleLeft, ToggleRight, Trash2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { Edit, Eye, ToggleLeft, ToggleRight, Trash2 } from "lucide-react";
+import { Box } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Text } from "@lssm/lib.ui-kit-web/ui/text";
 
 //#region src/components/atoms/ActionButtons.tsx
 cva("", {
@@ -43,7 +43,7 @@ function toSize(size) {
 		default: return "default";
 	}
 }
-function ActionButtonBase({ tone = "neutral", size = "md", label, iconLeft,...props }) {
+function ActionButtonBase({ tone = "neutral", size = "md", label, iconLeft, ...props }) {
 	return /* @__PURE__ */ jsxs(Button, {
 		variant: toVariant(tone || "neutral"),
 		size: toSize(size || "md"),
@@ -74,7 +74,7 @@ function ViewButton(props) {
 	});
 }
 function ToggleButton(props) {
-	const { active,...rest } = props;
+	const { active, ...rest } = props;
 	return /* @__PURE__ */ jsx(ActionButtonBase, {
 		iconLeft: active ? /* @__PURE__ */ jsx(ToggleLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ToggleRight, { className: "h-4 w-4" }),
 		...rest

package/dist/components/atoms/ActionButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.js","names":["EditIcon","DeleteIcon","ViewIcon","ToggleLeftIcon","ToggleRightIcon"],"sources":["../../../src/components/atoms/ActionButtons.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Edit as EditIcon,\n  Eye as ViewIcon,\n  ToggleLeft as ToggleLeftIcon,\n  ToggleRight as ToggleRightIcon,\n  Trash2 as DeleteIcon,\n} from 'lucide-react';\nimport { Box } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit-web/ui/text';\n\nconst actionBtn = cva('', {\n  variants: {\n    tone: {\n      neutral: 'default',\n      danger: 'destructive',\n      subtle: 'secondary',\n      outline: 'outline',\n    },\n    size: {\n      sm: 'sm',\n      md: 'default',\n      lg: 'lg',\n      icon: 'icon',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'md' },\n});\n\ntype ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> &\n  VariantProps<typeof actionBtn> & {\n    label?: React.ReactNode;\n    iconLeft?: React.ReactNode;\n  };\n\nfunction toVariant(\n  tone: NonNullable<VariantProps<typeof actionBtn>['tone']>\n): ButtonProps['variant'] {\n  switch (tone) {\n    case 'danger':\n      return 'destructive';\n    case 'subtle':\n      return 'secondary';\n    case 'outline':\n      return 'outline';\n    default:\n      return 'default';\n  }\n}\n\nfunction toSize(\n  size: NonNullable<VariantProps<typeof actionBtn>['size']>\n): ButtonProps['size'] {\n  switch (size) {\n    case 'sm':\n      return 'sm';\n    case 'lg':\n      return 'lg';\n    case 'icon':\n      return 'icon';\n    default:\n      return 'default';\n  }\n}\n\nfunction ActionButtonBase({\n  tone = 'neutral',\n  size = 'md',\n  label,\n  iconLeft,\n  ...props\n}: ActionBtnProps) {\n  return (\n    <Button\n      variant={toVariant(tone || 'neutral')}\n      size={toSize(size || 'md')}\n      {...props}\n    >\n      {iconLeft ? (\n        <Box className=\"mr-2 inline-flex h-4 w-4\">{iconLeft}</Box>\n      ) : null}\n      <Text>{label}</Text>\n    </Button>\n  );\n}\n\nexport function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>) {\n  return (\n    <ActionButtonBase iconLeft={<EditIcon className=\"h-4 w-4\" />} {...props} />\n  );\n}\n\nexport function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<DeleteIcon className=\"h-4 w-4\" />}\n      tone=\"danger\"\n      {...props}\n    />\n  );\n}\n\nexport function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase iconLeft={<ViewIcon className=\"h-4 w-4\" />} {...props} />\n  );\n}\n\nexport function ToggleButton(\n  props: Omit<ActionBtnProps, 'iconLeft'> & { active?: boolean }\n) {\n  const { active, ...rest } = props;\n  return (\n    <ActionButtonBase\n      iconLeft={\n        active ? (\n          <ToggleLeftIcon className=\"h-4 w-4\" />\n        ) : (\n          <ToggleRightIcon className=\"h-4 w-4\" />\n        )\n      }\n      {...rest}\n    />\n  );\n}\n\nexport function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<ToggleLeftIcon className=\"h-4 w-4\" />}\n      {...props}\n    />\n  );\n}\n\nexport function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<ToggleRightIcon className=\"h-4 w-4\" />}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAakB,IAAI,IAAI;CACxB,UAAU;EACR,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EAAE,MAAM;EAAW,MAAM;EAAM;CACjD,CAAC;AAQF,SAAS,UACP,MACwB;AACxB,SAAQ,MAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,OACP,MACqB;AACrB,SAAQ,MAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,iBAAiB,EACxB,OAAO,WACP,OAAO,MACP,OACA,SACA,GAAG,SACc;AACjB,QACE,qBAAC;EACC,SAAS,UAAU,QAAQ,UAAU;EACrC,MAAM,OAAO,QAAQ,KAAK;EAC1B,GAAI;aAEH,WACC,oBAAC;GAAI,WAAU;aAA4B;IAAe,GACxD,MACJ,oBAAC,kBAAM,QAAa;GACb;;AAIb,SAAgB,WAAW,OAAkD;AAC3E,QACE,oBAAC;EAAiB,UAAU,oBAACA,QAAS,WAAU,YAAY;EAAE,GAAI;GAAS;;AAI/E,SAAgB,aAAa,OAAyC;AACpE,QACE,oBAAC;EACC,UAAU,oBAACC,UAAW,WAAU,YAAY;EAC5C,MAAK;EACL,GAAI;GACJ;;AAIN,SAAgB,WAAW,OAAyC;AAClE,QACE,oBAAC;EAAiB,UAAU,oBAACC,OAAS,WAAU,YAAY;EAAE,GAAI;GAAS;;AAI/E,SAAgB,aACd,OACA;CACA,MAAM,EAAE,OAAQ,GAAG,SAAS;AAC5B,QACE,oBAAC;EACC,UACE,SACE,oBAACC,cAAe,WAAU,YAAY,GAEtC,oBAACC,eAAgB,WAAU,YAAY;EAG3C,GAAI;GACJ;;AAIN,SAAgB,iBAAiB,OAAyC;AACxE,QACE,oBAAC;EACC,UAAU,oBAACD,cAAe,WAAU,YAAY;EAChD,GAAI;GACJ;;AAIN,SAAgB,kBAAkB,OAAyC;AACzE,QACE,oBAAC;EACC,UAAU,oBAACC,eAAgB,WAAU,YAAY;EACjD,GAAI;GACJ"}
+{"version":3,"file":"ActionButtons.js","names":["EditIcon","DeleteIcon","ViewIcon","ToggleLeftIcon","ToggleRightIcon"],"sources":["../../../src/components/atoms/ActionButtons.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Edit as EditIcon,\n  Eye as ViewIcon,\n  ToggleLeft as ToggleLeftIcon,\n  ToggleRight as ToggleRightIcon,\n  Trash2 as DeleteIcon,\n} from 'lucide-react';\nimport { Box } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit-web/ui/text';\n\nconst actionBtn = cva('', {\n  variants: {\n    tone: {\n      neutral: 'default',\n      danger: 'destructive',\n      subtle: 'secondary',\n      outline: 'outline',\n    },\n    size: {\n      sm: 'sm',\n      md: 'default',\n      lg: 'lg',\n      icon: 'icon',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'md' },\n});\n\ntype ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> &\n  VariantProps<typeof actionBtn> & {\n    label?: React.ReactNode;\n    iconLeft?: React.ReactNode;\n  };\n\nfunction toVariant(\n  tone: NonNullable<VariantProps<typeof actionBtn>['tone']>\n): ButtonProps['variant'] {\n  switch (tone) {\n    case 'danger':\n      return 'destructive';\n    case 'subtle':\n      return 'secondary';\n    case 'outline':\n      return 'outline';\n    default:\n      return 'default';\n  }\n}\n\nfunction toSize(\n  size: NonNullable<VariantProps<typeof actionBtn>['size']>\n): ButtonProps['size'] {\n  switch (size) {\n    case 'sm':\n      return 'sm';\n    case 'lg':\n      return 'lg';\n    case 'icon':\n      return 'icon';\n    default:\n      return 'default';\n  }\n}\n\nfunction ActionButtonBase({\n  tone = 'neutral',\n  size = 'md',\n  label,\n  iconLeft,\n  ...props\n}: ActionBtnProps) {\n  return (\n    <Button\n      variant={toVariant(tone || 'neutral')}\n      size={toSize(size || 'md')}\n      {...props}\n    >\n      {iconLeft ? (\n        <Box className=\"mr-2 inline-flex h-4 w-4\">{iconLeft}</Box>\n      ) : null}\n      <Text>{label}</Text>\n    </Button>\n  );\n}\n\nexport function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>) {\n  return (\n    <ActionButtonBase iconLeft={<EditIcon className=\"h-4 w-4\" />} {...props} />\n  );\n}\n\nexport function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<DeleteIcon className=\"h-4 w-4\" />}\n      tone=\"danger\"\n      {...props}\n    />\n  );\n}\n\nexport function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase iconLeft={<ViewIcon className=\"h-4 w-4\" />} {...props} />\n  );\n}\n\nexport function ToggleButton(\n  props: Omit<ActionBtnProps, 'iconLeft'> & { active?: boolean }\n) {\n  const { active, ...rest } = props;\n  return (\n    <ActionButtonBase\n      iconLeft={\n        active ? (\n          <ToggleLeftIcon className=\"h-4 w-4\" />\n        ) : (\n          <ToggleRightIcon className=\"h-4 w-4\" />\n        )\n      }\n      {...rest}\n    />\n  );\n}\n\nexport function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<ToggleLeftIcon className=\"h-4 w-4\" />}\n      {...props}\n    />\n  );\n}\n\nexport function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<ToggleRightIcon className=\"h-4 w-4\" />}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAakB,IAAI,IAAI;CACxB,UAAU;EACR,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EAAE,MAAM;EAAW,MAAM;EAAM;CACjD,CAAC;AAQF,SAAS,UACP,MACwB;AACxB,SAAQ,MAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,OACP,MACqB;AACrB,SAAQ,MAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,iBAAiB,EACxB,OAAO,WACP,OAAO,MACP,OACA,UACA,GAAG,SACc;AACjB,QACE,qBAAC;EACC,SAAS,UAAU,QAAQ,UAAU;EACrC,MAAM,OAAO,QAAQ,KAAK;EAC1B,GAAI;aAEH,WACC,oBAAC;GAAI,WAAU;aAA4B;IAAe,GACxD,MACJ,oBAAC,kBAAM,QAAa;GACb;;AAIb,SAAgB,WAAW,OAAkD;AAC3E,QACE,oBAAC;EAAiB,UAAU,oBAACA,QAAS,WAAU,YAAY;EAAE,GAAI;GAAS;;AAI/E,SAAgB,aAAa,OAAyC;AACpE,QACE,oBAAC;EACC,UAAU,oBAACC,UAAW,WAAU,YAAY;EAC5C,MAAK;EACL,GAAI;GACJ;;AAIN,SAAgB,WAAW,OAAyC;AAClE,QACE,oBAAC;EAAiB,UAAU,oBAACC,OAAS,WAAU,YAAY;EAAE,GAAI;GAAS;;AAI/E,SAAgB,aACd,OACA;CACA,MAAM,EAAE,QAAQ,GAAG,SAAS;AAC5B,QACE,oBAAC;EACC,UACE,SACE,oBAACC,cAAe,WAAU,YAAY,GAEtC,oBAACC,eAAgB,WAAU,YAAY;EAG3C,GAAI;GACJ;;AAIN,SAAgB,iBAAiB,OAAyC;AACxE,QACE,oBAAC;EACC,UAAU,oBAACD,cAAe,WAAU,YAAY;EAChD,GAAI;GACJ;;AAIN,SAAgB,kBAAkB,OAAyC;AACzE,QACE,oBAAC;EACC,UAAU,oBAACC,eAAgB,WAAU,YAAY;EACjD,GAAI;GACJ"}

package/dist/components/atoms/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime118 from "react/jsx-runtime";
-import { PressableProps } from "react-native";
 import { ButtonProps as ButtonProps$1 } from "@lssm/lib.ui-kit-web/ui/button";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import { PressableProps } from "react-native";
 
 //#region src/components/atoms/Button.d.ts
 type SpinnerPlacement = 'start' | 'end';
@@ -34,7 +34,7 @@ declare function Button({
   className,
   disabled,
   ...rest
-}: ButtonProps): react_jsx_runtime118.JSX.Element;
+}: ButtonProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { Button, Button as default, ButtonProps };
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/atoms/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../src/components/atoms/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;KASK,gBAAA;KAEA,oBAAA,GAAuB,KAC1B;KAIU,WAAA,GAAc,KACxB,sDAGA;EAXG,QAAA,EAYS,OAAA,CAAM,SAZC;EAEhB,OAAA,CAAA,EAAA,OAAA;EAKO,WAAA,CAAA,EAAW,MAAA;EACrB,gBAAA,CAAA,EAOqB,gBAPrB;EADwB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAIxB,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACY,UAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAGG,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAOe,OAAA,CAAA,EAAxB,OAAA,CAAM,iBAAkB,CAAA,iBAAA,CAAA;CAAxB;AAAuB,iBAGrB,MAAA,CAHqB;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,UAAA;EAAA,aAAA;EAAA,WAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAoBlC,WApBkC,CAAA,EAoBvB,oBAAA,CAAA,GAAA,CAAA,OApBuB"}
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../src/components/atoms/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;KASK,gBAAA;KAEA,oBAAA,GAAuB,KAC1B;KAIU,WAAA,GAAc,KACxB,sDAGA;EAXG,QAAA,EAYS,OAAA,CAAM,SAZC;EAEhB,OAAA,CAAA,EAAA,OAAA;EAKO,WAAA,CAAA,EAAW,MAAA;EACrB,gBAAA,CAAA,EAOqB,gBAPrB;EADwB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAIxB,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACY,UAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAGG,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAOe,OAAA,CAAA,EAAxB,OAAA,CAAM,iBAAkB,CAAA,iBAAA,CAAA;CAAxB;AAAuB,iBAGrB,MAAA,CAHqB;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,UAAA;EAAA,aAAA;EAAA,WAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAoBlC,WApBkC,CAAA,EAoBvB,mBAAA,CAAA,GAAA,CAAA,OApBuB"}

package/dist/components/atoms/Button.js

@@ -1,10 +1,10 @@
-import { Button as Button$1 } from "../../ui-kit-web/dist/ui/button.js";
 import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button as Button$1 } from "@lssm/lib.ui-kit-web/ui/button";
 import { Loader2 } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/atoms/Button.tsx
-function Button({ children, loading, spinnerPlacement = "start", onPress, onPressIn, onPressOut, onLongPress, onTouchStart, onTouchEnd, onTouchCancel, onMouseDown, onMouseUp, onClick, className, disabled,...rest }) {
+function Button({ children, loading, spinnerPlacement = "start", onPress, onPressIn, onPressOut, onLongPress, onTouchStart, onTouchEnd, onTouchCancel, onMouseDown, onMouseUp, onClick, className, disabled, ...rest }) {
 	const isDisabled = Boolean(disabled || loading);
 	const content = !rest.asChild ? /* @__PURE__ */ jsxs(Fragment, { children: [
 		loading && spinnerPlacement === "start" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null,

package/dist/components/atoms/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["WebButton"],"sources":["../../../src/components/atoms/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Button as WebButton,\n  type ButtonProps as WebButtonProps,\n} from '@lssm/lib.ui-kit-web/ui/button';\nimport { Loader2 } from 'lucide-react';\n// type-only import to avoid bundling RN on web\nimport type { PressableProps as RNPressableProps } from 'react-native';\n\ntype SpinnerPlacement = 'start' | 'end';\n\ntype PressableBridgeProps = Omit<\n  RNPressableProps,\n  'onPress' | 'onPressIn' | 'onPressOut' | 'onLongPress'\n>;\n\nexport type ButtonProps = Omit<\n  WebButtonProps,\n  'onClick' | 'disabled' | 'children'\n> &\n  PressableBridgeProps & {\n    children: React.ReactNode;\n    loading?: boolean;\n    loadingText?: string; // ignored on web, present for API symmetry\n    spinnerPlacement?: SpinnerPlacement;\n    // Normalized events\n    onPress?: () => void;\n    onPressIn?: () => void;\n    onPressOut?: () => void;\n    onLongPress?: () => void;\n    // Web-only optional onClick for compatibility\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n\nexport function Button({\n  children,\n  loading,\n  spinnerPlacement = 'start',\n  onPress,\n  onPressIn,\n  onPressOut,\n  onLongPress,\n  onTouchStart,\n  onTouchEnd,\n  onTouchCancel,\n  onMouseDown,\n  onMouseUp,\n  onClick,\n  className,\n  disabled,\n  ...rest\n}: ButtonProps) {\n  const isDisabled = Boolean(disabled || loading);\n\n  const content = !rest.asChild ? (\n    <>\n      {loading && spinnerPlacement === 'start' ? (\n        <Loader2 className=\"h-4 w-4 animate-spin\" />\n      ) : null}\n      {children}\n      {loading && spinnerPlacement === 'end' ? (\n        <Loader2 className=\"h-4 w-4 animate-spin\" />\n      ) : null}\n    </>\n  ) : (\n    children\n  );\n\n  return (\n    <WebButton\n      {...(rest as any)}\n      className={className}\n      disabled={isDisabled}\n      aria-busy={loading ? true : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      // normalized + bridged events\n      onPress={onPress || onClick}\n      onClick={onPress || onClick}\n      onMouseDown={onMouseDown || onPressIn}\n      onMouseUp={onMouseUp || onPressOut}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd || onPressOut}\n      onTouchCancel={onTouchCancel || onPressOut}\n      type={(rest as any)?.type ?? 'button'}\n    >\n      {content}\n    </WebButton>\n  );\n}\n\nexport default Button;\n"],"mappings":";;;;;;AAkCA,SAAgB,OAAO,EACrB,UACA,SACA,mBAAmB,SACnB,SACA,WACA,YACA,aACA,cACA,YACA,eACA,aACA,WACA,SACA,WACA,SACA,GAAG,QACW;CACd,MAAM,aAAa,QAAQ,YAAY,QAAQ;CAE/C,MAAM,UAAU,CAAC,KAAK,UACpB;EACG,WAAW,qBAAqB,UAC/B,oBAAC,WAAQ,WAAU,yBAAyB,GAC1C;EACH;EACA,WAAW,qBAAqB,QAC/B,oBAAC,WAAQ,WAAU,yBAAyB,GAC1C;KACH,GAEH;AAGF,QACE,oBAACA;EACC,GAAK;EACM;EACX,UAAU;EACV,aAAW,UAAU,OAAO;EAC5B,iBAAe,aAAa,OAAO;EAEnC,SAAS,WAAW;EACpB,SAAS,WAAW;EACpB,aAAa,eAAe;EAC5B,WAAW,aAAa;EACV;EACd,YAAY,cAAc;EAC1B,eAAe,iBAAiB;EAChC,MAAO,MAAc,QAAQ;YAE5B;GACS;;AAIhB,qBAAe"}
+{"version":3,"file":"Button.js","names":["WebButton"],"sources":["../../../src/components/atoms/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Button as WebButton,\n  type ButtonProps as WebButtonProps,\n} from '@lssm/lib.ui-kit-web/ui/button';\nimport { Loader2 } from 'lucide-react';\n// type-only import to avoid bundling RN on web\nimport type { PressableProps as RNPressableProps } from 'react-native';\n\ntype SpinnerPlacement = 'start' | 'end';\n\ntype PressableBridgeProps = Omit<\n  RNPressableProps,\n  'onPress' | 'onPressIn' | 'onPressOut' | 'onLongPress'\n>;\n\nexport type ButtonProps = Omit<\n  WebButtonProps,\n  'onClick' | 'disabled' | 'children'\n> &\n  PressableBridgeProps & {\n    children: React.ReactNode;\n    loading?: boolean;\n    loadingText?: string; // ignored on web, present for API symmetry\n    spinnerPlacement?: SpinnerPlacement;\n    // Normalized events\n    onPress?: () => void;\n    onPressIn?: () => void;\n    onPressOut?: () => void;\n    onLongPress?: () => void;\n    // Web-only optional onClick for compatibility\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n\nexport function Button({\n  children,\n  loading,\n  spinnerPlacement = 'start',\n  onPress,\n  onPressIn,\n  onPressOut,\n  onLongPress,\n  onTouchStart,\n  onTouchEnd,\n  onTouchCancel,\n  onMouseDown,\n  onMouseUp,\n  onClick,\n  className,\n  disabled,\n  ...rest\n}: ButtonProps) {\n  const isDisabled = Boolean(disabled || loading);\n\n  const content = !rest.asChild ? (\n    <>\n      {loading && spinnerPlacement === 'start' ? (\n        <Loader2 className=\"h-4 w-4 animate-spin\" />\n      ) : null}\n      {children}\n      {loading && spinnerPlacement === 'end' ? (\n        <Loader2 className=\"h-4 w-4 animate-spin\" />\n      ) : null}\n    </>\n  ) : (\n    children\n  );\n\n  return (\n    <WebButton\n      {...(rest as any)}\n      className={className}\n      disabled={isDisabled}\n      aria-busy={loading ? true : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      // normalized + bridged events\n      onPress={onPress || onClick}\n      onClick={onPress || onClick}\n      onMouseDown={onMouseDown || onPressIn}\n      onMouseUp={onMouseUp || onPressOut}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd || onPressOut}\n      onTouchCancel={onTouchCancel || onPressOut}\n      type={(rest as any)?.type ?? 'button'}\n    >\n      {content}\n    </WebButton>\n  );\n}\n\nexport default Button;\n"],"mappings":";;;;;;AAkCA,SAAgB,OAAO,EACrB,UACA,SACA,mBAAmB,SACnB,SACA,WACA,YACA,aACA,cACA,YACA,eACA,aACA,WACA,SACA,WACA,UACA,GAAG,QACW;CACd,MAAM,aAAa,QAAQ,YAAY,QAAQ;CAE/C,MAAM,UAAU,CAAC,KAAK,UACpB;EACG,WAAW,qBAAqB,UAC/B,oBAAC,WAAQ,WAAU,yBAAyB,GAC1C;EACH;EACA,WAAW,qBAAqB,QAC/B,oBAAC,WAAQ,WAAU,yBAAyB,GAC1C;KACH,GAEH;AAGF,QACE,oBAACA;EACC,GAAK;EACM;EACX,UAAU;EACV,aAAW,UAAU,OAAO;EAC5B,iBAAe,aAAa,OAAO;EAEnC,SAAS,WAAW;EACpB,SAAS,WAAW;EACpB,aAAa,eAAe;EAC5B,WAAW,aAAa;EACV;EACd,YAAY,cAAc;EAC1B,eAAe,iBAAiB;EAChC,MAAO,MAAc,QAAQ;YAE5B;GACS;;AAIhB,qBAAe"}

package/dist/components/atoms/Button.mobile.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime125 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { PressableProps } from "react-native";
 import { ButtonProps as ButtonProps$1 } from "@lssm/lib.ui-kit/ui/button";
 
@@ -16,7 +16,7 @@ declare function Button({
   spinnerPlacement,
   disabled,
   ...props
-}: ButtonProps): react_jsx_runtime125.JSX.Element;
+}: ButtonProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { Button, Button as default, ButtonProps };
 //# sourceMappingURL=Button.mobile.d.ts.map

package/dist/components/atoms/Button.mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mobile.d.ts","names":[],"sources":["../../../src/components/atoms/Button.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,gBAAA;KAEO,WAAA,GAAc,gBACxB,KAAK;;EAHF,WAAA,CAAA,EAAA,MAAgB;EAET,gBAAW,CAAA,EAIA,gBAJA;CAAG;AACnB,iBAMS,MAAA,CANT;EAAA,QAAA;EAAA,OAAA;EAAA,WAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAaJ,WAbI,CAAA,EAaO,oBAAA,CAAA,GAAA,CAAA,OAbP"}
+{"version":3,"file":"Button.mobile.d.ts","names":[],"sources":["../../../src/components/atoms/Button.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,gBAAA;KAEO,WAAA,GAAc,gBACxB,KAAK;;EAHF,WAAA,CAAA,EAAA,MAAgB;EAET,gBAAW,CAAA,EAIA,gBAJA;CAAG;AACnB,iBAMS,MAAA,CANT;EAAA,QAAA;EAAA,OAAA;EAAA,WAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAaJ,WAbI,CAAA,EAaO,kBAAA,CAAA,GAAA,CAAA,OAbP"}

package/dist/components/atoms/Button.mobile.js

@@ -1,12 +1,12 @@
-import { Text as Text$1 } from "../../ui-kit/dist/ui/text.js";
-import { Button as Button$1 } from "../../ui-kit/dist/ui/button.js";
-import { HStack } from "../../ui-kit/dist/ui/stack.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ActivityIndicator } from "react-native";
+import { Button as Button$1 } from "@lssm/lib.ui-kit/ui/button";
+import { HStack } from "@lssm/lib.ui-kit/ui/stack";
+import { Text as Text$1 } from "@lssm/lib.ui-kit/ui/text";
 
 //#region src/components/atoms/Button.mobile.tsx
-function Button({ children, loading, loadingText, spinnerPlacement = "start", disabled,...props }) {
+function Button({ children, loading, loadingText, spinnerPlacement = "start", disabled, ...props }) {
 	const isDisabled = Boolean(disabled || loading);
 	const content = loading ? /* @__PURE__ */ jsxs(HStack, {
 		className: "items-center gap-x-2",