@open-mercato/core 0.6.6-develop.6519.1.bdc91fb755 → 0.6.6-develop.6520.1.55df6df792

package/dist/modules/customers/components/calendar/editor/ResourcesField.js

@@ -0,0 +1,225 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Box, Check, ChevronDown, Plus } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { fetchResourceTypes, searchResourceOptions } from "./lookups.js";
+import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, useDropdownDismiss } from "./inputs.js";
+const TYPE_SEARCH_THRESHOLD = 8;
+function ResourcesField({
+  placeholder,
+  ariaLabel,
+  value,
+  onChange
+}) {
+  const t = useT();
+  const [query, setQuery] = React.useState("");
+  const [open, setOpen] = React.useState(false);
+  const [options, setOptions] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [loading, setLoading] = React.useState(false);
+  const [types, setTypes] = React.useState([]);
+  const [typeFilter, setTypeFilter] = React.useState(null);
+  const [typeMenuOpen, setTypeMenuOpen] = React.useState(false);
+  const [typeQuery, setTypeQuery] = React.useState("");
+  const close = React.useCallback(() => {
+    setOpen(false);
+    setTypeMenuOpen(false);
+  }, []);
+  const rootRef = useDropdownDismiss(open, close);
+  React.useEffect(() => {
+    if (!open || types.length > 0) return;
+    const controller = new AbortController();
+    let cancelled = false;
+    fetchResourceTypes(controller.signal).then((found) => {
+      if (!cancelled) setTypes(found);
+    });
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [open, types.length]);
+  React.useEffect(() => {
+    if (!open) return;
+    const controller = new AbortController();
+    let cancelled = false;
+    const timer = window.setTimeout(async () => {
+      setLoading(true);
+      try {
+        const result = await searchResourceOptions({ query: query.trim(), resourceTypeId: typeFilter }, controller.signal);
+        if (cancelled) return;
+        setOptions(result.items);
+        setTotal(result.total);
+      } catch {
+        if (!cancelled) {
+          setOptions([]);
+          setTotal(0);
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }, 250);
+    return () => {
+      cancelled = true;
+      controller.abort();
+      window.clearTimeout(timer);
+    };
+  }, [open, query, typeFilter]);
+  const selectedIds = new Set(value.map((resource) => resource.id));
+  const visibleOptions = options.filter((option) => !selectedIds.has(option.id));
+  const hiddenCount = Math.max(0, total - options.length);
+  const activeType = typeFilter ? types.find((type) => type.id === typeFilter) ?? null : null;
+  const filteredTypes = typeQuery.trim().length ? types.filter((type) => type.name.toLowerCase().includes(typeQuery.trim().toLowerCase())) : types;
+  const selectType = (id) => {
+    setTypeFilter(id);
+    setTypeMenuOpen(false);
+    setTypeQuery("");
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: "relative w-full",
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) close();
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-h-14 w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2",
+              CONTROL_BORDER
+            ),
+            children: [
+              value.map((resource) => /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-1.5 rounded-full bg-muted py-1 pl-2 pr-2", children: [
+                /* @__PURE__ */ jsx(Box, { "aria-hidden": true, className: "size-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { className: "max-w-40 truncate text-xs font-medium text-foreground", children: resource.label }),
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    variant: "ghost",
+                    size: "xs",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onChange(value.filter((entry) => entry.id !== resource.id));
+                    },
+                    "aria-label": t("customers.calendar.editor.removeResource", "Remove {name}", { name: resource.label }),
+                    className: "size-5 shrink-0",
+                    children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": true, className: "size-3.5 rotate-45 opacity-50" })
+                  }
+                )
+              ] }, resource.id)),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "text",
+                  value: query,
+                  onChange: (event) => setQuery(event.target.value),
+                  onFocus: () => setOpen(true),
+                  placeholder: value.length > 0 ? "" : placeholder,
+                  "aria-label": ariaLabel,
+                  role: "combobox",
+                  "aria-expanded": open,
+                  className: "min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none",
+                  inputClassName: "text-sm text-foreground placeholder:text-muted-foreground"
+                }
+              )
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ jsxs("div", { className: cn(DROPDOWN_PANEL_CLASS, "flex max-h-none flex-col overflow-visible p-0"), children: [
+          types.length > 0 ? /* @__PURE__ */ jsx("div", { className: "border-b border-border p-1.5", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              "aria-haspopup": "listbox",
+              "aria-expanded": typeMenuOpen,
+              onClick: () => setTypeMenuOpen((previous) => !previous),
+              className: cn("h-8 w-full justify-between bg-background px-2 text-sm font-normal shadow-none", CONTROL_BORDER),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: activeType ? `${activeType.name} (${activeType.count})` : t("customers.calendar.editor.resourceTypes.all", "All types") }),
+                /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "size-4 shrink-0 opacity-60" })
+              ]
+            }
+          ) }) : null,
+          typeMenuOpen ? /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-label": t("customers.calendar.editor.resourceTypes.filterLabel", "Resource type"), className: "flex flex-col", children: [
+            types.length > TYPE_SEARCH_THRESHOLD ? /* @__PURE__ */ jsx("div", { className: "border-b border-border p-1.5", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "text",
+                value: typeQuery,
+                onChange: (event) => setTypeQuery(event.target.value),
+                placeholder: t("customers.calendar.editor.resourceTypes.searchPlaceholder", "Search types\u2026"),
+                "aria-label": t("customers.calendar.editor.resourceTypes.searchPlaceholder", "Search types\u2026"),
+                autoFocus: true,
+                className: "h-8"
+              }
+            ) }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "max-h-56 overflow-y-auto p-1", children: [
+              /* @__PURE__ */ jsx(TypeRow, { label: t("customers.calendar.editor.resourceTypes.all", "All types"), active: typeFilter === null, onSelect: () => selectType(null) }),
+              filteredTypes.map((type) => /* @__PURE__ */ jsx(TypeRow, { label: type.name, count: type.count, active: typeFilter === type.id, onSelect: () => selectType(type.id) }, type.id)),
+              filteredTypes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.noResults", "No results") }) : null
+            ] })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-label": ariaLabel, className: "max-h-56 overflow-y-auto p-1", children: [
+              loading ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.searching", "Searching\u2026") }) : null,
+              !loading && visibleOptions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.noResults", "No results") }) : null,
+              !loading ? visibleOptions.map((option) => /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  role: "option",
+                  "aria-selected": false,
+                  title: option.label,
+                  onClick: () => {
+                    onChange([...value, { id: option.id, label: option.label }]);
+                    setQuery("");
+                  },
+                  className: "h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground",
+                  children: [
+                    /* @__PURE__ */ jsx(Box, { "aria-hidden": true, className: "size-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: option.label })
+                  ]
+                },
+                option.id
+              )) : null
+            ] }),
+            !loading && hiddenCount > 0 ? /* @__PURE__ */ jsx("p", { className: "border-t border-border px-2 py-1.5 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.resourceTypes.moreHint", "Showing {shown} of {total} \u2014 keep typing to narrow", {
+              shown: options.length,
+              total
+            }) }) : null
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+}
+function TypeRow({ label, count, active, onSelect }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      role: "option",
+      "aria-selected": active,
+      onClick: onSelect,
+      className: cn("h-auto w-full justify-start gap-2 px-2 py-1.5 text-left text-sm font-normal", active ? "bg-muted text-foreground" : "text-foreground"),
+      children: [
+        /* @__PURE__ */ jsx(Check, { "aria-hidden": true, className: cn("size-4 shrink-0", active ? "opacity-100" : "opacity-0") }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
+        typeof count === "number" ? /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums text-xs text-muted-foreground", children: count }) : null
+      ]
+    }
+  );
+}
+export {
+  ResourcesField
+};
+//# sourceMappingURL=ResourcesField.js.map

package/dist/modules/customers/components/calendar/editor/ResourcesField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/ResourcesField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Box, Check, ChevronDown, Plus } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorResource } from '../../../lib/calendar/editorPayload'\nimport { fetchResourceTypes, searchResourceOptions, type ResourceOption, type ResourceType } from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, useDropdownDismiss } from './inputs'\n\nconst TYPE_SEARCH_THRESHOLD = 8\n\n// Multi-select of bookable resources (rooms, cars, equipment) from the\n// resources module. Rendered only when that module is loaded \u2014 the calendar\n// consumes its public list API and stores FK-id + label snapshots in\n// `linkedEntities`, never resource entities (#3552). A potentially large\n// catalog (many resources AND many types) stays navigable with a collapsible\n// resource-type filter (searchable, with counts), server-side search and a\n// \"showing N of M\" hint.\nexport function ResourcesField({\n  placeholder,\n  ariaLabel,\n  value,\n  onChange,\n}: {\n  placeholder: string\n  ariaLabel: string\n  value: EditorResource[]\n  onChange(next: EditorResource[]): void\n}) {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<ResourceOption[]>([])\n  const [total, setTotal] = React.useState(0)\n  const [loading, setLoading] = React.useState(false)\n  const [types, setTypes] = React.useState<ResourceType[]>([])\n  const [typeFilter, setTypeFilter] = React.useState<string | null>(null)\n  const [typeMenuOpen, setTypeMenuOpen] = React.useState(false)\n  const [typeQuery, setTypeQuery] = React.useState('')\n  const close = React.useCallback(() => {\n    setOpen(false)\n    setTypeMenuOpen(false)\n  }, [])\n  const rootRef = useDropdownDismiss(open, close)\n\n  // Load the type filter once the dropdown first opens.\n  React.useEffect(() => {\n    if (!open || types.length > 0) return\n    const controller = new AbortController()\n    let cancelled = false\n    fetchResourceTypes(controller.signal).then((found) => {\n      if (!cancelled) setTypes(found)\n    })\n    return () => {\n      cancelled = true\n      controller.abort()\n    }\n  }, [open, types.length])\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const result = await searchResourceOptions({ query: query.trim(), resourceTypeId: typeFilter }, controller.signal)\n        if (cancelled) return\n        setOptions(result.items)\n        setTotal(result.total)\n      } catch {\n        if (!cancelled) {\n          setOptions([])\n          setTotal(0)\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 250)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query, typeFilter])\n\n  const selectedIds = new Set(value.map((resource) => resource.id))\n  const visibleOptions = options.filter((option) => !selectedIds.has(option.id))\n  const hiddenCount = Math.max(0, total - options.length)\n  const activeType = typeFilter ? types.find((type) => type.id === typeFilter) ?? null : null\n  const filteredTypes = typeQuery.trim().length\n    ? types.filter((type) => type.name.toLowerCase().includes(typeQuery.trim().toLowerCase()))\n    : types\n\n  const selectType = (id: string | null) => {\n    setTypeFilter(id)\n    setTypeMenuOpen(false)\n    setTypeQuery('')\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) close()\n      }}\n    >\n      <div\n        className={cn(\n          'flex min-h-14 w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2',\n          CONTROL_BORDER,\n        )}\n      >\n        {value.map((resource) => (\n          <span key={resource.id} className=\"inline-flex shrink-0 items-center gap-1.5 rounded-full bg-muted py-1 pl-2 pr-2\">\n            <Box aria-hidden className=\"size-3.5 text-muted-foreground\" />\n            <span className=\"max-w-40 truncate text-xs font-medium text-foreground\">{resource.label}</span>\n            <IconButton\n              variant=\"ghost\"\n              size=\"xs\"\n              onClick={(event) => {\n                event.stopPropagation()\n                onChange(value.filter((entry) => entry.id !== resource.id))\n              }}\n              aria-label={t('customers.calendar.editor.removeResource', 'Remove {name}', { name: resource.label })}\n              className=\"size-5 shrink-0\"\n            >\n              <Plus aria-hidden className=\"size-3.5 rotate-45 opacity-50\" />\n            </IconButton>\n          </span>\n        ))}\n        <Input\n          type=\"text\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          onFocus={() => setOpen(true)}\n          placeholder={value.length > 0 ? '' : placeholder}\n          aria-label={ariaLabel}\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none\"\n          inputClassName=\"text-sm text-foreground placeholder:text-muted-foreground\"\n        />\n      </div>\n      {open ? (\n        <div className={cn(DROPDOWN_PANEL_CLASS, 'flex max-h-none flex-col overflow-visible p-0')}>\n          {types.length > 0 ? (\n            <div className=\"border-b border-border p-1.5\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                aria-haspopup=\"listbox\"\n                aria-expanded={typeMenuOpen}\n                onClick={() => setTypeMenuOpen((previous) => !previous)}\n                className={cn('h-8 w-full justify-between bg-background px-2 text-sm font-normal shadow-none', CONTROL_BORDER)}\n              >\n                <span className=\"truncate\">\n                  {activeType\n                    ? `${activeType.name} (${activeType.count})`\n                    : t('customers.calendar.editor.resourceTypes.all', 'All types')}\n                </span>\n                <ChevronDown aria-hidden className=\"size-4 shrink-0 opacity-60\" />\n              </Button>\n            </div>\n          ) : null}\n\n          {typeMenuOpen ? (\n            <div role=\"listbox\" aria-label={t('customers.calendar.editor.resourceTypes.filterLabel', 'Resource type')} className=\"flex flex-col\">\n              {types.length > TYPE_SEARCH_THRESHOLD ? (\n                <div className=\"border-b border-border p-1.5\">\n                  <Input\n                    type=\"text\"\n                    value={typeQuery}\n                    onChange={(event) => setTypeQuery(event.target.value)}\n                    placeholder={t('customers.calendar.editor.resourceTypes.searchPlaceholder', 'Search types\u2026')}\n                    aria-label={t('customers.calendar.editor.resourceTypes.searchPlaceholder', 'Search types\u2026')}\n                    autoFocus\n                    className=\"h-8\"\n                  />\n                </div>\n              ) : null}\n              <div className=\"max-h-56 overflow-y-auto p-1\">\n                <TypeRow label={t('customers.calendar.editor.resourceTypes.all', 'All types')} active={typeFilter === null} onSelect={() => selectType(null)} />\n                {filteredTypes.map((type) => (\n                  <TypeRow key={type.id} label={type.name} count={type.count} active={typeFilter === type.id} onSelect={() => selectType(type.id)} />\n                ))}\n                {filteredTypes.length === 0 ? (\n                  <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n                    {t('customers.calendar.editor.noResults', 'No results')}\n                  </p>\n                ) : null}\n              </div>\n            </div>\n          ) : (\n            <>\n              <div role=\"listbox\" aria-label={ariaLabel} className=\"max-h-56 overflow-y-auto p-1\">\n                {loading ? (\n                  <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n                    {t('customers.calendar.editor.searching', 'Searching\u2026')}\n                  </p>\n                ) : null}\n                {!loading && visibleOptions.length === 0 ? (\n                  <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n                    {t('customers.calendar.editor.noResults', 'No results')}\n                  </p>\n                ) : null}\n                {!loading\n                  ? visibleOptions.map((option) => (\n                      <Button\n                        key={option.id}\n                        type=\"button\"\n                        variant=\"ghost\"\n                        role=\"option\"\n                        aria-selected={false}\n                        title={option.label}\n                        onClick={() => {\n                          onChange([...value, { id: option.id, label: option.label }])\n                          setQuery('')\n                        }}\n                        className=\"h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground\"\n                      >\n                        <Box aria-hidden className=\"size-4 text-muted-foreground\" />\n                        <span className=\"min-w-0 flex-1 truncate\">{option.label}</span>\n                      </Button>\n                    ))\n                  : null}\n              </div>\n              {!loading && hiddenCount > 0 ? (\n                <p className=\"border-t border-border px-2 py-1.5 text-center text-xs text-muted-foreground\">\n                  {t('customers.calendar.editor.resourceTypes.moreHint', 'Showing {shown} of {total} \u2014 keep typing to narrow', {\n                    shown: options.length,\n                    total,\n                  })}\n                </p>\n              ) : null}\n            </>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nfunction TypeRow({ label, count, active, onSelect }: { label: string; count?: number; active: boolean; onSelect(): void }) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      role=\"option\"\n      aria-selected={active}\n      onClick={onSelect}\n      className={cn('h-auto w-full justify-start gap-2 px-2 py-1.5 text-left text-sm font-normal', active ? 'bg-muted text-foreground' : 'text-foreground')}\n    >\n      <Check aria-hidden className={cn('size-4 shrink-0', active ? 'opacity-100' : 'opacity-0')} />\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {typeof count === 'number' ? <span className=\"shrink-0 tabular-nums text-xs text-muted-foreground\">{count}</span> : null}\n    </Button>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/calendar/editor/SegmentGroup.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { Button } from "@open-mercato/ui/primitives/button";
 function SegmentGroup({
@@ -14,23 +14,28 @@ function SegmentGroup({
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: "inline-flex max-w-full items-start overflow-x-auto rounded-md border border-border bg-background",
+      className: "flex w-full items-stretch overflow-hidden rounded-md border border-border bg-background",
       children: options.map((option, index) => {
         const isActive = option.value === value;
-        return /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsxs(
           Button,
           {
             type: "button",
             variant: "ghost",
             "aria-pressed": isActive,
             onClick: () => onChange(option.value),
+            title: option.label,
+            "data-state": isActive ? "active" : "inactive",
             className: cn(
-              "h-auto rounded-none border-0 text-sm font-medium leading-5 shadow-none",
-              size === "md" ? "px-4 py-2" : "px-3.5 py-1.5",
+              "h-auto min-w-0 flex-1 justify-center gap-1 rounded-none border-0 px-1.5 text-sm font-medium leading-5 shadow-none",
+              size === "md" ? "py-2" : "py-1.5",
               index > 0 && "border-l border-border",
-              isActive ? "bg-muted text-foreground hover:bg-muted" : "bg-background text-muted-foreground"
+              isActive ? "bg-accent-indigo font-semibold text-accent-indigo-foreground hover:bg-accent-indigo hover:text-accent-indigo-foreground dark:hover:bg-accent-indigo" : "bg-background text-muted-foreground hover:bg-muted hover:text-foreground"
             ),
-            children: option.label
+            children: [
+              option.icon ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("shrink-0", isActive ? "opacity-100" : "opacity-70"), children: option.icon }) : null,
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label })
+            ]
           },
           option.value
         );

package/dist/modules/customers/components/calendar/editor/SegmentGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/components/calendar/editor/SegmentGroup.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nexport type SegmentOption<T extends string> = { value: T; label: string }\n\nexport function SegmentGroup<T extends string>({\n  options,\n  value,\n  onChange,\n  size = 'sm',\n  ariaLabel,\n}: {\n  options: Array<SegmentOption<T>>\n  value: T\n  onChange(next: T): void\n  size?: 'sm' | 'md'\n  ariaLabel: string\n}) {\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className=\"inline-flex max-w-full items-start overflow-x-auto rounded-md border border-border bg-background\"\n    >\n      {options.map((option, index) => {\n        const isActive = option.value === value\n        return (\n          <Button\n            key={option.value}\n            type=\"button\"\n            variant=\"ghost\"\n            aria-pressed={isActive}\n            onClick={() => onChange(option.value)}\n            className={cn(\n              'h-auto rounded-none border-0 text-sm font-medium leading-5 shadow-none',\n              size === 'md' ? 'px-4 py-2' : 'px-3.5 py-1.5',\n              index > 0 && 'border-l border-border',\n              isActive ? 'bg-muted text-foreground hover:bg-muted' : 'bg-background text-muted-foreground',\n            )}\n          >\n            {option.label}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"],
-  "mappings": ";AA8BU;AA3BV,SAAS,UAAU;AACnB,SAAS,cAAc;AAIhB,SAAS,aAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MAET,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,cAAM,WAAW,OAAO,UAAU;AAClC,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,gBAAc;AAAA,YACd,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,YACpC,WAAW;AAAA,cACT;AAAA,cACA,SAAS,OAAO,cAAc;AAAA,cAC9B,QAAQ,KAAK;AAAA,cACb,WAAW,4CAA4C;AAAA,YACzD;AAAA,YAEC,iBAAO;AAAA;AAAA,UAZH,OAAO;AAAA,QAad;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nexport type SegmentOption<T extends string> = { value: T; label: string; icon?: React.ReactNode }\n\nexport function SegmentGroup<T extends string>({\n  options,\n  value,\n  onChange,\n  size = 'sm',\n  ariaLabel,\n}: {\n  options: Array<SegmentOption<T>>\n  value: T\n  onChange(next: T): void\n  size?: 'sm' | 'md'\n  ariaLabel: string\n}) {\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className=\"flex w-full items-stretch overflow-hidden rounded-md border border-border bg-background\"\n    >\n      {options.map((option, index) => {\n        const isActive = option.value === value\n        return (\n          <Button\n            key={option.value}\n            type=\"button\"\n            variant=\"ghost\"\n            aria-pressed={isActive}\n            onClick={() => onChange(option.value)}\n            title={option.label}\n            data-state={isActive ? 'active' : 'inactive'}\n            className={cn(\n              'h-auto min-w-0 flex-1 justify-center gap-1 rounded-none border-0 px-1.5 text-sm font-medium leading-5 shadow-none',\n              size === 'md' ? 'py-2' : 'py-1.5',\n              index > 0 && 'border-l border-border',\n              isActive\n                // Keep the indigo fill on hover in BOTH themes \u2014 the ghost Button\n                // ships `dark:hover:bg-accent/50`, which would otherwise wash the\n                // active segment out on hover in dark mode.\n                ? 'bg-accent-indigo font-semibold text-accent-indigo-foreground hover:bg-accent-indigo hover:text-accent-indigo-foreground dark:hover:bg-accent-indigo'\n                : 'bg-background text-muted-foreground hover:bg-muted hover:text-foreground',\n            )}\n          >\n            {option.icon ? <span aria-hidden className={cn('shrink-0', isActive ? 'opacity-100' : 'opacity-70')}>{option.icon}</span> : null}\n            <span className=\"truncate\">{option.label}</span>\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA8BU,SAoBiB,KApBjB;AA3BV,SAAS,UAAU;AACnB,SAAS,cAAc;AAIhB,SAAS,aAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MAET,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,cAAM,WAAW,OAAO,UAAU;AAClC,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,gBAAc;AAAA,YACd,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,YACpC,OAAO,OAAO;AAAA,YACd,cAAY,WAAW,WAAW;AAAA,YAClC,WAAW;AAAA,cACT;AAAA,cACA,SAAS,OAAO,SAAS;AAAA,cACzB,QAAQ,KAAK;AAAA,cACb,WAII,wJACA;AAAA,YACN;AAAA,YAEC;AAAA,qBAAO,OAAO,oBAAC,UAAK,eAAW,MAAC,WAAW,GAAG,YAAY,WAAW,gBAAgB,YAAY,GAAI,iBAAO,MAAK,IAAU;AAAA,cAC5H,oBAAC,UAAK,WAAU,YAAY,iBAAO,OAAM;AAAA;AAAA;AAAA,UApBpC,OAAO;AAAA,QAqBd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/dist/modules/customers/components/calendar/editor/inputs.js

@@ -1,17 +1,41 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown, Plus } from "lucide-react";
+import * as React from "react";
+import { Plus } from "lucide-react";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { DatePicker } from "@open-mercato/ui/primitives/date-picker";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
-import { Input } from "@open-mercato/ui/primitives/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
 import { Switch } from "@open-mercato/ui/primitives/switch";
 const CONTROL_BORDER = "border border-input";
 const CONTROL_TEXT = "text-sm text-foreground placeholder:text-muted-foreground";
 const LABEL_CLASS = "text-xs font-medium text-muted-foreground";
 const DROPDOWN_PANEL_CLASS = "absolute z-50 mt-1 max-h-56 w-full overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md";
-function Field({ label, children, error }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-1.5", children: [
+function useDropdownDismiss(open, onClose) {
+  const rootRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) return;
+    const handlePointerDown = (event) => {
+      if (rootRef.current && event.target instanceof Node && !rootRef.current.contains(event.target)) onClose();
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        onClose();
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    document.addEventListener("keydown", handleKeyDown, true);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+      document.removeEventListener("keydown", handleKeyDown, true);
+    };
+  }, [open, onClose]);
+  return rootRef;
+}
+function Field({ label, children, error, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col gap-1.5", className), children: [
     /* @__PURE__ */ jsx("span", { className: LABEL_CLASS, children: label }),
     children,
     error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) : null
@@ -30,18 +54,6 @@ function UppercaseBadge({ style, className, children }) {
     }
   );
 }
-function categoryPillStyle(color) {
-  if (typeof color === "string" && /^#[0-9a-fA-F]{6}$/.test(color)) {
-    return { backgroundColor: `${color}59`, color: `color-mix(in srgb, ${color} 55%, black)` };
-  }
-  if (typeof color === "string" && color.length > 0) {
-    return {
-      backgroundColor: `color-mix(in srgb, ${color} 35%, white)`,
-      color: `color-mix(in srgb, ${color} 55%, black)`
-    };
-  }
-  return {};
-}
 function AllDayToggle({ checked, onCheckedChange, label }) {
   return /* @__PURE__ */ jsx(
     Switch,
@@ -53,61 +65,59 @@ function AllDayToggle({ checked, onCheckedChange, label }) {
     }
   );
 }
-function formatDisplayDate(value, locale) {
+function parseDateValue(value) {
+  if (!value) return null;
   const parsed = /* @__PURE__ */ new Date(`${value}T00:00:00`);
-  if (Number.isNaN(parsed.getTime())) return value;
-  return new Intl.DateTimeFormat(locale, { weekday: "short", month: "short", day: "numeric", year: "numeric" }).format(parsed);
+  return Number.isNaN(parsed.getTime()) ? null : parsed;
+}
+function formatDateValue(date) {
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+}
+const EDITOR_SCROLL_EVENT = "om-calendar-editor-scroll";
+function useCloseOnEditorScroll(setOpen) {
+  React.useEffect(() => {
+    const handler = () => setOpen(false);
+    document.addEventListener(EDITOR_SCROLL_EVENT, handler);
+    return () => document.removeEventListener(EDITOR_SCROLL_EVENT, handler);
+  }, [setOpen]);
 }
 function DateControl({
   value,
   onChange,
   ariaLabel,
-  locale,
   className
 }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative flex h-9 w-full items-center justify-between rounded-md bg-background px-3",
-        CONTROL_BORDER,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-foreground", children: formatDisplayDate(value, locale) }),
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px w-2 shrink-0" }),
-        /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "size-4 shrink-0 opacity-60" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "date",
-            value,
-            onChange: (event) => {
-              if (event.target.value) onChange(event.target.value);
-            },
-            "aria-label": ariaLabel,
-            className: "absolute inset-0 h-full w-full cursor-pointer border-0 bg-transparent p-0 opacity-0 shadow-none hover:bg-transparent",
-            inputClassName: "h-full cursor-pointer"
-          }
-        )
-      ]
-    }
-  );
-}
-function TimeControl({ value, onChange, ariaLabel }) {
+  const [open, setOpen] = React.useState(false);
+  useCloseOnEditorScroll(setOpen);
   return /* @__PURE__ */ jsx(
-    Input,
+    DatePicker,
     {
-      type: "time",
-      value,
-      onChange: (event) => {
-        if (event.target.value) onChange(event.target.value);
+      value: parseDateValue(value),
+      onChange: (date) => {
+        if (date) onChange(formatDateValue(date));
       },
+      footer: "none",
+      open,
+      onOpenChange: setOpen,
       "aria-label": ariaLabel,
-      className: "h-9 w-32 shrink-0"
+      className: cn("w-full", className)
     }
   );
 }
+const TIME_OPTIONS = Array.from({ length: 48 }, (_, index) => {
+  const hour = Math.floor(index / 2);
+  const minute = index % 2 === 0 ? "00" : "30";
+  return `${String(hour).padStart(2, "0")}:${minute}`;
+});
+function TimeControl({ value, onChange, ariaLabel }) {
+  const [open, setOpen] = React.useState(false);
+  useCloseOnEditorScroll(setOpen);
+  const options = value && !TIME_OPTIONS.includes(value) ? [value, ...TIME_OPTIONS] : TIME_OPTIONS;
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": ariaLabel, className: "h-9 w-32 shrink-0", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsx(SelectContent, { className: "max-h-64", children: options.map((time) => /* @__PURE__ */ jsx(SelectItem, { value: time, children: time }, time)) })
+  ] });
+}
 function PersonChip({
   name,
   badge,
@@ -150,11 +160,12 @@ export {
   CONTROL_TEXT,
   DROPDOWN_PANEL_CLASS,
   DateControl,
+  EDITOR_SCROLL_EVENT,
   Field,
   LABEL_CLASS,
   PersonChip,
   TimeControl,
   UppercaseBadge,
-  categoryPillStyle
+  useDropdownDismiss
 };
 //# sourceMappingURL=inputs.js.map

package/dist/modules/customers/components/calendar/editor/inputs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/components/calendar/editor/inputs.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronDown, Plus } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\n\nexport const CONTROL_BORDER = 'border border-input'\nexport const CONTROL_TEXT = 'text-sm text-foreground placeholder:text-muted-foreground'\nexport const LABEL_CLASS = 'text-xs font-medium text-muted-foreground'\nexport const DROPDOWN_PANEL_CLASS =\n  'absolute z-50 mt-1 max-h-56 w-full overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md'\n\nexport function Field({ label, children, error }: { label: string; children: React.ReactNode; error?: string | null }) {\n  return (\n    <div className=\"flex w-full flex-col gap-1.5\">\n      <span className={LABEL_CLASS}>{label}</span>\n      {children}\n      {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport function UppercaseBadge({ style, className, children }: { style?: React.CSSProperties; className?: string; children: React.ReactNode }) {\n  return (\n    <span\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center rounded-full bg-muted px-2 py-0.5 text-overline font-medium uppercase text-muted-foreground',\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </span>\n  )\n}\n\n// Mockup tint colors are illustrative; runtime pills derive from the\n// dictionary entry color using the appearanceColor hex-alpha tint technique\n// (see EventBlock.softTintStyle) with a darkened text shade of the same hue.\nexport function categoryPillStyle(color: string | null | undefined): React.CSSProperties {\n  if (typeof color === 'string' && /^#[0-9a-fA-F]{6}$/.test(color)) {\n    return { backgroundColor: `${color}59`, color: `color-mix(in srgb, ${color} 55%, black)` }\n  }\n  if (typeof color === 'string' && color.length > 0) {\n    return {\n      backgroundColor: `color-mix(in srgb, ${color} 35%, white)`,\n      color: `color-mix(in srgb, ${color} 55%, black)`,\n    }\n  }\n  return {}\n}\n\nexport function AllDayToggle({ checked, onCheckedChange, label }: { checked: boolean; onCheckedChange(next: boolean): void; label: string }) {\n  return (\n    <Switch\n      checked={checked}\n      aria-label={label}\n      onCheckedChange={onCheckedChange}\n      className=\"h-6 w-10\"\n    />\n  )\n}\n\nfunction formatDisplayDate(value: string, locale: string): string {\n  const parsed = new Date(`${value}T00:00:00`)\n  if (Number.isNaN(parsed.getTime())) return value\n  return new Intl.DateTimeFormat(locale, { weekday: 'short', month: 'short', day: 'numeric', year: 'numeric' }).format(parsed)\n}\n\nexport function DateControl({\n  value,\n  onChange,\n  ariaLabel,\n  locale,\n  className,\n}: {\n  value: string\n  onChange(next: string): void\n  ariaLabel: string\n  locale: string\n  className?: string\n}) {\n  return (\n    <div\n      className={cn(\n        'relative flex h-9 w-full items-center justify-between rounded-md bg-background px-3',\n        CONTROL_BORDER,\n        className,\n      )}\n    >\n      <span className=\"truncate text-sm text-foreground\">{formatDisplayDate(value, locale)}</span>\n      <span aria-hidden className=\"h-px w-2 shrink-0\" />\n      <ChevronDown aria-hidden className=\"size-4 shrink-0 opacity-60\" />\n      <Input\n        type=\"date\"\n        value={value}\n        onChange={(event) => { if (event.target.value) onChange(event.target.value) }}\n        aria-label={ariaLabel}\n        className=\"absolute inset-0 h-full w-full cursor-pointer border-0 bg-transparent p-0 opacity-0 shadow-none hover:bg-transparent\"\n        inputClassName=\"h-full cursor-pointer\"\n      />\n    </div>\n  )\n}\n\nexport function TimeControl({ value, onChange, ariaLabel }: { value: string; onChange(next: string): void; ariaLabel: string }) {\n  return (\n    <Input\n      type=\"time\"\n      value={value}\n      onChange={(event) => { if (event.target.value) onChange(event.target.value) }}\n      aria-label={ariaLabel}\n      className=\"h-9 w-32 shrink-0\"\n    />\n  )\n}\n\nexport function PersonChip({\n  name,\n  badge,\n  compact,\n  onRemove,\n  removeLabel,\n}: {\n  name: string\n  badge?: React.ReactNode\n  compact?: boolean\n  onRemove?: () => void\n  removeLabel?: string\n}) {\n  return (\n    <span\n      className={cn(\n        'inline-flex shrink-0 items-center gap-1.5 rounded-full bg-muted pl-1 pr-2',\n        compact ? 'py-0.5' : 'py-1',\n      )}\n    >\n      <Avatar size=\"xs\" label={name} />\n      <span className=\"max-w-40 truncate text-xs font-medium text-foreground\">{name}</span>\n      {badge}\n      {onRemove ? (\n        <IconButton\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={(event) => { event.stopPropagation(); onRemove() }}\n          aria-label={removeLabel}\n          className=\"size-5 shrink-0\"\n        >\n          <Plus aria-hidden className=\"size-3.5 rotate-45 opacity-50\" />\n        </IconButton>\n      ) : null}\n    </span>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { DatePicker } from '@open-mercato/ui/primitives/date-picker'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\n\nexport const CONTROL_BORDER = 'border border-input'\nexport const CONTROL_TEXT = 'text-sm text-foreground placeholder:text-muted-foreground'\nexport const LABEL_CLASS = 'text-xs font-medium text-muted-foreground'\nexport const DROPDOWN_PANEL_CLASS =\n  'absolute z-50 mt-1 max-h-56 w-full overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md'\n\n/**\n * Closes an editor dropdown on pointer-down outside the component or Escape.\n * Blur alone is unreliable inside the Radix dialog focus trap (#3552 feedback:\n * the Resources list stayed open), so dismissal listens on the document while\n * the dropdown is open. Returns the ref to attach to the component root.\n */\nexport function useDropdownDismiss(open: boolean, onClose: () => void): React.RefObject<HTMLDivElement | null> {\n  const rootRef = React.useRef<HTMLDivElement | null>(null)\n  React.useEffect(() => {\n    if (!open) return\n    const handlePointerDown = (event: PointerEvent) => {\n      if (rootRef.current && event.target instanceof Node && !rootRef.current.contains(event.target)) onClose()\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        // Swallow Escape so the dialog itself stays open.\n        event.stopPropagation()\n        onClose()\n      }\n    }\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    document.addEventListener('keydown', handleKeyDown, true)\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n      document.removeEventListener('keydown', handleKeyDown, true)\n    }\n  }, [open, onClose])\n  return rootRef\n}\n\nexport function Field({ label, children, error, className }: { label: string; children: React.ReactNode; error?: string | null; className?: string }) {\n  return (\n    <div className={cn('flex w-full flex-col gap-1.5', className)}>\n      <span className={LABEL_CLASS}>{label}</span>\n      {children}\n      {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport function UppercaseBadge({ style, className, children }: { style?: React.CSSProperties; className?: string; children: React.ReactNode }) {\n  return (\n    <span\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center rounded-full bg-muted px-2 py-0.5 text-overline font-medium uppercase text-muted-foreground',\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport function AllDayToggle({ checked, onCheckedChange, label }: { checked: boolean; onCheckedChange(next: boolean): void; label: string }) {\n  return (\n    <Switch\n      checked={checked}\n      aria-label={label}\n      onCheckedChange={onCheckedChange}\n      className=\"h-6 w-10\"\n    />\n  )\n}\n\nfunction parseDateValue(value: string): Date | null {\n  if (!value) return null\n  const parsed = new Date(`${value}T00:00:00`)\n  return Number.isNaN(parsed.getTime()) ? null : parsed\n}\n\nfunction formatDateValue(date: Date): string {\n  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`\n}\n\n// Close the field's popover when the surrounding editor dialog scrolls, so a\n// portalled DS popover (DatePicker/Select) doesn't float over the form or drift\n// from its field (#3747 feedback). Radix ignores synthetic dismiss events, so\n// this drives the popover's controlled `open` state instead. The editor\n// dispatches `EDITOR_SCROLL_EVENT` on scroll.\nexport const EDITOR_SCROLL_EVENT = 'om-calendar-editor-scroll'\nfunction useCloseOnEditorScroll(setOpen: (open: boolean) => void) {\n  React.useEffect(() => {\n    const handler = () => setOpen(false)\n    document.addEventListener(EDITOR_SCROLL_EVENT, handler)\n    return () => document.removeEventListener(EDITOR_SCROLL_EVENT, handler)\n  }, [setOpen])\n}\n\n// DS DatePicker (calendar popover) + DS Select (scrolling 30-min list) replace\n// the native `<input type=date|time>` overlays, which only opened via the\n// browser chevron and did not match the design system (#3747 feedback).\nexport function DateControl({\n  value,\n  onChange,\n  ariaLabel,\n  className,\n}: {\n  value: string\n  onChange(next: string): void\n  ariaLabel: string\n  locale: string\n  className?: string\n}) {\n  const [open, setOpen] = React.useState(false)\n  useCloseOnEditorScroll(setOpen)\n  return (\n    <DatePicker\n      value={parseDateValue(value)}\n      onChange={(date) => { if (date) onChange(formatDateValue(date)) }}\n      footer=\"none\"\n      open={open}\n      onOpenChange={setOpen}\n      aria-label={ariaLabel}\n      className={cn('w-full', className)}\n    />\n  )\n}\n\n// 24h times at 30-minute steps.\nconst TIME_OPTIONS: string[] = Array.from({ length: 48 }, (_, index) => {\n  const hour = Math.floor(index / 2)\n  const minute = index % 2 === 0 ? '00' : '30'\n  return `${String(hour).padStart(2, '0')}:${minute}`\n})\n\nexport function TimeControl({ value, onChange, ariaLabel }: { value: string; onChange(next: string): void; ariaLabel: string }) {\n  const [open, setOpen] = React.useState(false)\n  useCloseOnEditorScroll(setOpen)\n  // Keep an off-grid value (e.g. an imported 22:15) selectable.\n  const options = value && !TIME_OPTIONS.includes(value) ? [value, ...TIME_OPTIONS] : TIME_OPTIONS\n  return (\n    <Select value={value} onValueChange={onChange} open={open} onOpenChange={setOpen}>\n      <SelectTrigger aria-label={ariaLabel} className=\"h-9 w-32 shrink-0\">\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent className=\"max-h-64\">\n        {options.map((time) => (\n          <SelectItem key={time} value={time}>{time}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\nexport function PersonChip({\n  name,\n  badge,\n  compact,\n  onRemove,\n  removeLabel,\n}: {\n  name: string\n  badge?: React.ReactNode\n  compact?: boolean\n  onRemove?: () => void\n  removeLabel?: string\n}) {\n  return (\n    <span\n      className={cn(\n        'inline-flex shrink-0 items-center gap-1.5 rounded-full bg-muted pl-1 pr-2',\n        compact ? 'py-0.5' : 'py-1',\n      )}\n    >\n      <Avatar size=\"xs\" label={name} />\n      <span className=\"max-w-40 truncate text-xs font-medium text-foreground\">{name}</span>\n      {badge}\n      {onRemove ? (\n        <IconButton\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={(event) => { event.stopPropagation(); onRemove() }}\n          aria-label={removeLabel}\n          className=\"size-5 shrink-0\"\n        >\n          <Plus aria-hidden className=\"size-3.5 rotate-45 opacity-50\" />\n        </IconButton>\n      ) : null}\n    </span>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }