@contractspec/lib.design-system 0.0.0-canary-20260113162409

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Chaman Ventures, SASU
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,133 @@
+# @contractspec/lib.design-system
+
+[![npm version](https://img.shields.io/npm/v/@contractspec/lib.design-system)](https://www.npmjs.com/package/@contractspec/lib.design-system)
+[![npm downloads](https://img.shields.io/npm/dt/@contractspec/lib.design-system)](https://www.npmjs.com/package/@contractspec/lib.design-system)
+[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/lssm-tech/contractspec)
+
+
+Website: https://contractspec.io/
+
+
+High-level design system components, patterns, and layouts for LSSM applications. Built on top of `@contractspec/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 @contractspec/lib.design-system
+# or
+bun add @contractspec/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 '@contractspec/lib.design-system/components/organisms/AppLayout';
+import { AppSidebar } from '@contractspec/lib.design-system/components/organisms/AppSidebar';
+
+export default function Layout({ children }) {
+  return <AppLayout sidebar={<AppSidebar />}>{children}</AppLayout>;
+}
+```
+
+### Zod Form
+
+```tsx
+import { ZodForm } from '@contractspec/lib.design-system/components/forms/ZodForm';
+import * as 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

@@ -0,0 +1,37 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __exportAll = (all, symbols) => {
+	let target = {};
+	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
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __hasOwnProp.call(mod, "module.exports") ? mod["module.exports"] : __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+//#endregion
+export { __esmMin, __exportAll, __toCommonJS };

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

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime20 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_runtime20.JSX.Element;
+//#endregion
+export { AgentMonitor };
+//# 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":";;;UAWiB,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,mBAAA,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 "@contractspec/lib.ui-kit-web/ui/utils";
+import { Card, CardContent, CardHeader } from "@contractspec/lib.ui-kit-web/ui/card";
+import { Badge } from "@contractspec/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 {\n  Card,\n  CardContent,\n  CardHeader,\n} from '@contractspec/lib.ui-kit-web/ui/card';\nimport { Badge } from '@contractspec/lib.ui-kit-web/ui/badge';\nimport { cn } from '@contractspec/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":";;;;;;;;;AA6BA,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 from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+import { ApprovalRequest } from "@contractspec/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.ReactNode;
+}
+declare function ApprovalQueue({
+  title,
+  description,
+  requests,
+  onApprove,
+  onReject,
+  className,
+  emptyState
+}: ApprovalQueueProps): react_jsx_runtime19.JSX.Element;
+//#endregion
+export { ApprovalQueue };
+//# 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":";;;;;UAqBiB,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,KAAA,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,mBAAA,CAAA,GAAA,CAAA,OAVQ"}

package/dist/components/agent/ApprovalQueue.js

@@ -0,0 +1,89 @@
+'use client';
+
+import "react";
+import { Button } from "@contractspec/lib.ui-kit-web/ui/button";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@contractspec/lib.ui-kit-web/ui/table";
+import { Card, CardContent, CardHeader } from "@contractspec/lib.ui-kit-web/ui/card";
+import { Badge } from "@contractspec/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.agentId
+			}),
+			/* @__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 '@contractspec/lib.ai-agent/approval';\nimport {\n  Table,\n  TableHead,\n  TableRow,\n  TableHeader,\n  TableBody,\n  TableCell,\n} from '@contractspec/lib.ui-kit-web/ui/table';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n} from '@contractspec/lib.ui-kit-web/ui/card';\nimport { Badge } from '@contractspec/lib.ui-kit-web/ui/badge';\nimport { Button } from '@contractspec/lib.ui-kit-web/ui/button';\nimport { cn as _cn } from '@contractspec/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\">\n                    {request.agentId}\n                  </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":";;;;;;;;;;;AA+BA,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;cAClB,QAAQ;KACC;GACZ,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;OAhCC,QAAQ,GAiCZ,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

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

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

@@ -0,0 +1 @@
+{"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,UAHpB,CAAA,GAAA;EAEG,KAAA,CAAA,EAEO,KAAA,CAAM,SAFC;EAAQ,QAAA,CAAA,EAGZ,KAAA,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;AACgB,iBAuEF,UAAA,CAvEE,KAAA,EAuEgB,IAvEhB,CAuEqB,cAvErB,EAAA,UAAA,CAAA,CAAA,EAuEgD,kBAAA,CAAA,GAAA,CAAA,OAvEhD;AACG,iBA4EL,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

@@ -0,0 +1,98 @@
+import { Button } from "./Button.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 { Box } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
+
+//#region src/components/atoms/ActionButtons.tsx
+cva("", {
+	variants: {
+		tone: {
+			neutral: "default",
+			danger: "destructive",
+			subtle: "secondary",
+			outline: "outline"
+		},
+		size: {
+			sm: "sm",
+			md: "default",
+			lg: "lg",
+			icon: "icon"
+		}
+	},
+	defaultVariants: {
+		tone: "neutral",
+		size: "md"
+	}
+});
+function toVariant(tone) {
+	switch (tone) {
+		case "danger": return "destructive";
+		case "subtle": return "secondary";
+		case "outline": return "outline";
+		default: return "default";
+	}
+}
+function toSize(size) {
+	switch (size) {
+		case "sm": return "sm";
+		case "lg": return "lg";
+		case "icon": return "icon";
+		default: return "default";
+	}
+}
+function ActionButtonBase({ tone = "neutral", size = "md", label, iconLeft, ...props }) {
+	return /* @__PURE__ */ jsxs(Button, {
+		variant: toVariant(tone || "neutral"),
+		size: toSize(size || "md"),
+		...props,
+		children: [iconLeft ? /* @__PURE__ */ jsx(Box, {
+			className: "mr-2 inline-flex h-4 w-4",
+			children: iconLeft
+		}) : null, /* @__PURE__ */ jsx(Text, { children: label })]
+	});
+}
+function EditButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" }),
+		...props
+	});
+}
+function DeleteButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+		tone: "danger",
+		...props
+	});
+}
+function ViewButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
+		...props
+	});
+}
+function ToggleButton(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
+	});
+}
+function ToggleLeftButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(ToggleLeft, { className: "h-4 w-4" }),
+		...props
+	});
+}
+function ToggleRightButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(ToggleRight, { className: "h-4 w-4" }),
+		...props
+	});
+}
+
+//#endregion
+export { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton };
+//# sourceMappingURL=ActionButtons.js.map

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

@@ -0,0 +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 '@contractspec/lib.ui-kit-web/ui/stack';\nimport { Text } from '@contractspec/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":";;;;;;;;;AAamB,IAAI,IAAI;CACzB,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

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { ButtonProps } from "@contractspec/lib.ui-kit-web/ui/button";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Button.d.ts
+type SpinnerPlacement = 'start' | 'end';
+type ButtonProps$1 = Omit<ButtonProps, 'onClick' | 'disabled' | 'children'> & {
+  children: React.ReactNode;
+  loading?: boolean;
+  loadingText?: string;
+  spinnerPlacement?: SpinnerPlacement;
+  onPress?: () => void;
+  onPressIn?: () => void;
+  onPressOut?: () => void;
+  onLongPress?: () => void;
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
+};
+declare function Button$1({
+  children,
+  loading,
+  spinnerPlacement,
+  onPress,
+  onPressIn,
+  onPressOut,
+  onLongPress,
+  onTouchStart,
+  onTouchEnd,
+  onTouchCancel,
+  onMouseDown,
+  onMouseUp,
+  onClick,
+  className,
+  disabled,
+  ...rest
+}: ButtonProps$1): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button$1 as Button, ButtonProps$1 as ButtonProps };
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../src/components/atoms/Button.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,gBAAA;KAEO,aAAA,GAAc,KACxB;YAIU,KAAA,CAAM;EAPb,OAAA,CAAA,EAAA,OAAA;EAEO,WAAA,CAAA,EAAA,MAAW;EACrB,gBAAA,CAAA,EAOmB,gBAPnB;EADwB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAKd,SAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAGG,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAOe,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAxB,OAAM,CAAA,EAAN,KAAA,CAAM,iBAAA,CAAkB,iBAAlB,CAAA;EAAiB,QAAA,CAAA,EAAA,OAAA;AAInC,CAAA;AACE,iBADc,QAAA,CACd;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,EAgBC,aAhBD,CAAA,EAgBY,kBAAA,CAAA,GAAA,CAAA,OAhBZ"}