@open-mercato/core 0.6.3-develop.3651.1.d3a548a5f1 → 0.6.3-develop.3653.1.b8558737ae

package/dist/modules/customers/backend/customers/deals/pipeline/components/AddStageLane.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import { DashedTileButton } from "./DashedTileButton.js";
+import { LANE_WIDTH_CLASS } from "./constants.js";
+function AddStageLane({ onClick, disabled = false }) {
+  const t = useT();
+  const label = translateWithFallback(t, "customers.deals.kanban.cta.newStage", "New stage");
+  return /* @__PURE__ */ jsxs(
+    DashedTileButton,
+    {
+      onClick,
+      disabled,
+      ariaLabel: label,
+      className: `${LANE_WIDTH_CLASS} flex-none flex-col rounded-xl px-3.5 py-5 text-muted-foreground hover:text-foreground min-h-[60vh]`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold leading-none", children: "+" }),
+        /* @__PURE__ */ jsx("span", { className: "text-base font-semibold leading-normal", children: label })
+      ]
+    }
+  );
+}
+var AddStageLane_default = AddStageLane;
+export {
+  AddStageLane,
+  AddStageLane_default as default
+};
+//# sourceMappingURL=AddStageLane.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/AddStageLane.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/AddStageLane.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { DashedTileButton } from './DashedTileButton'\nimport { LANE_WIDTH_CLASS } from './constants'\n\ntype AddStageLaneProps = {\n  onClick: () => void\n  disabled?: boolean\n}\n\nexport function AddStageLane({ onClick, disabled = false }: AddStageLaneProps): React.ReactElement {\n  const t = useT()\n  const label = translateWithFallback(t, 'customers.deals.kanban.cta.newStage', 'New stage')\n\n  return (\n    <DashedTileButton\n      onClick={onClick}\n      disabled={disabled}\n      ariaLabel={label}\n      className={`${LANE_WIDTH_CLASS} flex-none flex-col rounded-xl px-3.5 py-5 text-muted-foreground hover:text-foreground min-h-[60vh]`}\n    >\n      <span className=\"text-3xl font-bold leading-none\">+</span>\n      <span className=\"text-base font-semibold leading-normal\">{label}</span>\n    </DashedTileButton>\n  )\n}\n\nexport default AddStageLane\n"],
+  "mappings": ";AAkBI,SAME,KANF;AAfJ,SAAS,YAAY;AACrB,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAO1B,SAAS,aAAa,EAAE,SAAS,WAAW,MAAM,GAA0C;AACjG,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,sBAAsB,GAAG,uCAAuC,WAAW;AAEzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW,GAAG,gBAAgB;AAAA,MAE9B;AAAA,4BAAC,UAAK,WAAU,mCAAkC,eAAC;AAAA,QACnD,oBAAC,UAAK,WAAU,0CAA0C,iBAAM;AAAA;AAAA;AAAA,EAClE;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/modules/customers/backend/customers/deals/pipeline/components/BulkActionsBar.js

@@ -0,0 +1,160 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Download, Trash2, Workflow, UserCircle2, X } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+function BulkActionsBar({
+  count,
+  totalLabel,
+  onChangeStage,
+  onChangeOwner,
+  onExportCsv,
+  onDelete,
+  onClear
+}) {
+  const t = useT();
+  React.useEffect(() => {
+    if (count === 0) return;
+    const onKey = (event) => {
+      if (event.key !== "Escape") return;
+      const active = document.activeElement;
+      if (active) {
+        const tag = active.tagName;
+        if (tag === "INPUT" || tag === "TEXTAREA" || active.isContentEditable) return;
+      }
+      event.preventDefault();
+      onClear();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [count, onClear]);
+  if (count === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "region",
+      "aria-label": translateWithFallback(
+        t,
+        "customers.deals.kanban.bulk.aria.bar",
+        "Bulk actions"
+      ),
+      className: "fixed bottom-6 left-1/2 z-toast flex w-[min(960px,calc(100%-2rem))] -translate-x-1/2 items-center gap-3 rounded-lg bg-foreground px-4 py-3 text-background shadow-xl",
+      children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "ghost",
+            size: "xs",
+            onClick: onClear,
+            "aria-label": translateWithFallback(
+              t,
+              "customers.deals.kanban.bulk.aria.clear",
+              "Clear selection"
+            ),
+            className: "inline-flex size-6 items-center justify-center rounded-md transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground",
+            children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "inline-flex size-7 items-center justify-center rounded-md bg-background/10 text-xs font-semibold", children: count }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: translateWithFallback(
+          t,
+          "customers.deals.kanban.bulk.selectedCount",
+          "selected"
+        ) }),
+        totalLabel ? /* @__PURE__ */ jsxs("span", { className: "hidden text-sm text-background/80 sm:inline", children: [
+          "\xB7",
+          " ",
+          translateWithFallback(
+            t,
+            "customers.deals.kanban.bulk.totalValue",
+            "Total {value}",
+            { value: totalLabel }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              type: "button",
+              onClick: onChangeStage,
+              className: "inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Workflow, { className: "size-4", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: translateWithFallback(
+                  t,
+                  "customers.deals.kanban.bulk.changeStage",
+                  "Change stage"
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              type: "button",
+              onClick: onChangeOwner,
+              className: "inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground",
+              children: [
+                /* @__PURE__ */ jsx(UserCircle2, { className: "size-4", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: translateWithFallback(
+                  t,
+                  "customers.deals.kanban.bulk.changeOwner",
+                  "Change owner"
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              type: "button",
+              onClick: onExportCsv,
+              className: "inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Download, { className: "size-4", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: translateWithFallback(
+                  t,
+                  "customers.deals.kanban.bulk.exportCsv",
+                  "Export CSV"
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "destructive-ghost",
+              size: "sm",
+              type: "button",
+              onClick: onDelete,
+              className: "inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm text-status-error-text transition-colors hover:bg-status-error-bg/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "size-4", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: translateWithFallback(
+                  t,
+                  "customers.deals.kanban.bulk.delete",
+                  "Delete"
+                ) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var BulkActionsBar_default = BulkActionsBar;
+export {
+  BulkActionsBar,
+  BulkActionsBar_default as default
+};
+//# sourceMappingURL=BulkActionsBar.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/BulkActionsBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/BulkActionsBar.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Download, Trash2, Workflow, UserCircle2, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\ntype BulkActionsBarProps = {\n  count: number\n  totalLabel: string | null\n  onChangeStage: () => void\n  onChangeOwner: () => void\n  onExportCsv: () => void\n  onDelete: () => void\n  onClear: () => void\n}\n\nexport function BulkActionsBar({\n  count,\n  totalLabel,\n  onChangeStage,\n  onChangeOwner,\n  onExportCsv,\n  onDelete,\n  onClear,\n}: BulkActionsBarProps): React.ReactElement | null {\n  const t = useT()\n  // Global ESC clears the selection \u2014 matches the Gmail/Asana/Notion convention. The\n  // listener is only mounted while at least one deal is selected so we don't intercept\n  // ESC anywhere else on the kanban (e.g. inside dialogs/popovers, which all stopPropagation\n  // before their own ESC handlers fire). `count` is the only thing that gates \"is the bar\n  // currently rendered?\", and `onClear` is the page-level handler that empties the Set.\n  React.useEffect(() => {\n    if (count === 0) return\n    const onKey = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      // Defer if the focus is inside an editable surface \u2014 typing ESC to abort a value\n      // edit shouldn't also clear the bulk selection.\n      const active = document.activeElement as HTMLElement | null\n      if (active) {\n        const tag = active.tagName\n        if (tag === 'INPUT' || tag === 'TEXTAREA' || active.isContentEditable) return\n      }\n      event.preventDefault()\n      onClear()\n    }\n    document.addEventListener('keydown', onKey)\n    return () => document.removeEventListener('keydown', onKey)\n  }, [count, onClear])\n\n  if (count === 0) return null\n\n  return (\n    <div\n      role=\"region\"\n      aria-label={translateWithFallback(\n        t,\n        'customers.deals.kanban.bulk.aria.bar',\n        'Bulk actions',\n      )}\n      className=\"fixed bottom-6 left-1/2 z-toast flex w-[min(960px,calc(100%-2rem))] -translate-x-1/2 items-center gap-3 rounded-lg bg-foreground px-4 py-3 text-background shadow-xl\"\n    >\n      <IconButton\n        variant=\"ghost\"\n        size=\"xs\"\n        onClick={onClear}\n        aria-label={translateWithFallback(\n          t,\n          'customers.deals.kanban.bulk.aria.clear',\n          'Clear selection',\n        )}\n        className=\"inline-flex size-6 items-center justify-center rounded-md transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground\"\n      >\n        <X className=\"size-4\" aria-hidden=\"true\" />\n      </IconButton>\n\n      <span className=\"inline-flex size-7 items-center justify-center rounded-md bg-background/10 text-xs font-semibold\">\n        {count}\n      </span>\n      <span className=\"text-sm font-medium\">\n        {translateWithFallback(\n          t,\n          'customers.deals.kanban.bulk.selectedCount',\n          'selected',\n        )}\n      </span>\n      {totalLabel ? (\n        <span className=\"hidden text-sm text-background/80 sm:inline\">\n          \u00B7{' '}\n          {translateWithFallback(\n            t,\n            'customers.deals.kanban.bulk.totalValue',\n            'Total {value}',\n            { value: totalLabel },\n          )}\n        </span>\n      ) : null}\n\n      <div className=\"ml-auto flex items-center gap-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n          onClick={onChangeStage}\n          className=\"inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground\"\n        >\n          <Workflow className=\"size-4\" aria-hidden=\"true\" />\n          <span>\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeStage',\n              'Change stage',\n            )}\n          </span>\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n          onClick={onChangeOwner}\n          className=\"inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground\"\n        >\n          <UserCircle2 className=\"size-4\" aria-hidden=\"true\" />\n          <span>\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeOwner',\n              'Change owner',\n            )}\n          </span>\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n          onClick={onExportCsv}\n          className=\"inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-background/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground\"\n        >\n          <Download className=\"size-4\" aria-hidden=\"true\" />\n          <span>\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.exportCsv',\n              'Export CSV',\n            )}\n          </span>\n        </Button>\n        <Button\n          variant=\"destructive-ghost\"\n          size=\"sm\"\n          type=\"button\"\n          onClick={onDelete}\n          className=\"inline-flex items-center gap-1 rounded-md px-3 py-1 text-sm text-status-error-text transition-colors hover:bg-status-error-bg/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-foreground\"\n        >\n          <Trash2 className=\"size-4\" aria-hidden=\"true\" />\n          <span>\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.delete',\n              'Delete',\n            )}\n          </span>\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport default BulkActionsBar\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/backend/customers/deals/pipeline/components/ChangeOwnerDialog.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { UserCircle2 } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import {
+  fetchAssignableStaffMembers
+} from "../../../../../components/detail/assignableStaff.js";
+function ChangeOwnerDialog({
+  open,
+  selectedCount,
+  isSubmitting,
+  onClose,
+  onConfirm
+}) {
+  const t = useT();
+  const [query, setQuery] = React.useState("");
+  const [items, setItems] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [selectedUserId, setSelectedUserId] = React.useState(null);
+  React.useEffect(() => {
+    if (!open) return;
+    setQuery("");
+    setSelectedUserId(null);
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    const controller = new AbortController();
+    setIsLoading(true);
+    fetchAssignableStaffMembers(query, { pageSize: 50, signal: controller.signal }).then((next) => {
+      if (cancelled) return;
+      setItems(next);
+      if (!selectedUserId && next.length > 0) setSelectedUserId(next[0].userId);
+    }).catch(() => {
+      if (!cancelled) setItems([]);
+    }).finally(() => {
+      if (!cancelled) setIsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [open, query]);
+  const handleConfirm = () => {
+    onConfirm(selectedUserId);
+  };
+  const handleKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      handleConfirm();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next && !isSubmitting) onClose();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", onKeyDown: handleKeyDown, children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(UserCircle2, { className: "size-4", "aria-hidden": "true" }),
+            translateWithFallback(
+              t,
+              "customers.deals.kanban.bulk.changeOwner.title",
+              "Change owner for {count} deals",
+              { count: selectedCount }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: translateWithFallback(
+            t,
+            "customers.deals.kanban.bulk.changeOwner.helper",
+            "Pick a staff member who will own all selected deals."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: query,
+              onChange: (event) => setQuery(event.target.value),
+              placeholder: translateWithFallback(
+                t,
+                "customers.deals.kanban.bulk.changeOwner.search",
+                "Search by name or email\u2026"
+              ),
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex max-h-72 flex-col gap-1 overflow-y-auto pr-1", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Spinner, {}) }) : items.length === 0 ? /* @__PURE__ */ jsx("span", { className: "px-3 py-2 text-sm text-muted-foreground", children: translateWithFallback(
+            t,
+            "customers.deals.kanban.bulk.changeOwner.empty",
+            "No staff members found."
+          ) }) : items.map((member) => {
+            const isSelected = selectedUserId === member.userId;
+            return /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "default",
+                type: "button",
+                onClick: () => setSelectedUserId(member.userId),
+                className: `flex h-auto w-full items-center justify-start gap-3 whitespace-normal rounded-md px-3 py-2 text-left transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${isSelected ? "bg-muted" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsx(Avatar, { label: member.displayName, size: "sm" }),
+                  /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+                    /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: member.displayName }),
+                    member.email ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: member.email }) : null
+                  ] })
+                ]
+              },
+              member.teamMemberId
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, type: "button", disabled: isSubmitting, children: translateWithFallback(t, "customers.deals.kanban.filter.cancel", "Cancel") }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: handleConfirm,
+              disabled: !selectedUserId || isSubmitting,
+              children: translateWithFallback(
+                t,
+                "customers.deals.kanban.bulk.changeOwner.confirm",
+                "Reassign {count} deals",
+                { count: selectedCount }
+              )
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var ChangeOwnerDialog_default = ChangeOwnerDialog;
+export {
+  ChangeOwnerDialog,
+  ChangeOwnerDialog_default as default
+};
+//# sourceMappingURL=ChangeOwnerDialog.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/ChangeOwnerDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/ChangeOwnerDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { UserCircle2 } from 'lucide-react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport {\n  fetchAssignableStaffMembers,\n  type AssignableStaffMember,\n} from '../../../../../components/detail/assignableStaff'\n\ntype ChangeOwnerDialogProps = {\n  open: boolean\n  selectedCount: number\n  isSubmitting: boolean\n  onClose: () => void\n  onConfirm: (userId: string | null) => void\n}\n\nexport function ChangeOwnerDialog({\n  open,\n  selectedCount,\n  isSubmitting,\n  onClose,\n  onConfirm,\n}: ChangeOwnerDialogProps): React.ReactElement {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [items, setItems] = React.useState<AssignableStaffMember[]>([])\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [selectedUserId, setSelectedUserId] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!open) return\n    setQuery('')\n    setSelectedUserId(null)\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    const controller = new AbortController()\n    setIsLoading(true)\n    fetchAssignableStaffMembers(query, { pageSize: 50, signal: controller.signal })\n      .then((next) => {\n        if (cancelled) return\n        setItems(next)\n        if (!selectedUserId && next.length > 0) setSelectedUserId(next[0].userId)\n      })\n      .catch(() => {\n        if (!cancelled) setItems([])\n      })\n      .finally(() => {\n        if (!cancelled) setIsLoading(false)\n      })\n    return () => {\n      cancelled = true\n      controller.abort()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, query])\n\n  const handleConfirm = () => {\n    onConfirm(selectedUserId)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      handleConfirm()\n    }\n  }\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(next) => {\n        if (!next && !isSubmitting) onClose()\n      }}\n    >\n      <DialogContent className=\"sm:max-w-md\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-2\">\n            <UserCircle2 className=\"size-4\" aria-hidden=\"true\" />\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeOwner.title',\n              'Change owner for {count} deals',\n              { count: selectedCount },\n            )}\n          </DialogTitle>\n          <DialogDescription>\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeOwner.helper',\n              'Pick a staff member who will own all selected deals.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-3\">\n          <Input\n            value={query}\n            onChange={(event) => setQuery(event.target.value)}\n            placeholder={translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeOwner.search',\n              'Search by name or email\u2026',\n            )}\n            autoFocus\n          />\n          <div className=\"flex max-h-72 flex-col gap-1 overflow-y-auto pr-1\">\n            {isLoading ? (\n              <div className=\"flex justify-center py-4\">\n                <Spinner />\n              </div>\n            ) : items.length === 0 ? (\n              <span className=\"px-3 py-2 text-sm text-muted-foreground\">\n                {translateWithFallback(\n                  t,\n                  'customers.deals.kanban.bulk.changeOwner.empty',\n                  'No staff members found.',\n                )}\n              </span>\n            ) : (\n              items.map((member) => {\n                const isSelected = selectedUserId === member.userId\n                return (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"default\"\n                    key={member.teamMemberId}\n                    type=\"button\"\n                    onClick={() => setSelectedUserId(member.userId)}\n                    // Overrides on the Button base class:\n                    //  - `flex w-full` \u2192 row spans the dialog width (default Button is `inline-flex` and content-sized)\n                    //  - `h-auto` \u2192 fit avatar + two stacked text lines (default `h-9` clips and leaves the background only covering the first line \u2014 that's the \"uneven\" symptom)\n                    //  - `justify-start` \u2192 left-align contents (default Button is `justify-center`, which pushes the avatar+name toward the middle)\n                    //  - `whitespace-normal` \u2192 allow long emails to wrap instead of overflowing the button box (default Button is `whitespace-nowrap`)\n                    className={`flex h-auto w-full items-center justify-start gap-3 whitespace-normal rounded-md px-3 py-2 text-left transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${\n                      isSelected ? 'bg-muted' : ''\n                    }`}\n                  >\n                    <Avatar label={member.displayName} size=\"sm\" />\n                    <span className=\"flex min-w-0 flex-1 flex-col items-start\">\n                      <span className=\"truncate text-sm font-medium text-foreground\">\n                        {member.displayName}\n                      </span>\n                      {member.email ? (\n                        <span className=\"truncate text-xs text-muted-foreground\">\n                          {member.email}\n                        </span>\n                      ) : null}\n                    </span>\n                  </Button>\n                )\n              })\n            )}\n          </div>\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose} type=\"button\" disabled={isSubmitting}>\n            {translateWithFallback(t, 'customers.deals.kanban.filter.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={handleConfirm}\n            disabled={!selectedUserId || isSubmitting}\n          >\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeOwner.confirm',\n              'Reassign {count} deals',\n              { count: selectedCount },\n            )}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default ChangeOwnerDialog\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/backend/customers/deals/pipeline/components/ChangeStageDialog.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Workflow } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+function ChangeStageDialog({
+  open,
+  selectedCount,
+  pipelineName,
+  stages,
+  isSubmitting,
+  onClose,
+  onConfirm
+}) {
+  const t = useT();
+  const [draftStageId, setDraftStageId] = React.useState(stages[0]?.id ?? null);
+  React.useEffect(() => {
+    if (open) setDraftStageId(stages[0]?.id ?? null);
+  }, [open, stages]);
+  const handleConfirm = () => {
+    if (draftStageId) onConfirm(draftStageId);
+  };
+  const handleKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      handleConfirm();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next && !isSubmitting) onClose();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", onKeyDown: handleKeyDown, children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Workflow, { className: "size-4", "aria-hidden": "true" }),
+            translateWithFallback(
+              t,
+              "customers.deals.kanban.bulk.changeStage.title",
+              "Change stage for {count} deals",
+              { count: selectedCount }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: translateWithFallback(
+            t,
+            "customers.deals.kanban.bulk.changeStage.context",
+            "Pipeline: {pipeline}",
+            { pipeline: pipelineName }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1 py-1", children: stages.map((stage) => {
+          const isSelected = draftStageId === stage.id;
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              type: "button",
+              onClick: () => setDraftStageId(stage.id),
+              className: `flex w-full items-center justify-between rounded-md px-3 py-2 text-sm transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${isSelected ? "bg-muted" : ""}`,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: stage.label }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `inline-flex size-4 items-center justify-center rounded-full border ${isSelected ? "border-primary bg-primary" : "border-input"}`,
+                    "aria-hidden": "true",
+                    children: isSelected ? /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-primary-foreground" }) : null
+                  }
+                )
+              ]
+            },
+            stage.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, type: "button", disabled: isSubmitting, children: translateWithFallback(t, "customers.deals.kanban.filter.cancel", "Cancel") }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: handleConfirm,
+              disabled: !draftStageId || isSubmitting || stages.length === 0,
+              children: translateWithFallback(
+                t,
+                "customers.deals.kanban.bulk.changeStage.confirm",
+                "Move {count} deals",
+                { count: selectedCount }
+              )
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var ChangeStageDialog_default = ChangeStageDialog;
+export {
+  ChangeStageDialog,
+  ChangeStageDialog_default as default
+};
+//# sourceMappingURL=ChangeStageDialog.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/ChangeStageDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/ChangeStageDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Workflow } from 'lucide-react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\nexport type ChangeStageOption = {\n  id: string\n  label: string\n}\n\ntype ChangeStageDialogProps = {\n  open: boolean\n  selectedCount: number\n  pipelineName: string\n  stages: ChangeStageOption[]\n  isSubmitting: boolean\n  onClose: () => void\n  onConfirm: (stageId: string) => void\n}\n\nexport function ChangeStageDialog({\n  open,\n  selectedCount,\n  pipelineName,\n  stages,\n  isSubmitting,\n  onClose,\n  onConfirm,\n}: ChangeStageDialogProps): React.ReactElement {\n  const t = useT()\n  const [draftStageId, setDraftStageId] = React.useState<string | null>(stages[0]?.id ?? null)\n\n  React.useEffect(() => {\n    if (open) setDraftStageId(stages[0]?.id ?? null)\n  }, [open, stages])\n\n  const handleConfirm = () => {\n    if (draftStageId) onConfirm(draftStageId)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      handleConfirm()\n    }\n  }\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(next) => {\n        if (!next && !isSubmitting) onClose()\n      }}\n    >\n      <DialogContent className=\"sm:max-w-md\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-2\">\n            <Workflow className=\"size-4\" aria-hidden=\"true\" />\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeStage.title',\n              'Change stage for {count} deals',\n              { count: selectedCount },\n            )}\n          </DialogTitle>\n          <DialogDescription>\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeStage.context',\n              'Pipeline: {pipeline}',\n              { pipeline: pipelineName },\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-1 py-1\">\n          {stages.map((stage) => {\n            const isSelected = draftStageId === stage.id\n            return (\n              <Button\n                variant=\"ghost\"\n                key={stage.id}\n                type=\"button\"\n                onClick={() => setDraftStageId(stage.id)}\n                className={`flex w-full items-center justify-between rounded-md px-3 py-2 text-sm transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${\n                  isSelected ? 'bg-muted' : ''\n                }`}\n              >\n                <span className=\"font-medium text-foreground\">{stage.label}</span>\n                <span\n                  className={`inline-flex size-4 items-center justify-center rounded-full border ${\n                    isSelected ? 'border-primary bg-primary' : 'border-input'\n                  }`}\n                  aria-hidden=\"true\"\n                >\n                  {isSelected ? (\n                    <span className=\"size-1.5 rounded-full bg-primary-foreground\" />\n                  ) : null}\n                </span>\n              </Button>\n            )\n          })}\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose} type=\"button\" disabled={isSubmitting}>\n            {translateWithFallback(t, 'customers.deals.kanban.filter.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={handleConfirm}\n            disabled={!draftStageId || isSubmitting || stages.length === 0}\n          >\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.bulk.changeStage.confirm',\n              'Move {count} deals',\n              { count: selectedCount },\n            )}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default ChangeStageDialog\n"],
+  "mappings": ";AAmEU,SACE,KADF;AAjEV,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,6BAA6B;AAiB/B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAwB,OAAO,CAAC,GAAG,MAAM,IAAI;AAE3F,QAAM,UAAU,MAAM;AACpB,QAAI,KAAM,iBAAgB,OAAO,CAAC,GAAG,MAAM,IAAI;AAAA,EACjD,GAAG,CAAC,MAAM,MAAM,CAAC;AAEjB,QAAM,gBAAgB,MAAM;AAC1B,QAAI,aAAc,WAAU,YAAY;AAAA,EAC1C;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AACpD,SAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,YAAM,eAAe;AACrB,oBAAc;AAAA,IAChB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,CAAC,SAAS;AACtB,YAAI,CAAC,QAAQ,CAAC,aAAc,SAAQ;AAAA,MACtC;AAAA,MAEA,+BAAC,iBAAc,WAAU,eAAc,WAAW,eAChD;AAAA,6BAAC,gBACC;AAAA,+BAAC,eAAY,WAAU,2BACrB;AAAA,gCAAC,YAAS,WAAU,UAAS,eAAY,QAAO;AAAA,YAC/C;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA,EAAE,OAAO,cAAc;AAAA,YACzB;AAAA,aACF;AAAA,UACA,oBAAC,qBACE;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,EAAE,UAAU,aAAa;AAAA,UAC3B,GACF;AAAA,WACF;AAAA,QAEA,oBAAC,SAAI,WAAU,4BACZ,iBAAO,IAAI,CAAC,UAAU;AACrB,gBAAM,aAAa,iBAAiB,MAAM;AAC1C,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cAER,MAAK;AAAA,cACL,SAAS,MAAM,gBAAgB,MAAM,EAAE;AAAA,cACvC,WAAW,8MACT,aAAa,aAAa,EAC5B;AAAA,cAEA;AAAA,oCAAC,UAAK,WAAU,+BAA+B,gBAAM,OAAM;AAAA,gBAC3D;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,sEACT,aAAa,8BAA8B,cAC7C;AAAA,oBACA,eAAY;AAAA,oBAEX,uBACC,oBAAC,UAAK,WAAU,+CAA8C,IAC5D;AAAA;AAAA,gBACN;AAAA;AAAA;AAAA,YAjBK,MAAM;AAAA,UAkBb;AAAA,QAEJ,CAAC,GACH;AAAA,QAEA,qBAAC,gBACC;AAAA,8BAAC,UAAO,SAAQ,WAAU,SAAS,SAAS,MAAK,UAAS,UAAU,cACjE,gCAAsB,GAAG,wCAAwC,QAAQ,GAC5E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU,CAAC,gBAAgB,gBAAgB,OAAO,WAAW;AAAA,cAE5D;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,EAAE,OAAO,cAAc;AAAA,cACzB;AAAA;AAAA,UACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/modules/customers/backend/customers/deals/pipeline/components/ChipButton.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+const ChipButton = React.forwardRef(
+  function ChipButton2({ label, value, active = false, ariaLabel, onClick, withChevron = true }, ref) {
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        ref,
+        type: "button",
+        onClick,
+        "aria-label": ariaLabel ?? (label ? `${label}: ${value}` : value),
+        "aria-pressed": active,
+        className: `inline-flex items-center gap-1.5 rounded-sm border border-border bg-card px-2.5 py-1.5 text-xs leading-normal transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${active ? "border-foreground/40 bg-muted text-foreground" : "text-foreground"}`,
+        children: [
+          label ? /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+            label,
+            ":"
+          ] }) : null,
+          /* @__PURE__ */ jsx("span", { className: label ? "font-semibold text-foreground" : "font-normal text-foreground", children: value }),
+          withChevron ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3 text-muted-foreground", "aria-hidden": "true" }) : null
+        ]
+      }
+    );
+  }
+);
+var ChipButton_default = ChipButton;
+export {
+  ChipButton,
+  ChipButton_default as default
+};
+//# sourceMappingURL=ChipButton.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/ChipButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/ChipButton.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nexport type ChipButtonProps = {\n  label?: string\n  value: string\n  active?: boolean\n  ariaLabel?: string\n  onClick?: () => void\n  /** Show the chevron-down affordance \u2014 true for popover-backed chips, false for plain chips like \"+ More\" */\n  withChevron?: boolean\n}\n\nexport const ChipButton = React.forwardRef<HTMLButtonElement, ChipButtonProps>(\n  function ChipButton(\n    { label, value, active = false, ariaLabel, onClick, withChevron = true },\n    ref,\n  ) {\n    return (\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        ref={ref}\n        type=\"button\"\n        onClick={onClick}\n        aria-label={ariaLabel ?? (label ? `${label}: ${value}` : value)}\n        aria-pressed={active}\n        className={`inline-flex items-center gap-1.5 rounded-sm border border-border bg-card px-2.5 py-1.5 text-xs leading-normal transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${\n          active ? 'border-foreground/40 bg-muted text-foreground' : 'text-foreground'\n        }`}\n      >\n        {label ? <span className=\"font-normal text-muted-foreground\">{label}:</span> : null}\n        <span className={label ? 'font-semibold text-foreground' : 'font-normal text-foreground'}>\n          {value}\n        </span>\n        {withChevron ? (\n          <ChevronDown className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n        ) : null}\n      </Button>\n    )\n  },\n)\n\nexport default ChipButton\n"],
+  "mappings": ";AAkCiB,SACT,KADS;AAhCjB,YAAY,WAAW;AACvB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAYhB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,OAAO,OAAO,SAAS,OAAO,WAAW,SAAS,cAAc,KAAK,GACvE,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,cAAY,cAAc,QAAQ,GAAG,KAAK,KAAK,KAAK,KAAK;AAAA,QACzD,gBAAc;AAAA,QACd,WAAW,yPACT,SAAS,kDAAkD,iBAC7D;AAAA,QAEC;AAAA,kBAAQ,qBAAC,UAAK,WAAU,qCAAqC;AAAA;AAAA,YAAM;AAAA,aAAC,IAAU;AAAA,UAC/E,oBAAC,UAAK,WAAW,QAAQ,kCAAkC,+BACxD,iBACH;AAAA,UACC,cACC,oBAAC,eAAY,WAAU,gCAA+B,eAAY,QAAO,IACvE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
+  "names": ["ChipButton"]
+}