@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/components/simple-data-table.js

@@ -0,0 +1,91 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { ArrowDown, ArrowUp, ArrowUpDown, SearchX } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function SimpleDataTable({
+  columns,
+  data,
+  onRowClick,
+  emptyIcon,
+  emptyMessage = "No rows found",
+  emptyDescription = "Try adjusting your filters",
+  className
+}) {
+  const [sorting, setSorting] = React.useState([]);
+  const table = useReactTable({
+    data,
+    columns,
+    state: { sorting },
+    onSortingChange: setSorting,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel()
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+      "tr",
+      {
+        className: "border-b border-border/50 hover:bg-transparent",
+        children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+          "th",
+          {
+            className: "h-9 px-3 text-left align-middle text-xs font-medium text-muted-foreground whitespace-nowrap",
+            children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex items-center gap-1 hover:text-foreground transition-colors",
+                onClick: header.column.getToggleSortingHandler(),
+                children: [
+                  flexRender(header.column.columnDef.header, header.getContext()),
+                  header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3 h-3" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(ArrowUpDown, { className: "w-3 h-3 opacity-0 group-hover:opacity-50" })
+                ]
+              }
+            ) : flexRender(header.column.columnDef.header, header.getContext())
+          },
+          header.id
+        ))
+      },
+      headerGroup.id
+    )) }),
+    /* @__PURE__ */ jsx("tbody", { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
+      "tr",
+      {
+        onClick: () => onRowClick == null ? void 0 : onRowClick(row.original),
+        className: cn(
+          "group border-none transition-colors",
+          onRowClick && "cursor-pointer"
+        ),
+        children: row.getVisibleCells().map((cell, cellIdx) => /* @__PURE__ */ jsx(
+          "td",
+          {
+            className: cn(
+              "px-3 py-3 align-middle whitespace-nowrap group-hover:bg-muted/50",
+              cellIdx === 0 && "rounded-l-lg",
+              cellIdx === row.getVisibleCells().length - 1 && "rounded-r-lg"
+            ),
+            children: flexRender(cell.column.columnDef.cell, cell.getContext())
+          },
+          cell.id
+        ))
+      },
+      row.id
+    )) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns.length, className: "h-52 px-4 text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
+      emptyIcon != null ? emptyIcon : /* @__PURE__ */ jsx(SearchX, { className: "h-7 w-7 opacity-40" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: emptyMessage }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs", children: emptyDescription })
+    ] }) }) }) })
+  ] }) });
+}
+export {
+  SimpleDataTable
+};
+//# sourceMappingURL=simple-data-table.js.map

package/dist/components/simple-data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/simple-data-table.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  useReactTable,\n  type ColumnDef,\n  type SortingState,\n} from \"@tanstack/react-table\"\nimport { ArrowDown, ArrowUp, ArrowUpDown, SearchX } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\nexport interface SimpleDataTableProps<TData> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  columns: ColumnDef<TData, any>[]\n  data: TData[]\n  onRowClick?: (row: TData) => void\n  emptyIcon?: React.ReactNode\n  emptyMessage?: string\n  emptyDescription?: string\n  className?: string\n}\n\nexport function SimpleDataTable<TData>({\n  columns,\n  data,\n  onRowClick,\n  emptyIcon,\n  emptyMessage = \"No rows found\",\n  emptyDescription = \"Try adjusting your filters\",\n  className,\n}: SimpleDataTableProps<TData>) {\n  const [sorting, setSorting] = React.useState<SortingState>([])\n\n  const table = useReactTable({\n    data,\n    columns,\n    state: { sorting },\n    onSortingChange: setSorting,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n  })\n\n  return (\n    <div className={cn(\"w-full\", className)}>\n      <table className=\"w-full border-collapse text-sm\">\n        <thead>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <tr\n              key={headerGroup.id}\n              className=\"border-b border-border/50 hover:bg-transparent\"\n            >\n              {headerGroup.headers.map((header) => (\n                <th\n                  key={header.id}\n                  className=\"h-9 px-3 text-left align-middle text-xs font-medium text-muted-foreground whitespace-nowrap\"\n                >\n                  {header.isPlaceholder ? null : header.column.getCanSort() ? (\n                    <button\n                      type=\"button\"\n                      className=\"inline-flex items-center gap-1 hover:text-foreground transition-colors\"\n                      onClick={header.column.getToggleSortingHandler()}\n                    >\n                      {flexRender(header.column.columnDef.header, header.getContext())}\n                      {header.column.getIsSorted() === \"asc\" ? (\n                        <ArrowUp className=\"w-3 h-3\" />\n                      ) : header.column.getIsSorted() === \"desc\" ? (\n                        <ArrowDown className=\"w-3 h-3\" />\n                      ) : (\n                        <ArrowUpDown className=\"w-3 h-3 opacity-0 group-hover:opacity-50\" />\n                      )}\n                    </button>\n                  ) : (\n                    flexRender(header.column.columnDef.header, header.getContext())\n                  )}\n                </th>\n              ))}\n            </tr>\n          ))}\n        </thead>\n        <tbody>\n          {table.getRowModel().rows.length > 0 ? (\n            table.getRowModel().rows.map((row) => (\n              <tr\n                key={row.id}\n                onClick={() => onRowClick?.(row.original)}\n                className={cn(\n                  \"group border-none transition-colors\",\n                  onRowClick && \"cursor-pointer\",\n                )}\n              >\n                {row.getVisibleCells().map((cell, cellIdx) => (\n                  <td\n                    key={cell.id}\n                    className={cn(\n                      \"px-3 py-3 align-middle whitespace-nowrap group-hover:bg-muted/50\",\n                      cellIdx === 0 && \"rounded-l-lg\",\n                      cellIdx === row.getVisibleCells().length - 1 && \"rounded-r-lg\",\n                    )}\n                  >\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </td>\n                ))}\n              </tr>\n            ))\n          ) : (\n            <tr>\n              <td colSpan={columns.length} className=\"h-52 px-4 text-center\">\n                <div className=\"flex flex-col items-center gap-1 text-muted-foreground\">\n                  {emptyIcon ?? <SearchX className=\"h-7 w-7 opacity-40\" />}\n                  <p className=\"text-sm font-medium\">{emptyMessage}</p>\n                  <p className=\"text-xs\">{emptyDescription}</p>\n                </div>\n              </td>\n            </tr>\n          )}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":";AA6DoB,SAOI,KAPJ;AA3DpB,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,WAAW,SAAS,aAAa,eAAe;AAEzD,SAAS,UAAU;AAaZ,SAAS,gBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB;AACF,GAAgC;AAC9B,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAuB,CAAC,CAAC;AAE7D,QAAM,QAAQ,cAAc;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,EACvC,CAAC;AAED,SACE,oBAAC,SAAI,WAAW,GAAG,UAAU,SAAS,GACpC,+BAAC,WAAM,WAAU,kCACf;AAAA,wBAAC,WACE,gBAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC5B;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAET,sBAAY,QAAQ,IAAI,CAAC,WACxB;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAET,iBAAO,gBAAgB,OAAO,OAAO,OAAO,WAAW,IACtD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS,OAAO,OAAO,wBAAwB;AAAA,gBAE9C;AAAA,6BAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAW,CAAC;AAAA,kBAC9D,OAAO,OAAO,YAAY,MAAM,QAC/B,oBAAC,WAAQ,WAAU,WAAU,IAC3B,OAAO,OAAO,YAAY,MAAM,SAClC,oBAAC,aAAU,WAAU,WAAU,IAE/B,oBAAC,eAAY,WAAU,4CAA2C;AAAA;AAAA;AAAA,YAEtE,IAEA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAW,CAAC;AAAA;AAAA,UAnB3D,OAAO;AAAA,QAqBd,CACD;AAAA;AAAA,MA3BI,YAAY;AAAA,IA4BnB,CACD,GACH;AAAA,IACA,oBAAC,WACE,gBAAM,YAAY,EAAE,KAAK,SAAS,IACjC,MAAM,YAAY,EAAE,KAAK,IAAI,CAAC,QAC5B;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,yCAAa,IAAI;AAAA,QAChC,WAAW;AAAA,UACT;AAAA,UACA,cAAc;AAAA,QAChB;AAAA,QAEC,cAAI,gBAAgB,EAAE,IAAI,CAAC,MAAM,YAChC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,YAAY,KAAK;AAAA,cACjB,YAAY,IAAI,gBAAgB,EAAE,SAAS,KAAK;AAAA,YAClD;AAAA,YAEC,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,UAPpD,KAAK;AAAA,QAQZ,CACD;AAAA;AAAA,MAlBI,IAAI;AAAA,IAmBX,CACD,IAED,oBAAC,QACC,8BAAC,QAAG,SAAS,QAAQ,QAAQ,WAAU,yBACrC,+BAAC,SAAI,WAAU,0DACZ;AAAA,sCAAa,oBAAC,WAAQ,WAAU,sBAAqB;AAAA,MACtD,oBAAC,OAAE,WAAU,uBAAuB,wBAAa;AAAA,MACjD,oBAAC,OAAE,WAAU,WAAW,4BAAiB;AAAA,OAC3C,GACF,GACF,GAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/skeleton.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+export { Skeleton };

package/dist/components/skeleton.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function Skeleton(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className)
+    }, props)
+  );
+}
+export {
+  Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-accent animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMI;AAJJ,SAAS,UAAU;AAEnB,SAAS,SAAS,IAAsD;AAAtD,eAAE,YAJpB,IAIkB,IAAgB,kBAAhB,IAAgB,CAAd;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,OACzD;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+type StatusType = "success" | "warning" | "error" | "neutral";
+interface StatusBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    status: string;
+    statusMap?: Record<string, StatusType>;
+}
+declare function StatusBadge({ status, statusMap, className, ...props }: StatusBadgeProps): React.JSX.Element;
+
+export { StatusBadge, type StatusBadgeProps, type StatusType };

package/dist/components/status-badge.js

@@ -0,0 +1,82 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+const DEFAULT_STATUS_MAP = {};
+const STATUS_KEYWORDS = {
+  success: ["active", "hired", "completed", "success", "shortlist", "approved", "resolved", "done"],
+  warning: ["pending", "new", "scheduled", "screening", "draft", "paused", "in_progress", "review"],
+  error: ["rejected", "failed", "cancelled", "error", "no_answer", "dropped", "blocked"],
+  neutral: []
+};
+function inferStatusType(status, statusMap) {
+  const lower = status.toLowerCase();
+  if (statusMap[lower]) return statusMap[lower];
+  for (const [type, keywords] of Object.entries(STATUS_KEYWORDS)) {
+    if (keywords.some((kw) => lower.includes(kw))) return type;
+  }
+  return "neutral";
+}
+const STATUS_STYLES = {
+  success: "bg-green-100 text-green-950 dark:bg-green-950 dark:text-green-100",
+  warning: "bg-yellow-100 text-yellow-950 dark:bg-yellow-950 dark:text-yellow-100",
+  error: "bg-red-100 text-red-950 dark:bg-red-950 dark:text-red-100",
+  neutral: "bg-muted text-foreground"
+};
+function formatStatus(status) {
+  return status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function StatusBadge(_a) {
+  var _b = _a, { status, statusMap = DEFAULT_STATUS_MAP, className } = _b, props = __objRest(_b, ["status", "statusMap", "className"]);
+  const type = inferStatusType(status, statusMap);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "status-badge",
+      "data-status": type,
+      className: cn(
+        "inline-flex items-center justify-center rounded-full px-2.5 h-6 text-xs font-medium transition-colors",
+        STATUS_STYLES[type],
+        className
+      )
+    }, props), {
+      children: formatStatus(status)
+    })
+  );
+}
+export {
+  StatusBadge
+};
+//# sourceMappingURL=status-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/status-badge.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport type StatusType = \"success\" | \"warning\" | \"error\" | \"neutral\"\n\nexport interface StatusBadgeProps extends React.HTMLAttributes<HTMLDivElement> {\n  status: string\n  statusMap?: Record<string, StatusType>\n}\n\nconst DEFAULT_STATUS_MAP: Record<string, StatusType> = {}\n\nconst STATUS_KEYWORDS: Record<StatusType, string[]> = {\n  success: [\"active\", \"hired\", \"completed\", \"success\", \"shortlist\", \"approved\", \"resolved\", \"done\"],\n  warning: [\"pending\", \"new\", \"scheduled\", \"screening\", \"draft\", \"paused\", \"in_progress\", \"review\"],\n  error: [\"rejected\", \"failed\", \"cancelled\", \"error\", \"no_answer\", \"dropped\", \"blocked\"],\n  neutral: [],\n}\n\nfunction inferStatusType(status: string, statusMap: Record<string, StatusType>): StatusType {\n  const lower = status.toLowerCase()\n  if (statusMap[lower]) return statusMap[lower]\n\n  for (const [type, keywords] of Object.entries(STATUS_KEYWORDS) as [StatusType, string[]][]) {\n    if (keywords.some((kw) => lower.includes(kw))) return type\n  }\n\n  return \"neutral\"\n}\n\nconst STATUS_STYLES: Record<StatusType, string> = {\n  success: \"bg-green-100 text-green-950 dark:bg-green-950 dark:text-green-100\",\n  warning: \"bg-yellow-100 text-yellow-950 dark:bg-yellow-950 dark:text-yellow-100\",\n  error: \"bg-red-100 text-red-950 dark:bg-red-950 dark:text-red-100\",\n  neutral: \"bg-muted text-foreground\",\n}\n\nfunction formatStatus(status: string): string {\n  return status\n    .split(\"_\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \")\n}\n\nexport function StatusBadge({ status, statusMap = DEFAULT_STATUS_MAP, className, ...props }: StatusBadgeProps) {\n  const type = inferStatusType(status, statusMap)\n  return (\n    <div\n      data-slot=\"status-badge\"\n      data-status={type}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full px-2.5 h-6 text-xs font-medium transition-colors\",\n        STATUS_STYLES[type],\n        className\n      )}\n      {...props}\n    >\n      {formatStatus(status)}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDI;AA9CJ,SAAS,UAAU;AASnB,MAAM,qBAAiD,CAAC;AAExD,MAAM,kBAAgD;AAAA,EACpD,SAAS,CAAC,UAAU,SAAS,aAAa,WAAW,aAAa,YAAY,YAAY,MAAM;AAAA,EAChG,SAAS,CAAC,WAAW,OAAO,aAAa,aAAa,SAAS,UAAU,eAAe,QAAQ;AAAA,EAChG,OAAO,CAAC,YAAY,UAAU,aAAa,SAAS,aAAa,WAAW,SAAS;AAAA,EACrF,SAAS,CAAC;AACZ;AAEA,SAAS,gBAAgB,QAAgB,WAAmD;AAC1F,QAAM,QAAQ,OAAO,YAAY;AACjC,MAAI,UAAU,KAAK,EAAG,QAAO,UAAU,KAAK;AAE5C,aAAW,CAAC,MAAM,QAAQ,KAAK,OAAO,QAAQ,eAAe,GAA+B;AAC1F,QAAI,SAAS,KAAK,CAAC,OAAO,MAAM,SAAS,EAAE,CAAC,EAAG,QAAO;AAAA,EACxD;AAEA,SAAO;AACT;AAEA,MAAM,gBAA4C;AAAA,EAChD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,SAAS,aAAa,QAAwB;AAC5C,SAAO,OACJ,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,EAC1D,KAAK,GAAG;AACb;AAEO,SAAS,YAAY,IAAmF;AAAnF,eAAE,UAAQ,YAAY,oBAAoB,UA9CtE,IA8C4B,IAAwD,kBAAxD,IAAwD,CAAtD,UAAQ,aAAgC;AACpE,QAAM,OAAO,gBAAgB,QAAQ,SAAS;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA,cAAc,IAAI;AAAA,QAClB;AAAA,MACF;AAAA,OACI,QARL;AAAA,MAUE,uBAAa,MAAM;AAAA;AAAA,EACtB;AAEJ;","names":[]}

package/dist/components/styled-bar-list.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface StyledBarItem {
+    name: string;
+    value: number;
+    href?: string;
+    subtitle?: string;
+}
+interface StyledBarListProps {
+    data: StyledBarItem[];
+    valueFormatter?: (value: number) => string;
+    className?: string;
+    showAnimation?: boolean;
+    showSubtitle?: boolean;
+    barColor?: string;
+    barStyle?: React.CSSProperties;
+}
+declare function StyledBarList({ data, valueFormatter, className, showAnimation, showSubtitle, barColor, barStyle, }: StyledBarListProps): React.JSX.Element;
+
+export { type StyledBarItem, StyledBarList, type StyledBarListProps };

package/dist/components/styled-bar-list.js

@@ -0,0 +1,59 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function StyledBarList({
+  data,
+  valueFormatter = (value) => value.toString(),
+  className,
+  showAnimation = true,
+  showSubtitle = false,
+  barColor = "bg-emerald-500/30",
+  barStyle
+}) {
+  const maxValue = Math.max(...data.map((item) => item.value));
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", className), children: data.map((item, index) => {
+    const percentage = item.value / maxValue * 100;
+    return /* @__PURE__ */ jsxs("div", { className: showSubtitle ? "space-y-1" : "", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative h-9 overflow-hidden rounded-md", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute inset-y-0 left-0 rounded-md",
+              !barStyle && barColor,
+              showAnimation && "transition-all duration-300"
+            ),
+            style: __spreadValues({ width: `${percentage}%` }, barStyle || {})
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex h-full items-center justify-between px-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate pr-2 text-sm font-medium text-foreground", children: item.name }),
+          /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-sm font-semibold text-foreground", children: valueFormatter(item.value) })
+        ] })
+      ] }),
+      showSubtitle && item.subtitle ? /* @__PURE__ */ jsx("div", { className: "pl-3 text-xs text-muted-foreground", children: item.subtitle }) : null
+    ] }, index);
+  }) });
+}
+export {
+  StyledBarList
+};
+//# sourceMappingURL=styled-bar-list.js.map

package/dist/components/styled-bar-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/styled-bar-list.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nexport interface StyledBarItem {\n  name: string\n  value: number\n  href?: string\n  subtitle?: string\n}\n\nexport interface StyledBarListProps {\n  data: StyledBarItem[]\n  valueFormatter?: (value: number) => string\n  className?: string\n  showAnimation?: boolean\n  showSubtitle?: boolean\n  barColor?: string\n  barStyle?: React.CSSProperties\n}\n\nexport function StyledBarList({\n  data,\n  valueFormatter = (value) => value.toString(),\n  className,\n  showAnimation = true,\n  showSubtitle = false,\n  barColor = \"bg-emerald-500/30\",\n  barStyle,\n}: StyledBarListProps) {\n  const maxValue = Math.max(...data.map((item) => item.value))\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {data.map((item, index) => {\n        const percentage = (item.value / maxValue) * 100\n\n        return (\n          <div key={index} className={showSubtitle ? \"space-y-1\" : \"\"}>\n            <div className=\"relative h-9 overflow-hidden rounded-md\">\n              <div\n                className={cn(\n                  \"absolute inset-y-0 left-0 rounded-md\",\n                  !barStyle && barColor,\n                  showAnimation && \"transition-all duration-300\",\n                )}\n                style={{ width: `${percentage}%`, ...(barStyle || {}) }}\n              />\n              <div className=\"relative flex h-full items-center justify-between px-3\">\n                <span className=\"truncate pr-2 text-sm font-medium text-foreground\">\n                  {item.name}\n                </span>\n                <span className=\"ml-auto shrink-0 text-sm font-semibold text-foreground\">\n                  {valueFormatter(item.value)}\n                </span>\n              </div>\n            </div>\n            {showSubtitle && item.subtitle ? (\n              <div className=\"pl-3 text-xs text-muted-foreground\">\n                {item.subtitle}\n              </div>\n            ) : null}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA0Cc,cAQA,YARA;AAtCd,SAAS,UAAU;AAmBZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,iBAAiB,CAAC,UAAU,MAAM,SAAS;AAAA,EAC3C;AAAA,EACA,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,WAAW;AAAA,EACX;AACF,GAAuB;AACrB,QAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;AAE3D,SACE,oBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACtC,eAAK,IAAI,CAAC,MAAM,UAAU;AACzB,UAAM,aAAc,KAAK,QAAQ,WAAY;AAE7C,WACE,qBAAC,SAAgB,WAAW,eAAe,cAAc,IACvD;AAAA,2BAAC,SAAI,WAAU,2CACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,CAAC,YAAY;AAAA,cACb,iBAAiB;AAAA,YACnB;AAAA,YACA,OAAO,iBAAE,OAAO,GAAG,UAAU,OAAS,YAAY,CAAC;AAAA;AAAA,QACrD;AAAA,QACA,qBAAC,SAAI,WAAU,0DACb;AAAA,8BAAC,UAAK,WAAU,qDACb,eAAK,MACR;AAAA,UACA,oBAAC,UAAK,WAAU,0DACb,yBAAe,KAAK,KAAK,GAC5B;AAAA,WACF;AAAA,SACF;AAAA,MACC,gBAAgB,KAAK,WACpB,oBAAC,SAAI,WAAU,sCACZ,eAAK,UACR,IACE;AAAA,SAvBI,KAwBV;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/suggested-actions.d.ts

@@ -0,0 +1,110 @@
+import * as React from 'react';
+
+interface SuggestedActionsIconMap {
+    gmail?: string;
+    slack?: string;
+    zendesk?: string;
+    salesforce?: string;
+}
+interface SuggestedContact {
+    name: string;
+    role: string;
+    email?: string;
+    emails?: string[];
+    phone?: string;
+    phones?: string[];
+    confirmed: boolean;
+    salesforceUrl?: string;
+    lastActivity?: {
+        date: string;
+        type: string;
+    };
+}
+interface SuggestedActionThreadMessage {
+    id: string;
+    from: string;
+    initials: string;
+    time: string;
+    preview: string;
+    content: string;
+}
+interface SuggestedActionReplyTo {
+    from: string;
+    time: string;
+    content: string;
+    channel?: string;
+}
+interface SuggestedActionTicket {
+    system: string;
+    priority: string;
+    type: string;
+    subject: string;
+    description: string;
+    assignee?: string;
+    tags?: string[];
+}
+interface SuggestedActionFollowUp {
+    enabled: boolean;
+    days: number;
+}
+interface SuggestedActionEmailMeta {
+    from: string;
+    fromEmail: string;
+    to?: SuggestedContact;
+    cc?: SuggestedContact[];
+    bcc?: string;
+    subject?: string;
+}
+interface SuggestedActionCallMeta {
+    contact?: SuggestedContact;
+    talkTrack: string;
+    allowDispatchAgent?: boolean;
+}
+interface SuggestedActionManualMeta {
+    taskDescription: string;
+}
+interface SuggestedActionBrowserMeta {
+    url: string;
+    actionDescription: string;
+}
+interface SuggestedAction {
+    id: number | string;
+    type: "email" | "ticket" | "slack" | "call" | "manual" | "browser";
+    label: string;
+    status: "pending" | "sent" | "dismissed";
+    content?: string;
+    replyTo?: SuggestedActionReplyTo;
+    threadMessages?: SuggestedActionThreadMessage[];
+    ticket?: SuggestedActionTicket;
+    followUp?: SuggestedActionFollowUp;
+    emailMeta?: SuggestedActionEmailMeta;
+    callMeta?: SuggestedActionCallMeta;
+    manualMeta?: SuggestedActionManualMeta;
+    browserMeta?: SuggestedActionBrowserMeta;
+}
+interface SuggestedActionsProps {
+    actions: SuggestedAction[];
+    title?: string;
+    onDismiss?: (id: number | string) => void;
+    onSend?: (id: number | string) => void;
+    onSaveDraft?: (id: number | string) => void;
+    accountContacts?: SuggestedContact[];
+    signature?: string | React.ReactNode;
+    onDuplicate?: (id: number | string) => void;
+    onOpenAccountDetails?: () => void;
+    onOpenRecentActivity?: () => void;
+    onMarkComplete?: (id: number | string) => void;
+    onDispatchAgent?: (id: number | string, editedContent?: string, settings?: {
+        aiDisclosureEnabled?: boolean;
+        maxDurationMinutes?: string;
+        callRecordingEnabled?: boolean;
+        recordingNoticeEnabled?: boolean;
+    }) => void;
+    iconMap?: SuggestedActionsIconMap;
+    sendLabel?: string;
+    accountDetailsLabel?: string;
+    dismissLabel?: string;
+}
+declare function SuggestedActions({ actions, title, onDismiss, onSend, onSaveDraft, accountContacts, signature, onDuplicate, onOpenAccountDetails, onOpenRecentActivity, onMarkComplete, onDispatchAgent, iconMap, sendLabel, accountDetailsLabel, dismissLabel, }: SuggestedActionsProps): React.JSX.Element;
+
+export { type SuggestedAction, type SuggestedActionBrowserMeta, type SuggestedActionCallMeta, type SuggestedActionEmailMeta, type SuggestedActionFollowUp, type SuggestedActionManualMeta, type SuggestedActionReplyTo, type SuggestedActionThreadMessage, type SuggestedActionTicket, SuggestedActions, type SuggestedActionsIconMap, type SuggestedActionsProps, type SuggestedContact };