@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        \"group/tabs flex gap-2 data-[orientation=horizontal]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n  VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground\",\n        \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcI;AAXJ,SAAS,WAA8B;AACvC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,UAAU;AAEnB,SAAS,KAAK,IAIsC;AAJtC,eACZ;AAAA;AAAA,IACA,cAAc;AAAA,EAVhB,IAQc,IAGT,kBAHS,IAGT;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,SAAS,IAKuB;AALvB,eAChB;AAAA;AAAA,IACA,UAAU;AAAA,EA5CZ,IA0CkB,IAGb,kBAHa,IAGb;AAAA,IAFH;AAAA,IACA;AAAA;AAIA,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,OAClD;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,IAGkC;AAHlC,eACnB;AAAA;AAAA,EA3DF,IA0DqB,IAEhB,kBAFgB,IAEhB;AAAA,IADH;AAAA;AAGA,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,IAGkC;AAHlC,eACnB;AAAA;AAAA,EA9EF,IA6EqB,IAEhB,kBAFgB,IAEhB;AAAA,IADH;AAAA;AAGA,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uBAAuB,SAAS;AAAA,OAC1C;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/textarea.d.ts

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

package/dist/components/textarea.js

@@ -0,0 +1,47 @@
+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 Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    __spreadValues({
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )
+    }, props)
+  );
+}
+export {
+  Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMI;AAJJ,SAAS,UAAU;AAEnB,SAAS,SAAS,IAA2D;AAA3D,eAAE,YAJpB,IAIkB,IAAgB,kBAAhB,IAAgB,CAAd;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/timeline-activity.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+interface TimelineEvent {
+    id: string;
+    icon: React.ReactNode;
+    title: React.ReactNode;
+    time: string;
+    preview?: React.ReactNode;
+    email?: {
+        from: string;
+        fromEmail?: string;
+        to: string;
+        cc?: string;
+        bcc?: string;
+        date?: string;
+        subject?: string;
+        body: React.ReactNode;
+    };
+    content?: React.ReactNode;
+    source?: {
+        label: string;
+        url: string;
+    };
+    defaultExpanded?: boolean;
+    isInteractive?: boolean;
+    onSourceClick?: () => void;
+}
+interface TimelineActivityProps {
+    events: TimelineEvent[];
+    className?: string;
+}
+declare function TimelineActivity({ events, className }: TimelineActivityProps): React.JSX.Element;
+
+export { TimelineActivity, type TimelineActivityProps, type TimelineEvent };

package/dist/components/timeline-activity.js

@@ -0,0 +1,181 @@
+"use client"
+
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+import { ChevronDown, ChevronUp, ExternalLink } from "lucide-react";
+function TimelineActivity({ events, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-0", className), children: events.map((event, index) => /* @__PURE__ */ jsx(
+    TimelineItem,
+    {
+      event,
+      isLast: index === events.length - 1
+    },
+    event.id
+  )) });
+}
+function TimelineItem({ event, isLast }) {
+  var _a, _b, _c, _d;
+  const [expanded, setExpanded] = React.useState((_a = event.defaultExpanded) != null ? _a : false);
+  const [showAllRecipients, setShowAllRecipients] = React.useState(false);
+  const hasContent = !!event.content;
+  const hasEmail = !!event.email;
+  return /* @__PURE__ */ jsxs("div", { className: "group relative flex gap-3.5", children: [
+    !isLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[9px] top-5 bottom-[-6px] w-px bg-border/60" }),
+    /* @__PURE__ */ jsx("div", { className: "relative z-10 mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-background", children: /* @__PURE__ */ jsx("div", { className: "flex h-4.5 w-4.5 items-center justify-center rounded-full border border-border/60 bg-background text-muted-foreground ring-4 ring-background", children: event.icon }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 pb-5 pt-0.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1 sm:flex-row sm:items-start sm:justify-between", children: [
+        /* @__PURE__ */ jsx("div", { className: "pr-4 text-[13px] leading-relaxed text-foreground", children: event.title }),
+        /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 whitespace-nowrap text-[11px] text-muted-foreground/70", children: event.time })
+      ] }),
+      (hasContent || hasEmail) && /* @__PURE__ */ jsx("div", { className: "mt-2", children: event.isInteractive ? hasEmail ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-border/80 bg-muted/20", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "px-3 py-2.5 text-sm",
+            !expanded && "cursor-pointer hover:bg-muted/30 transition-colors"
+          ),
+          onClick: () => !expanded && setExpanded(true),
+          children: expanded && event.email ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-1.5", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground text-[13px] whitespace-nowrap", children: event.email.from }),
+                  event.email.fromEmail && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 text-xs truncate", children: event.email.fromEmail })
+                ] }),
+                event.email.date && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground/50 whitespace-nowrap", children: event.email.date })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex items-center gap-1 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+                  "To ",
+                  event.email.to,
+                  !showAllRecipients && (event.email.cc || event.email.bcc) ? /* @__PURE__ */ jsx(Fragment, { children: ", ..." }) : null,
+                  showAllRecipients && event.email.cc ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    ", ",
+                    event.email.cc
+                  ] }) : null,
+                  showAllRecipients && event.email.bcc ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    " ",
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "bcc" }),
+                    " ",
+                    event.email.bcc
+                  ] }) : null
+                ] }),
+                (event.email.cc || event.email.bcc) && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setShowAllRecipients((prev) => !prev);
+                    },
+                    className: "shrink-0 text-muted-foreground/40 hover:text-muted-foreground transition-colors",
+                    children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-3 w-3 transition-transform", showAllRecipients && "rotate-180") })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "whitespace-pre-line text-sm leading-relaxed text-foreground/90", children: event.email.body }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setExpanded(false);
+                },
+                className: "mt-2 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground",
+                children: [
+                  "Show less ",
+                  /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3" })
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs("span", { className: "line-clamp-1 pr-3 text-[13px]", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: (_b = event.email) == null ? void 0 : _b.from }),
+              /* @__PURE__ */ jsx("span", { className: "mx-1.5 text-muted-foreground/40", children: "\xB7" }),
+              ((_c = event.email) == null ? void 0 : _c.subject) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: event.email.subject }),
+                /* @__PURE__ */ jsx("span", { className: "mx-1.5 text-muted-foreground/40", children: "\xB7" })
+              ] }) : null,
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: event.preview })
+            ] }),
+            /* @__PURE__ */ jsxs("button", { className: "flex shrink-0 items-center gap-1 text-[11px] font-semibold uppercase tracking-wider transition-colors hover:text-foreground", children: [
+              "Expand ",
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+            ] })
+          ] })
+        }
+      ) }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-border/80 bg-muted/20", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "px-3 py-2.5 text-sm",
+            !expanded && "cursor-pointer hover:bg-muted/30 transition-colors"
+          ),
+          onClick: () => !expanded && setExpanded(true),
+          children: expanded ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            event.content,
+            /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
+              event.source ? event.onSourceClick ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    var _a2;
+                    e.stopPropagation();
+                    (_a2 = event.onSourceClick) == null ? void 0 : _a2.call(event);
+                  },
+                  className: "mr-auto inline-flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground",
+                  children: [
+                    "Open in ",
+                    event.source.label,
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: event.source.url,
+                  target: "_blank",
+                  rel: "noreferrer noopener",
+                  className: "mr-auto inline-flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground",
+                  children: [
+                    "Open in ",
+                    event.source.label,
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+                  ]
+                }
+              ) : null,
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setExpanded(false);
+                  },
+                  className: "flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground",
+                  children: [
+                    "Show less ",
+                    /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3" })
+                  ]
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "line-clamp-1 pr-3", children: (_d = event.preview) != null ? _d : event.content }),
+            /* @__PURE__ */ jsxs("button", { className: "flex shrink-0 items-center gap-1 text-[11px] font-semibold uppercase tracking-wider transition-colors hover:text-foreground", children: [
+              "Expand ",
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+            ] })
+          ] })
+        }
+      ) }) : /* @__PURE__ */ jsx("div", { className: "pr-2 text-sm leading-relaxed text-muted-foreground", children: event.content }) })
+    ] })
+  ] });
+}
+export {
+  TimelineActivity
+};
+//# sourceMappingURL=timeline-activity.js.map

package/dist/components/timeline-activity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/timeline-activity.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { ChevronDown, ChevronUp, ExternalLink } from \"lucide-react\"\n\nexport interface TimelineEvent {\n  id: string\n  icon: React.ReactNode\n  title: React.ReactNode\n  time: string\n  preview?: React.ReactNode\n  email?: {\n    from: string\n    fromEmail?: string\n    to: string\n    cc?: string\n    bcc?: string\n    date?: string\n    subject?: string\n    body: React.ReactNode\n  }\n  content?: React.ReactNode\n  source?: {\n    label: string\n    url: string\n  }\n  defaultExpanded?: boolean\n  isInteractive?: boolean\n  onSourceClick?: () => void\n}\n\nexport interface TimelineActivityProps {\n  events: TimelineEvent[]\n  className?: string\n}\n\nexport function TimelineActivity({ events, className }: TimelineActivityProps) {\n  return (\n    <div className={cn(\"space-y-0\", className)}>\n      {events.map((event, index) => (\n        <TimelineItem\n          key={event.id}\n          event={event}\n          isLast={index === events.length - 1}\n        />\n      ))}\n    </div>\n  )\n}\n\nfunction TimelineItem({ event, isLast }: { event: TimelineEvent; isLast: boolean }) {\n  const [expanded, setExpanded] = React.useState(event.defaultExpanded ?? false)\n  const [showAllRecipients, setShowAllRecipients] = React.useState(false)\n  const hasContent = !!event.content\n  const hasEmail = !!event.email\n\n  return (\n    <div className=\"group relative flex gap-3.5\">\n      {!isLast && (\n        <div className=\"absolute left-[9px] top-5 bottom-[-6px] w-px bg-border/60\" />\n      )}\n\n      <div className=\"relative z-10 mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-background\">\n        <div className=\"flex h-4.5 w-4.5 items-center justify-center rounded-full border border-border/60 bg-background text-muted-foreground ring-4 ring-background\">\n          {event.icon}\n        </div>\n      </div>\n\n      <div className=\"flex-1 pb-5 pt-0.5\">\n        <div className=\"flex min-w-0 flex-col gap-1 sm:flex-row sm:items-start sm:justify-between\">\n          <div className=\"pr-4 text-[13px] leading-relaxed text-foreground\">\n            {event.title}\n          </div>\n          <span className=\"mt-0.5 shrink-0 whitespace-nowrap text-[11px] text-muted-foreground/70\">\n            {event.time}\n          </span>\n        </div>\n\n        {(hasContent || hasEmail) && (\n          <div className=\"mt-2\">\n            {event.isInteractive ? (\n              hasEmail ? (\n                <div className=\"overflow-hidden rounded-md border border-border/80 bg-muted/20\">\n                  <div\n                    className={cn(\n                      \"px-3 py-2.5 text-sm\",\n                      !expanded && \"cursor-pointer hover:bg-muted/30 transition-colors\"\n                    )}\n                    onClick={() => !expanded && setExpanded(true)}\n                  >\n                    {expanded && event.email ? (\n                      <div className=\"space-y-3\">\n                        <div>\n                          <div className=\"flex items-center justify-between gap-4\">\n                            <div className=\"flex min-w-0 items-baseline gap-1.5\">\n                              <span className=\"font-semibold text-foreground text-[13px] whitespace-nowrap\">{event.email.from}</span>\n                              {event.email.fromEmail && (\n                                <span className=\"text-muted-foreground/60 text-xs truncate\">{event.email.fromEmail}</span>\n                              )}\n                            </div>\n                            {event.email.date && (\n                              <span className=\"shrink-0 text-xs text-muted-foreground/50 whitespace-nowrap\">{event.email.date}</span>\n                            )}\n                          </div>\n                          <div className=\"mt-0.5 flex items-center gap-1 text-xs text-muted-foreground\">\n                            <span className=\"truncate\">\n                              To {event.email.to}\n                              {!showAllRecipients && (event.email.cc || event.email.bcc) ? (\n                                <>, ...</>\n                              ) : null}\n                              {showAllRecipients && event.email.cc ? (\n                                <>, {event.email.cc}</>\n                              ) : null}\n                              {showAllRecipients && event.email.bcc ? (\n                                <> <span className=\"text-muted-foreground/40\">bcc</span> {event.email.bcc}</>\n                              ) : null}\n                            </span>\n                            {(event.email.cc || event.email.bcc) && (\n                              <button\n                                type=\"button\"\n                                onClick={(e) => {\n                                  e.stopPropagation()\n                                  setShowAllRecipients((prev) => !prev)\n                                }}\n                                className=\"shrink-0 text-muted-foreground/40 hover:text-muted-foreground transition-colors\"\n                              >\n                                <ChevronDown className={cn(\"h-3 w-3 transition-transform\", showAllRecipients && \"rotate-180\")} />\n                              </button>\n                            )}\n                          </div>\n                        </div>\n\n                        <div className=\"whitespace-pre-line text-sm leading-relaxed text-foreground/90\">\n                          {event.email.body}\n                        </div>\n\n                        <button\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            setExpanded(false)\n                          }}\n                          className=\"mt-2 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground\"\n                        >\n                          Show less <ChevronUp className=\"h-3 w-3\" />\n                        </button>\n                      </div>\n                    ) : (\n                      <div className=\"flex items-center justify-between gap-2 text-muted-foreground\">\n                        <span className=\"line-clamp-1 pr-3 text-[13px]\">\n                          <span className=\"text-muted-foreground\">{event.email?.from}</span>\n                          <span className=\"mx-1.5 text-muted-foreground/40\">&middot;</span>\n                          {event.email?.subject ? (\n                            <>\n                              <span className=\"text-muted-foreground\">{event.email.subject}</span>\n                              <span className=\"mx-1.5 text-muted-foreground/40\">&middot;</span>\n                            </>\n                          ) : null}\n                          <span className=\"text-muted-foreground\">{event.preview}</span>\n                        </span>\n                        <button className=\"flex shrink-0 items-center gap-1 text-[11px] font-semibold uppercase tracking-wider transition-colors hover:text-foreground\">\n                          Expand <ChevronDown className=\"h-3 w-3\" />\n                        </button>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <div className=\"overflow-hidden rounded-md border border-border/80 bg-muted/20\">\n                  <div\n                    className={cn(\n                      \"px-3 py-2.5 text-sm\",\n                      !expanded && \"cursor-pointer hover:bg-muted/30 transition-colors\"\n                    )}\n                    onClick={() => !expanded && setExpanded(true)}\n                  >\n                    {expanded ? (\n                      <div className=\"space-y-2\">\n                        {event.content}\n                        <div className=\"mt-2 flex items-center gap-3\">\n                          {event.source ? (\n                            event.onSourceClick ? (\n                              <button\n                                type=\"button\"\n                                onClick={(e) => { e.stopPropagation(); event.onSourceClick?.(); }}\n                                className=\"mr-auto inline-flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground\"\n                              >\n                                Open in {event.source.label}\n                                <ExternalLink className=\"h-3 w-3\" />\n                              </button>\n                            ) : (\n                              <a\n                                href={event.source.url}\n                                target=\"_blank\"\n                                rel=\"noreferrer noopener\"\n                                className=\"mr-auto inline-flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground\"\n                              >\n                                Open in {event.source.label}\n                                <ExternalLink className=\"h-3 w-3\" />\n                              </a>\n                            )\n                          ) : null}\n                          <button\n                            onClick={(e) => { e.stopPropagation(); setExpanded(false); }}\n                            className=\"flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground transition-colors hover:text-foreground\"\n                          >\n                            Show less <ChevronUp className=\"h-3 w-3\" />\n                          </button>\n                        </div>\n                      </div>\n                    ) : (\n                      <div className=\"flex items-center justify-between gap-2 text-muted-foreground\">\n                        <span className=\"line-clamp-1 pr-3\">\n                          {event.preview ?? event.content}\n                        </span>\n                        <button className=\"flex shrink-0 items-center gap-1 text-[11px] font-semibold uppercase tracking-wider transition-colors hover:text-foreground\">\n                          Expand <ChevronDown className=\"h-3 w-3\" />\n                        </button>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              )\n            ) : (\n              <div className=\"pr-2 text-sm leading-relaxed text-muted-foreground\">\n                {event.content}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["_a"]}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): React.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/tooltip.js

@@ -0,0 +1,93 @@
+"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, jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delayDuration = 0
+  } = _b, props = __objRest(_b, [
+    "delayDuration"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delayDuration
+    }, props)
+  );
+}
+function Tooltip(_c) {
+  var props = __objRest(_c, []);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+}
+function TooltipTrigger(_d) {
+  var props = __objRest(_d, []);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_e) {
+  var _f = _e, {
+    className,
+    sideOffset = 0,
+    children
+  } = _f, props = __objRest(_f, [
+    "className",
+    "sideOffset",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    __spreadProps(__spreadValues({
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    })
+  ) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYI,cA4BE,YA5BF;AATJ,SAAS,WAAW,wBAAwB;AAE5C,SAAS,UAAU;AAEnB,SAAS,gBAAgB,IAGkC;AAHlC,eACvB;AAAA,oBAAgB;AAAA,EARlB,IAOyB,IAEpB,kBAFoB,IAEpB;AAAA,IADH;AAAA;AAGA,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ,IAEsC;AAFtC,MACZ,kBADY,IACZ;AAEH,SAAO,oBAAC,iBAAiB,MAAjB,iBAAsB,aAAU,aAAc,MAAO;AAC/D;AAEA,SAAS,eAAe,IAEkC;AAFlC,MACnB,kBADmB,IACnB;AAEH,SAAO,oBAAC,iBAAiB,SAAjB,iBAAyB,aAAU,qBAAsB,MAAO;AAC1E;AAEA,SAAS,eAAe,IAKkC;AALlC,eACtB;AAAA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,EAnCF,IAgCwB,IAInB,kBAJmB,IAInB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QAPL;AAAA,MASE;AAAA;AAAA,QACD,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,sGAAqG;AAAA;AAAA;AAAA,EACzI,GACF;AAEJ;","names":[]}

package/dist/components/view-mode-toggle.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface ViewMode {
+    id: string;
+    icon: React.ReactNode;
+    label: string;
+}
+interface ViewModeToggleProps {
+    modes: ViewMode[];
+    activeMode: string;
+    onModeChange: (modeId: string) => void;
+    className?: string;
+}
+declare function ViewModeToggle({ modes, activeMode, onModeChange, className }: ViewModeToggleProps): React.JSX.Element;
+
+export { type ViewMode, ViewModeToggle, type ViewModeToggleProps };

package/dist/components/view-mode-toggle.js

@@ -0,0 +1,24 @@
+"use client"
+
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function ViewModeToggle({ modes, activeMode, onModeChange, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center rounded-lg bg-muted p-0.5 gap-0.5", className), children: modes.map((mode) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: () => onModeChange(mode.id),
+      title: mode.label,
+      className: cn(
+        "h-7 w-8 flex items-center justify-center rounded-md transition-all",
+        activeMode === mode.id ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/80"
+      ),
+      children: mode.icon
+    },
+    mode.id
+  )) });
+}
+export {
+  ViewModeToggle
+};
+//# sourceMappingURL=view-mode-toggle.js.map

package/dist/components/view-mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/view-mode-toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport interface ViewMode {\n  id: string\n  icon: React.ReactNode\n  label: string\n}\n\nexport interface ViewModeToggleProps {\n  modes: ViewMode[]\n  activeMode: string\n  onModeChange: (modeId: string) => void\n  className?: string\n}\n\nexport function ViewModeToggle({ modes, activeMode, onModeChange, className }: ViewModeToggleProps) {\n  return (\n    <div className={cn(\"flex items-center rounded-lg bg-muted p-0.5 gap-0.5\", className)}>\n      {modes.map((mode) => (\n        <button\n          key={mode.id}\n          onClick={() => onModeChange(mode.id)}\n          title={mode.label}\n          className={cn(\n            \"h-7 w-8 flex items-center justify-center rounded-md transition-all\",\n            activeMode === mode.id\n              ? \"bg-background shadow-sm text-foreground\"\n              : \"text-muted-foreground hover:text-foreground hover:bg-muted/80\"\n          )}\n        >\n          {mode.icon}\n        </button>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";AAsBQ;AAnBR,SAAS,UAAU;AAeZ,SAAS,eAAe,EAAE,OAAO,YAAY,cAAc,UAAU,GAAwB;AAClG,SACE,oBAAC,SAAI,WAAW,GAAG,uDAAuD,SAAS,GAChF,gBAAM,IAAI,CAAC,SACV;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,MAAM,aAAa,KAAK,EAAE;AAAA,MACnC,OAAO,KAAK;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA,eAAe,KAAK,KAChB,4CACA;AAAA,MACN;AAAA,MAEC,eAAK;AAAA;AAAA,IAVD,KAAK;AAAA,EAWZ,CACD,GACH;AAEJ;","names":[]}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,3 @@
+declare function useIsMobile(): boolean;
+
+export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+export {
+  useIsMobile
+};
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":"AAAA,YAAY,WAAW;AAEvB,MAAM,oBAAoB;AAEnB,SAAS,cAAc;AAC5B,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM;AAAA,IACpC;AAAA,EACF;AAEA,QAAM,UAAU,MAAM;AACpB,UAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,CAAC,KAAK;AACvE,UAAM,WAAW,MAAM;AACrB,kBAAY,OAAO,aAAa,iBAAiB;AAAA,IACnD;AACA,QAAI,iBAAiB,UAAU,QAAQ;AACvC,gBAAY,OAAO,aAAa,iBAAiB;AACjD,WAAO,MAAM,IAAI,oBAAoB,UAAU,QAAQ;AAAA,EACzD,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,CAAC;AACX;","names":[]}