@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/components/quick-action-chat-area.js

@@ -0,0 +1,178 @@
+"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 * as React from "react";
+import { ArrowUp, Paperclip } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Button } from "./button.js";
+function QuickActionChatArea(_a) {
+  var _b = _a, {
+    className,
+    placeholder = "How can I help you today?",
+    submitLabel = "Create Task",
+    value,
+    defaultValue = "",
+    onValueChange,
+    priority,
+    defaultPriority = "normal",
+    onPriorityChange,
+    onSubmit,
+    allowEmptySubmit = false,
+    clearOnSubmit = true,
+    showEnterHint = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "placeholder",
+    "submitLabel",
+    "value",
+    "defaultValue",
+    "onValueChange",
+    "priority",
+    "defaultPriority",
+    "onPriorityChange",
+    "onSubmit",
+    "allowEmptySubmit",
+    "clearOnSubmit",
+    "showEnterHint"
+  ]);
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const [internalPriority, setInternalPriority] = React.useState(defaultPriority);
+  const composerValue = value != null ? value : internalValue;
+  const selectedPriority = priority != null ? priority : internalPriority;
+  const setComposerValue = React.useCallback(
+    (nextValue) => {
+      if (value === void 0) {
+        setInternalValue(nextValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(nextValue);
+    },
+    [onValueChange, value]
+  );
+  const setPriorityValue = React.useCallback(
+    (nextPriority) => {
+      if (priority === void 0) {
+        setInternalPriority(nextPriority);
+      }
+      onPriorityChange == null ? void 0 : onPriorityChange(nextPriority);
+    },
+    [onPriorityChange, priority]
+  );
+  const canSubmit = allowEmptySubmit || composerValue.trim().length > 0;
+  const handleSubmit = React.useCallback(() => {
+    if (!canSubmit) {
+      return;
+    }
+    onSubmit({
+      message: composerValue,
+      priority: selectedPriority
+    });
+    if (clearOnSubmit) {
+      setComposerValue("");
+    }
+  }, [canSubmit, clearOnSubmit, composerValue, onSubmit, selectedPriority, setComposerValue]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn("border-t border-border bg-background p-4", className)
+    }, props), {
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-2xl overflow-hidden rounded-md border border-border bg-background shadow-sm transition-all focus-within:border-[#1B4332] focus-within:ring-2 focus-within:ring-[#1B4332]/20", children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: composerValue,
+            onChange: (event) => setComposerValue(event.target.value),
+            placeholder,
+            className: "min-h-[80px] w-full resize-none p-4 text-foreground outline-none placeholder:text-muted-foreground",
+            onKeyDown: (event) => {
+              if (event.key === "Enter" && !event.shiftKey) {
+                event.preventDefault();
+                handleSubmit();
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border bg-muted px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                title: "Attach file",
+                "aria-label": "Attach file",
+                children: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "mx-1 h-4 w-px bg-muted" }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: selectedPriority,
+                onChange: (event) => setPriorityValue(event.target.value),
+                className: "cursor-pointer rounded-md bg-transparent px-2 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted",
+                "aria-label": "Task priority",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "normal", children: "Normal" }),
+                  /* @__PURE__ */ jsx("option", { value: "high", children: "High" }),
+                  /* @__PURE__ */ jsx("option", { value: "urgent", children: "Urgent" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            showEnterHint ? /* @__PURE__ */ jsx("span", { className: "hidden text-xs text-muted-foreground sm:inline", children: "Press \u23CE to create" }) : null,
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                onClick: handleSubmit,
+                disabled: !canSubmit,
+                className: "gap-2 rounded-md bg-[#1B4332] text-white hover:bg-[#235742] disabled:cursor-not-allowed disabled:opacity-50",
+                children: [
+                  submitLabel,
+                  /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    })
+  );
+}
+export {
+  QuickActionChatArea
+};
+//# sourceMappingURL=quick-action-chat-area.js.map

package/dist/components/quick-action-chat-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/quick-action-chat-area.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ArrowUp, Paperclip } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\nimport { Button } from \"./button\"\n\nexport type QuickActionPriority = \"normal\" | \"high\" | \"urgent\"\n\nexport interface QuickActionSubmitPayload {\n  message: string\n  priority: QuickActionPriority\n}\n\ninterface QuickActionChatAreaProps\n  extends Omit<React.ComponentProps<\"div\">, \"onSubmit\"> {\n  placeholder?: string\n  submitLabel?: string\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  priority?: QuickActionPriority\n  defaultPriority?: QuickActionPriority\n  onPriorityChange?: (priority: QuickActionPriority) => void\n  onSubmit: (payload: QuickActionSubmitPayload) => void\n  allowEmptySubmit?: boolean\n  clearOnSubmit?: boolean\n  showEnterHint?: boolean\n}\n\nexport function QuickActionChatArea({\n  className,\n  placeholder = \"How can I help you today?\",\n  submitLabel = \"Create Task\",\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  priority,\n  defaultPriority = \"normal\",\n  onPriorityChange,\n  onSubmit,\n  allowEmptySubmit = false,\n  clearOnSubmit = true,\n  showEnterHint = true,\n  ...props\n}: QuickActionChatAreaProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const [internalPriority, setInternalPriority] =\n    React.useState<QuickActionPriority>(defaultPriority)\n\n  const composerValue = value ?? internalValue\n  const selectedPriority = priority ?? internalPriority\n\n  const setComposerValue = React.useCallback(\n    (nextValue: string) => {\n      if (value === undefined) {\n        setInternalValue(nextValue)\n      }\n\n      onValueChange?.(nextValue)\n    },\n    [onValueChange, value]\n  )\n\n  const setPriorityValue = React.useCallback(\n    (nextPriority: QuickActionPriority) => {\n      if (priority === undefined) {\n        setInternalPriority(nextPriority)\n      }\n\n      onPriorityChange?.(nextPriority)\n    },\n    [onPriorityChange, priority]\n  )\n\n  const canSubmit = allowEmptySubmit || composerValue.trim().length > 0\n\n  const handleSubmit = React.useCallback(() => {\n    if (!canSubmit) {\n      return\n    }\n\n    onSubmit({\n      message: composerValue,\n      priority: selectedPriority,\n    })\n\n    if (clearOnSubmit) {\n      setComposerValue(\"\")\n    }\n  }, [canSubmit, clearOnSubmit, composerValue, onSubmit, selectedPriority, setComposerValue])\n\n  return (\n    <div\n      className={cn(\"border-t border-border bg-background p-4\", className)}\n      {...props}\n    >\n      <div className=\"mx-auto w-full max-w-2xl overflow-hidden rounded-md border border-border bg-background shadow-sm transition-all focus-within:border-[#1B4332] focus-within:ring-2 focus-within:ring-[#1B4332]/20\">\n        <textarea\n          value={composerValue}\n          onChange={(event) => setComposerValue(event.target.value)}\n          placeholder={placeholder}\n          className=\"min-h-[80px] w-full resize-none p-4 text-foreground outline-none placeholder:text-muted-foreground\"\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\" && !event.shiftKey) {\n              event.preventDefault()\n              handleSubmit()\n            }\n          }}\n        />\n        <div className=\"flex items-center justify-between border-t border-border bg-muted px-3 py-2\">\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              className=\"rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n              title=\"Attach file\"\n              aria-label=\"Attach file\"\n            >\n              <Paperclip className=\"h-4 w-4\" />\n            </button>\n            <div className=\"mx-1 h-4 w-px bg-muted\" />\n            <select\n              value={selectedPriority}\n              onChange={(event) =>\n                setPriorityValue(event.target.value as QuickActionPriority)\n              }\n              className=\"cursor-pointer rounded-md bg-transparent px-2 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted\"\n              aria-label=\"Task priority\"\n            >\n              <option value=\"normal\">Normal</option>\n              <option value=\"high\">High</option>\n              <option value=\"urgent\">Urgent</option>\n            </select>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            {showEnterHint ? (\n              <span className=\"hidden text-xs text-muted-foreground sm:inline\">\n                Press ⏎ to create\n              </span>\n            ) : null}\n            <Button\n              size=\"sm\"\n              onClick={handleSubmit}\n              disabled={!canSubmit}\n              className=\"gap-2 rounded-md bg-[#1B4332] text-white hover:bg-[#235742] disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {submitLabel}\n              <ArrowUp className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/components/quick-action-modal.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+type TemplateIcon = React.ComponentType<{
+    className?: string;
+}>;
+interface QuickActionTemplate {
+    id: string;
+    label: string;
+    description: string;
+    icon: TemplateIcon;
+    category?: string;
+}
+type QuickActionPriority = "normal" | "high" | "urgent";
+interface QuickActionTaskDraft {
+    templateId: string | null;
+    message: string;
+    priority: QuickActionPriority;
+}
+interface QuickActionModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    templates?: QuickActionTemplate[];
+    title?: string;
+    description?: string;
+    className?: string;
+    onCreateTask?: (draft: QuickActionTaskDraft) => void;
+}
+declare function QuickActionModal({ open, onOpenChange, templates, title, description, className, onCreateTask, }: QuickActionModalProps): React.JSX.Element;
+
+export { QuickActionModal, type QuickActionPriority, type QuickActionTaskDraft, type QuickActionTemplate };

package/dist/components/quick-action-modal.js

@@ -0,0 +1,288 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { X } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.js";
+const DEFAULT_TEMPLATES = [
+  {
+    id: "call_patient",
+    label: "Call Patient",
+    icon: ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }) }),
+    description: "Schedule or log a call",
+    category: "communication"
+  },
+  {
+    id: "call_provider",
+    label: "Call Provider",
+    icon: ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" }) }),
+    description: "Contact referring office",
+    category: "communication"
+  },
+  {
+    id: "call_payer",
+    label: "Call Payer",
+    icon: ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" }) }),
+    description: "Verify benefits or status",
+    category: "admin"
+  },
+  {
+    id: "send_fax",
+    label: "Send Fax",
+    icon: ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }),
+    description: "Request records or auth",
+    category: "communication"
+  },
+  {
+    id: "verify_benefits",
+    label: "Verify Benefits",
+    icon: ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+    description: "Check eligibility status",
+    category: "admin"
+  },
+  {
+    id: "create_referral",
+    label: "New Referral",
+    icon: ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }),
+    description: "Process incoming referral",
+    category: "clinical"
+  },
+  {
+    id: "manual_task",
+    label: "Manual Task",
+    icon: ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+    description: "Create a custom to-do",
+    category: "admin"
+  }
+];
+function QuickActionModal({
+  open,
+  onOpenChange,
+  templates = DEFAULT_TEMPLATES,
+  title = "Quick Action",
+  description = "Choose a template or describe your task below.",
+  className,
+  onCreateTask
+}) {
+  const [freeformText, setFreeformText] = React.useState("");
+  const [selectedPriority, setSelectedPriority] = React.useState("normal");
+  const inputRef = React.useRef(null);
+  React.useEffect(() => {
+    if (open) {
+      setFreeformText("");
+      setSelectedPriority("normal");
+      setTimeout(() => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.focus();
+      }, 100);
+    }
+  }, [open]);
+  const handleTemplateClick = React.useCallback(
+    (template) => {
+      onCreateTask == null ? void 0 : onCreateTask({
+        templateId: template.id,
+        message: "",
+        priority: "normal"
+      });
+      onOpenChange(false);
+    },
+    [onCreateTask, onOpenChange]
+  );
+  const handleFreeformSubmit = React.useCallback(
+    (e) => {
+      e == null ? void 0 : e.preventDefault();
+      if (!freeformText.trim()) return;
+      onCreateTask == null ? void 0 : onCreateTask({
+        templateId: null,
+        message: freeformText.trim(),
+        priority: selectedPriority
+      });
+      onOpenChange(false);
+    },
+    [freeformText, selectedPriority, onCreateTask, onOpenChange]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      className: cn(
+        "flex max-h-[85vh] flex-col gap-0 overflow-hidden rounded-2xl border border-border bg-card p-0 shadow-2xl sm:max-w-2xl",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative pt-8 px-6 text-center", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onOpenChange(false),
+                className: "absolute top-4 right-4 p-2 text-muted-foreground hover:text-foreground transition-colors rounded-full hover:bg-muted/50",
+                "aria-label": "Close",
+                children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "absolute top-6 left-6 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded flex items-center justify-center bg-muted/80", children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "w-3 h-3 text-muted-foreground",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M13 10V3L4 14h7v7l9-11h-7z"
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground/80", children: title })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-12 mb-8", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold text-foreground tracking-tight", children: "Let's knock something off your list" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "px-6 pb-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3", children: templates.map((template) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleTemplateClick(template),
+              className: "flex flex-col items-start gap-3 p-5 min-h-[9.5rem] rounded-xl border border-border bg-card hover:border-primary/20 hover:shadow-md hover:translate-y-[-1px] transition-all text-left group relative",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-muted/50 group-hover:bg-primary/5 transition-colors", children: /* @__PURE__ */ jsx(template.icon, { className: "w-5 h-5 text-muted-foreground group-hover:text-primary transition-colors" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "relative z-10 w-full", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold text-foreground mb-1", children: template.label }),
+                  /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground leading-tight", children: template.description })
+                ] })
+              ]
+            },
+            template.id
+          )) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "form",
+          {
+            onSubmit: handleFreeformSubmit,
+            className: "shrink-0 p-6 bg-muted/5 border-t border-border",
+            children: /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-2 rounded-xl border border-border bg-background p-2 shadow-sm focus-within:ring-2 focus-within:ring-primary/10 focus-within:border-primary/50 transition-all", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: inputRef,
+                  type: "text",
+                  value: freeformText,
+                  onChange: (e) => setFreeformText(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && !e.shiftKey) {
+                      e.preventDefault();
+                      handleFreeformSubmit();
+                    }
+                  },
+                  placeholder: "How can I help you today?",
+                  className: "w-full bg-transparent px-4 py-3 text-sm text-foreground placeholder-muted-foreground focus:outline-none"
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2 px-2 pb-2 border-t border-border/50 mt-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors",
+                      title: "Add attachment",
+                      children: /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          className: "w-4 h-4",
+                          fill: "none",
+                          stroke: "currentColor",
+                          viewBox: "0 0 24 24",
+                          children: /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              strokeWidth: 2,
+                              d: "M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border mx-1" }),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      value: selectedPriority,
+                      onChange: (e) => setSelectedPriority(e.target.value),
+                      className: "flex items-center gap-1.5 px-2 py-1 text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors bg-transparent cursor-pointer border-none outline-none",
+                      "aria-label": "Priority",
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "normal", children: "Normal" }),
+                        /* @__PURE__ */ jsx("option", { value: "high", children: "High" }),
+                        /* @__PURE__ */ jsx("option", { value: "urgent", children: "Urgent" })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground font-medium hidden sm:inline-block opacity-70", children: [
+                    "Press ",
+                    /* @__PURE__ */ jsx("kbd", { className: "font-sans", children: "\u21B5" }),
+                    " to create"
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "submit",
+                      disabled: !freeformText.trim(),
+                      className: "flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-all shadow-sm",
+                      children: [
+                        "Create",
+                        /* @__PURE__ */ jsx(
+                          "svg",
+                          {
+                            className: "w-3 h-3",
+                            fill: "none",
+                            stroke: "currentColor",
+                            viewBox: "0 0 24 24",
+                            children: /* @__PURE__ */ jsx(
+                              "path",
+                              {
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                strokeWidth: 2,
+                                d: "M5 10l7-7m0 0l7 7m-7-7v18"
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  QuickActionModal
+};
+//# sourceMappingURL=quick-action-modal.js.map

package/dist/components/quick-action-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/quick-action-modal.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from \"./dialog\"\n\ntype TemplateIcon = React.ComponentType<{ className?: string }>\n\nexport interface QuickActionTemplate {\n  id: string\n  label: string\n  description: string\n  icon: TemplateIcon\n  category?: string\n}\n\nexport type QuickActionPriority = \"normal\" | \"high\" | \"urgent\"\n\nexport interface QuickActionTaskDraft {\n  templateId: string | null\n  message: string\n  priority: QuickActionPriority\n}\n\ninterface QuickActionModalProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  templates?: QuickActionTemplate[]\n  title?: string\n  description?: string\n  className?: string\n  onCreateTask?: (draft: QuickActionTaskDraft) => void\n}\n\nconst DEFAULT_TEMPLATES: QuickActionTemplate[] = [\n  {\n    id: \"call_patient\",\n    label: \"Call Patient\",\n    icon: ({ className }) => (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" />\n      </svg>\n    ),\n    description: \"Schedule or log a call\",\n    category: \"communication\",\n  },\n  {\n    id: \"call_provider\",\n    label: \"Call Provider\",\n    icon: ({ className }) => (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" />\n      </svg>\n    ),\n    description: \"Contact referring office\",\n    category: \"communication\",\n  },\n  {\n    id: \"call_payer\",\n    label: \"Call Payer\",\n    icon: ({ className }) => (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" />\n      </svg>\n    ),\n    description: \"Verify benefits or status\",\n    category: \"admin\",\n  },\n  {\n    id: \"send_fax\",\n    label: \"Send Fax\",\n    icon: ({ className }) => (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n      </svg>\n    ),\n    description: \"Request records or auth\",\n    category: \"communication\",\n  },\n  {\n    id: \"verify_benefits\",\n    label: \"Verify Benefits\",\n    icon: ({ className }) => (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n    ),\n    description: \"Check eligibility status\",\n    category: \"admin\",\n  },\n  {\n    id: \"create_referral\",\n    label: \"New Referral\",\n    icon: ({ className }) => (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" />\n      </svg>\n    ),\n    description: \"Process incoming referral\",\n    category: \"clinical\",\n  },\n  {\n    id: \"manual_task\",\n    label: \"Manual Task\",\n    icon: ({ className }) => (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n    ),\n    description: \"Create a custom to-do\",\n    category: \"admin\",\n  },\n]\n\nexport function QuickActionModal({\n  open,\n  onOpenChange,\n  templates = DEFAULT_TEMPLATES,\n  title = \"Quick Action\",\n  description = \"Choose a template or describe your task below.\",\n  className,\n  onCreateTask,\n}: QuickActionModalProps) {\n  const [freeformText, setFreeformText] = React.useState(\"\")\n  const [selectedPriority, setSelectedPriority] = React.useState<QuickActionPriority>(\"normal\")\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  React.useEffect(() => {\n    if (open) {\n      setFreeformText(\"\")\n      setSelectedPriority(\"normal\")\n      setTimeout(() => inputRef.current?.focus(), 100)\n    }\n  }, [open])\n\n  const handleTemplateClick = React.useCallback(\n    (template: QuickActionTemplate) => {\n      onCreateTask?.({\n        templateId: template.id,\n        message: \"\",\n        priority: \"normal\",\n      })\n      onOpenChange(false)\n    },\n    [onCreateTask, onOpenChange],\n  )\n\n  const handleFreeformSubmit = React.useCallback(\n    (e?: React.FormEvent) => {\n      e?.preventDefault()\n      if (!freeformText.trim()) return\n\n      onCreateTask?.({\n        templateId: null,\n        message: freeformText.trim(),\n        priority: selectedPriority,\n      })\n      onOpenChange(false)\n    },\n    [freeformText, selectedPriority, onCreateTask, onOpenChange],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        showCloseButton={false}\n        className={cn(\n          \"flex max-h-[85vh] flex-col gap-0 overflow-hidden rounded-2xl border border-border bg-card p-0 shadow-2xl sm:max-w-2xl\",\n          className,\n        )}\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">\n          {/* Header */}\n          <div className=\"relative pt-8 px-6 text-center\">\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(false)}\n              className=\"absolute top-4 right-4 p-2 text-muted-foreground hover:text-foreground transition-colors rounded-full hover:bg-muted/50\"\n              aria-label=\"Close\"\n            >\n              <X className=\"w-5 h-5\" />\n            </button>\n\n            <div className=\"absolute top-6 left-6 flex items-center gap-2\">\n              <div className=\"w-5 h-5 rounded flex items-center justify-center bg-muted/80\">\n                <svg\n                  className=\"w-3 h-3 text-muted-foreground\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n                  />\n                </svg>\n              </div>\n              <span className=\"text-sm font-semibold text-foreground/80\">{title}</span>\n            </div>\n\n            <div className=\"mt-12 mb-8\">\n              <h3 className=\"text-2xl font-bold text-foreground tracking-tight\">\n                Let&apos;s knock something off your list\n              </h3>\n              <p className=\"mt-2 text-sm text-muted-foreground\">{description}</p>\n            </div>\n          </div>\n\n          {/* Template Grid */}\n          <div className=\"px-6 pb-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\">\n            {templates.map((template) => (\n              <button\n                key={template.id}\n                type=\"button\"\n                onClick={() => handleTemplateClick(template)}\n                className=\"flex flex-col items-start gap-3 p-5 min-h-[9.5rem] rounded-xl border border-border bg-card hover:border-primary/20 hover:shadow-md hover:translate-y-[-1px] transition-all text-left group relative\"\n              >\n                <div className=\"p-2 rounded-lg bg-muted/50 group-hover:bg-primary/5 transition-colors\">\n                  <template.icon className=\"w-5 h-5 text-muted-foreground group-hover:text-primary transition-colors\" />\n                </div>\n                <div className=\"relative z-10 w-full\">\n                  <span className=\"block text-sm font-semibold text-foreground mb-1\">\n                    {template.label}\n                  </span>\n                  <span className=\"block text-xs text-muted-foreground leading-tight\">\n                    {template.description}\n                  </span>\n                </div>\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Freeform Input */}\n        <form\n          onSubmit={handleFreeformSubmit}\n          className=\"shrink-0 p-6 bg-muted/5 border-t border-border\"\n        >\n          <div className=\"relative flex flex-col gap-2 rounded-xl border border-border bg-background p-2 shadow-sm focus-within:ring-2 focus-within:ring-primary/10 focus-within:border-primary/50 transition-all\">\n            <input\n              ref={inputRef}\n              type=\"text\"\n              value={freeformText}\n              onChange={(e) => setFreeformText(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" && !e.shiftKey) {\n                  e.preventDefault()\n                  handleFreeformSubmit()\n                }\n              }}\n              placeholder=\"How can I help you today?\"\n              className=\"w-full bg-transparent px-4 py-3 text-sm text-foreground placeholder-muted-foreground focus:outline-none\"\n            />\n\n            <div className=\"flex items-center justify-between pt-2 px-2 pb-2 border-t border-border/50 mt-1\">\n              <div className=\"flex items-center gap-2\">\n                <button\n                  type=\"button\"\n                  className=\"p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors\"\n                  title=\"Add attachment\"\n                >\n                  <svg\n                    className=\"w-4 h-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\"\n                    />\n                  </svg>\n                </button>\n                <div className=\"h-4 w-px bg-border mx-1\" />\n                <select\n                  value={selectedPriority}\n                  onChange={(e) =>\n                    setSelectedPriority(e.target.value as QuickActionPriority)\n                  }\n                  className=\"flex items-center gap-1.5 px-2 py-1 text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors bg-transparent cursor-pointer border-none outline-none\"\n                  aria-label=\"Priority\"\n                >\n                  <option value=\"normal\">Normal</option>\n                  <option value=\"high\">High</option>\n                  <option value=\"urgent\">Urgent</option>\n                </select>\n              </div>\n\n              <div className=\"flex items-center gap-3\">\n                <span className=\"text-[10px] text-muted-foreground font-medium hidden sm:inline-block opacity-70\">\n                  Press <kbd className=\"font-sans\">↵</kbd> to create\n                </span>\n                <button\n                  type=\"submit\"\n                  disabled={!freeformText.trim()}\n                  className=\"flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-all shadow-sm\"\n                >\n                  Create\n                  <svg\n                    className=\"w-3 h-3\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M5 10l7-7m0 0l7 7m-7-7v18\"\n                    />\n                  </svg>\n                </button>\n              </div>\n            </div>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/components/quick-action-sidebar-nav.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { QuickActionTaskDraft, QuickActionTemplate } from './quick-action-modal.js';
+
+interface SidebarNavItem {
+    id: string;
+    label: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    children?: SidebarNavItem[];
+}
+interface SidebarNavSection {
+    title?: string;
+    items: SidebarNavItem[];
+    moreItems?: SidebarNavItem[];
+}
+interface SidebarUserProfile {
+    name: string;
+    email: string;
+    initials?: string;
+}
+interface UserMenuItem {
+    id: string;
+    label: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    destructive?: boolean;
+}
+type ActiveVariant = "default" | "gradient";
+interface QuickActionSidebarNavProps extends React.ComponentProps<"aside"> {
+    brandLabel?: string;
+    brandSubtitle?: string;
+    brandImage?: string;
+    hideQuickAction?: boolean;
+    navSections?: SidebarNavSection[];
+    activeItemId?: string;
+    activeVariant?: ActiveVariant;
+    onNavigate?: (itemId: string) => void;
+    user?: SidebarUserProfile;
+    userMenuItems?: UserMenuItem[];
+    onUserMenuAction?: (itemId: string) => void;
+    onCreateTask?: (draft: QuickActionTaskDraft) => void;
+    defaultCollapsed?: boolean;
+    quickActionTemplates?: QuickActionTemplate[];
+    quickActionTitle?: string;
+    quickActionDescription?: string;
+}
+declare function QuickActionSidebarNav({ className, brandLabel, brandSubtitle, brandImage, hideQuickAction, navSections, activeItemId, activeVariant, onNavigate, user, userMenuItems, onUserMenuAction, onCreateTask, defaultCollapsed, quickActionTemplates, quickActionTitle, quickActionDescription, ...props }: QuickActionSidebarNavProps): React.JSX.Element;
+
+export { type ActiveVariant, QuickActionSidebarNav, type SidebarNavItem, type SidebarNavSection, type SidebarUserProfile, type UserMenuItem };