@freighttech/ui 0.13.18

package/dist/backend/inputs/TagsInput.js

@@ -0,0 +1,258 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../../primitives/button.js";
+import { IconButton } from "../../primitives/icon-button.js";
+function normalizeOptions(input) {
+  if (!Array.isArray(input)) return [];
+  return input.map((option) => {
+    if (typeof option === "string") {
+      const trimmed = option.trim();
+      if (!trimmed) return null;
+      return { value: trimmed, label: trimmed };
+    }
+    const value = typeof option.value === "string" ? option.value.trim() : "";
+    if (!value) return null;
+    return {
+      value,
+      label: option.label?.trim() || value,
+      description: option.description ?? null
+    };
+  }).filter((option) => !!option);
+}
+function TagsInput({
+  value,
+  onChange,
+  placeholder,
+  suggestions,
+  loadSuggestions,
+  selectedOptions,
+  resolveLabel,
+  resolveDescription,
+  autoFocus,
+  disabled = false,
+  allowCustomValues = true,
+  showSuggestionsOnFocus = true
+}) {
+  const t = useT();
+  const [input, setInput] = React.useState("");
+  const [asyncOptions, setAsyncOptions] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [touched, setTouched] = React.useState(false);
+  const suppressBlurCommitRef = React.useRef(false);
+  const valueRef = React.useRef(value);
+  React.useEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+  const staticOptions = React.useMemo(() => normalizeOptions(suggestions), [suggestions]);
+  const selectedOptionList = React.useMemo(
+    () => normalizeOptions(selectedOptions),
+    [selectedOptions]
+  );
+  const optionMap = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const register = (option) => {
+      if (!map.has(option.value)) {
+        map.set(option.value, option);
+      }
+    };
+    staticOptions.forEach(register);
+    asyncOptions.forEach(register);
+    selectedOptionList.forEach(register);
+    value.forEach((val) => {
+      if (map.has(val)) return;
+      map.set(val, {
+        value: val,
+        label: resolveLabel?.(val) ?? val,
+        description: resolveDescription?.(val) ?? null
+      });
+    });
+    return map;
+  }, [asyncOptions, resolveDescription, resolveLabel, selectedOptionList, staticOptions, value]);
+  const availableOptions = React.useMemo(() => {
+    return Array.from(optionMap.values()).filter((option) => !value.includes(option.value));
+  }, [optionMap, value]);
+  const filteredSuggestions = React.useMemo(() => {
+    const query = input.toLowerCase().trim();
+    if (!query) return availableOptions.slice(0, 8);
+    return availableOptions.filter((option) => {
+      const labelMatch = option.label.toLowerCase().includes(query);
+      const descMatch = option.description?.toLowerCase().includes(query);
+      return labelMatch || Boolean(descMatch);
+    });
+  }, [availableOptions, input]);
+  React.useEffect(() => {
+    if (!loadSuggestions || !touched || disabled) return;
+    const query = input.trim();
+    let cancelled = false;
+    const handle = window.setTimeout(async () => {
+      setLoading(true);
+      try {
+        const items = await loadSuggestions(query);
+        if (!cancelled) {
+          setAsyncOptions(normalizeOptions(items));
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }, 200);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(handle);
+    };
+  }, [disabled, input, loadSuggestions, touched]);
+  const addValue = React.useCallback(
+    (nextValue) => {
+      if (disabled) return;
+      const trimmed = nextValue.trim();
+      if (!trimmed) return;
+      const currentValue = valueRef.current;
+      if (currentValue.includes(trimmed)) return;
+      const next = [...currentValue, trimmed];
+      valueRef.current = next;
+      onChange(next);
+    },
+    [disabled, onChange]
+  );
+  const findOptionForInput = React.useCallback(
+    (raw) => {
+      const query = raw.trim().toLowerCase();
+      if (!query) return null;
+      for (const option of optionMap.values()) {
+        if (option.value === raw.trim()) return option;
+        if (option.label.toLowerCase() === query) return option;
+      }
+      return null;
+    },
+    [optionMap]
+  );
+  const addTag = React.useCallback(
+    (raw) => {
+      if (disabled) return;
+      const option = findOptionForInput(raw);
+      if (option) {
+        addValue(option.value);
+        return;
+      }
+      if (!allowCustomValues) return;
+      addValue(raw);
+    },
+    [addValue, allowCustomValues, disabled, findOptionForInput]
+  );
+  const removeTag = React.useCallback(
+    (tag) => {
+      if (disabled) return;
+      const next = valueRef.current.filter((candidate) => candidate !== tag);
+      valueRef.current = next;
+      onChange(next);
+    },
+    [disabled, onChange]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: [
+        "w-full rounded border px-2 py-1",
+        disabled ? "bg-muted text-muted-foreground/80 cursor-not-allowed" : ""
+      ].filter(Boolean).join(" "),
+      "aria-disabled": disabled || void 0,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+        value.map((tag) => {
+          const option = optionMap.get(tag);
+          const label = option?.label ?? tag;
+          const description = option?.description;
+          return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded-sm bg-muted px-2 py-0.5 text-xs", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-start leading-tight", children: [
+              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: label }),
+              description ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: description }) : null
+            ] }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "xs",
+                className: "opacity-60 hover:opacity-100",
+                onClick: () => removeTag(tag),
+                disabled,
+                children: "\xD7"
+              }
+            )
+          ] }, tag);
+        }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "flex-1 min-w-[80px] sm:min-w-[120px] border-0 py-1 text-sm outline-none disabled:bg-transparent",
+            value: input,
+            placeholder: placeholder || t("ui.inputs.tagsInput.placeholder", "Add tag and press Enter"),
+            autoFocus,
+            "data-crud-focus-target": "",
+            disabled,
+            onFocus: () => {
+              if (showSuggestionsOnFocus) {
+                setTouched(true);
+              }
+            },
+            onMouseDown: () => {
+              setTouched(true);
+            },
+            onChange: (event) => {
+              setTouched(true);
+              setInput(event.target.value);
+            },
+            onKeyDown: (event) => {
+              if (disabled) return;
+              if (event.key === "Enter" || event.key === ",") {
+                event.preventDefault();
+                addTag(input);
+                setInput("");
+              } else if (event.key === "Backspace" && input === "" && value.length > 0) {
+                removeTag(value[value.length - 1]);
+              }
+            },
+            onBlur: () => {
+              if (disabled) return;
+              if (suppressBlurCommitRef.current) {
+                suppressBlurCommitRef.current = false;
+                setInput("");
+                return;
+              }
+              addTag(input);
+              setInput("");
+            }
+          }
+        ),
+        loading && touched ? /* @__PURE__ */ jsx("div", { className: "basis-full mt-1 text-xs text-muted-foreground", children: "Loading suggestions\u2026" }) : null,
+        !loading && filteredSuggestions.length ? /* @__PURE__ */ jsx("div", { className: "basis-full mt-1 flex flex-col gap-1", children: filteredSuggestions.map((option) => /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "w-full justify-start font-normal flex flex-col items-start text-xs px-1.5 py-1",
+            onMouseDown: (event) => {
+              suppressBlurCommitRef.current = true;
+              event.preventDefault();
+            },
+            onClick: () => {
+              suppressBlurCommitRef.current = false;
+              addValue(option.value);
+              setInput("");
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { children: option.label }),
+              option.description ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: option.description }) : null
+            ]
+          },
+          option.value
+        )) }) : null
+      ] })
+    }
+  );
+}
+export {
+  TagsInput
+};
+//# sourceMappingURL=TagsInput.js.map

package/dist/backend/inputs/TagsInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/TagsInput.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport { IconButton } from '../../primitives/icon-button'\n\nexport type TagsInputOption = {\n  value: string\n  label: string\n  description?: string | null\n}\n\nexport type TagsInputProps = {\n  value: string[]\n  onChange: (next: string[]) => void\n  placeholder?: string\n  suggestions?: Array<string | TagsInputOption>\n  loadSuggestions?: (query?: string) => Promise<Array<string | TagsInputOption>>\n  selectedOptions?: TagsInputOption[]\n  resolveLabel?: (value: string) => string\n  resolveDescription?: (value: string) => string | null | undefined\n  autoFocus?: boolean\n  disabled?: boolean\n  allowCustomValues?: boolean\n  showSuggestionsOnFocus?: boolean\n}\n\nfunction normalizeOptions(input?: Array<string | TagsInputOption>): TagsInputOption[] {\n  if (!Array.isArray(input)) return []\n  return input\n    .map((option) => {\n      if (typeof option === 'string') {\n        const trimmed = option.trim()\n        if (!trimmed) return null\n        return { value: trimmed, label: trimmed }\n      }\n      const value = typeof option.value === 'string' ? option.value.trim() : ''\n      if (!value) return null\n      return {\n        value,\n        label: option.label?.trim() || value,\n        description: option.description ?? null,\n      }\n    })\n    .filter((option): option is TagsInputOption => !!option)\n}\n\nexport function TagsInput({\n  value,\n  onChange,\n  placeholder,\n  suggestions,\n  loadSuggestions,\n  selectedOptions,\n  resolveLabel,\n  resolveDescription,\n  autoFocus,\n  disabled = false,\n  allowCustomValues = true,\n  showSuggestionsOnFocus = true,\n}: TagsInputProps) {\n  const t = useT()\n  const [input, setInput] = React.useState('')\n  const [asyncOptions, setAsyncOptions] = React.useState<TagsInputOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [touched, setTouched] = React.useState(false)\n  const suppressBlurCommitRef = React.useRef(false)\n  const valueRef = React.useRef(value)\n\n  React.useEffect(() => {\n    valueRef.current = value\n  }, [value])\n\n  const staticOptions = React.useMemo(() => normalizeOptions(suggestions), [suggestions])\n  const selectedOptionList = React.useMemo(\n    () => normalizeOptions(selectedOptions),\n    [selectedOptions]\n  )\n\n  const optionMap = React.useMemo(() => {\n    const map = new Map<string, TagsInputOption>()\n    const register = (option: TagsInputOption) => {\n      if (!map.has(option.value)) {\n        map.set(option.value, option)\n      }\n    }\n    staticOptions.forEach(register)\n    asyncOptions.forEach(register)\n    selectedOptionList.forEach(register)\n    value.forEach((val) => {\n      if (map.has(val)) return\n      map.set(val, {\n        value: val,\n        label: resolveLabel?.(val) ?? val,\n        description: resolveDescription?.(val) ?? null,\n      })\n    })\n    return map\n  }, [asyncOptions, resolveDescription, resolveLabel, selectedOptionList, staticOptions, value])\n\n  const availableOptions = React.useMemo(() => {\n    return Array.from(optionMap.values()).filter((option) => !value.includes(option.value))\n  }, [optionMap, value])\n\n  const filteredSuggestions = React.useMemo(() => {\n    const query = input.toLowerCase().trim()\n    if (!query) return availableOptions.slice(0, 8)\n    return availableOptions.filter((option) => {\n      const labelMatch = option.label.toLowerCase().includes(query)\n      const descMatch = option.description?.toLowerCase().includes(query)\n      return labelMatch || Boolean(descMatch)\n    })\n  }, [availableOptions, input])\n\n  React.useEffect(() => {\n    if (!loadSuggestions || !touched || disabled) return\n    const query = input.trim()\n    let cancelled = false\n    const handle = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const items = await loadSuggestions(query)\n        if (!cancelled) {\n          setAsyncOptions(normalizeOptions(items))\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 200)\n    return () => {\n      cancelled = true\n      window.clearTimeout(handle)\n    }\n  }, [disabled, input, loadSuggestions, touched])\n\n  const addValue = React.useCallback(\n    (nextValue: string) => {\n      if (disabled) return\n      const trimmed = nextValue.trim()\n      if (!trimmed) return\n      const currentValue = valueRef.current\n      if (currentValue.includes(trimmed)) return\n      const next = [...currentValue, trimmed]\n      valueRef.current = next\n      onChange(next)\n    },\n    [disabled, onChange]\n  )\n\n  const findOptionForInput = React.useCallback(\n    (raw: string): TagsInputOption | null => {\n      const query = raw.trim().toLowerCase()\n      if (!query) return null\n      for (const option of optionMap.values()) {\n        if (option.value === raw.trim()) return option\n        if (option.label.toLowerCase() === query) return option\n      }\n      return null\n    },\n    [optionMap]\n  )\n\n  const addTag = React.useCallback(\n    (raw: string) => {\n      if (disabled) return\n      const option = findOptionForInput(raw)\n      if (option) {\n        addValue(option.value)\n        return\n      }\n      if (!allowCustomValues) return\n      addValue(raw)\n    },\n    [addValue, allowCustomValues, disabled, findOptionForInput]\n  )\n\n  const removeTag = React.useCallback(\n    (tag: string) => {\n      if (disabled) return\n      const next = valueRef.current.filter((candidate) => candidate !== tag)\n      valueRef.current = next\n      onChange(next)\n    },\n    [disabled, onChange]\n  )\n\n  return (\n    <div\n      className={[\n        'w-full rounded border px-2 py-1',\n        disabled ? 'bg-muted text-muted-foreground/80 cursor-not-allowed' : '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      aria-disabled={disabled || undefined}\n    >\n      <div className=\"flex flex-wrap gap-1\">\n        {value.map((tag) => {\n          const option = optionMap.get(tag)\n          const label = option?.label ?? tag\n          const description = option?.description\n          return (\n            <span key={tag} className=\"inline-flex items-center gap-2 rounded-sm bg-muted px-2 py-0.5 text-xs\">\n              <span className=\"flex flex-col items-start leading-tight\">\n                <span className=\"whitespace-nowrap\">{label}</span>\n                {description ? (\n                  <span className=\"text-[10px] text-muted-foreground\">{description}</span>\n                ) : null}\n              </span>\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"xs\"\n                className=\"opacity-60 hover:opacity-100\"\n                onClick={() => removeTag(tag)}\n                disabled={disabled}\n              >\n                \u00D7\n              </IconButton>\n            </span>\n          )\n        })}\n        <input\n          className=\"flex-1 min-w-[80px] sm:min-w-[120px] border-0 py-1 text-sm outline-none disabled:bg-transparent\"\n          value={input}\n          placeholder={placeholder || t('ui.inputs.tagsInput.placeholder', 'Add tag and press Enter')}\n          autoFocus={autoFocus}\n          data-crud-focus-target=\"\"\n          disabled={disabled}\n          onFocus={() => {\n            if (showSuggestionsOnFocus) {\n              setTouched(true)\n            }\n          }}\n          onMouseDown={() => {\n            setTouched(true)\n          }}\n          onChange={(event) => {\n            setTouched(true)\n            setInput(event.target.value)\n          }}\n          onKeyDown={(event) => {\n            if (disabled) return\n            if (event.key === 'Enter' || event.key === ',') {\n              event.preventDefault()\n              addTag(input)\n              setInput('')\n            } else if (event.key === 'Backspace' && input === '' && value.length > 0) {\n              removeTag(value[value.length - 1])\n            }\n          }}\n          onBlur={() => {\n            if (disabled) return\n            if (suppressBlurCommitRef.current) {\n              suppressBlurCommitRef.current = false\n              setInput('')\n              return\n            }\n            addTag(input)\n            setInput('')\n          }}\n        />\n        {loading && touched ? (\n          <div className=\"basis-full mt-1 text-xs text-muted-foreground\">Loading suggestions\u2026</div>\n        ) : null}\n        {!loading && filteredSuggestions.length ? (\n          <div className=\"basis-full mt-1 flex flex-col gap-1\">\n            {filteredSuggestions.map((option) => (\n              <Button\n                key={option.value}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"w-full justify-start font-normal flex flex-col items-start text-xs px-1.5 py-1\"\n                onMouseDown={(event) => {\n                  suppressBlurCommitRef.current = true\n                  event.preventDefault()\n                }}\n                onClick={() => {\n                  suppressBlurCommitRef.current = false\n                  addValue(option.value)\n                  setInput('')\n                }}\n              >\n                <span>{option.label}</span>\n                {option.description ? (\n                  <span className=\"text-[10px] text-muted-foreground\">{option.description}</span>\n                ) : null}\n              </Button>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/inputs/TimeInput.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function padTwo(n) {
+  return String(n).padStart(2, "0");
+}
+function parseTime(value) {
+  if (!value) return { hour: 0, minute: 0 };
+  const parts = value.split(":");
+  const hour = parseInt(parts[0] ?? "0", 10);
+  const minute = parseInt(parts[1] ?? "0", 10);
+  return {
+    hour: isNaN(hour) ? 0 : Math.max(0, Math.min(23, hour)),
+    minute: isNaN(minute) ? 0 : Math.max(0, Math.min(59, minute))
+  };
+}
+function snapMinute(minute, step) {
+  if (step <= 1) return minute;
+  return Math.round(minute / step) * step % 60;
+}
+function TimeInput({
+  value,
+  onChange,
+  disabled = false,
+  className,
+  minuteStep = 1,
+  hourLabel: hourLabelProp,
+  minuteLabel: minuteLabelProp
+}) {
+  const t = useT();
+  const hourLabel = hourLabelProp ?? t("ui.timePicker.hourLabel", "Hour");
+  const minuteLabel = minuteLabelProp ?? t("ui.timePicker.minuteLabel", "Minute");
+  const { hour, minute } = parseTime(value);
+  const emitChange = React.useCallback(
+    (nextHour, nextMinute) => {
+      onChange(`${padTwo(nextHour)}:${padTwo(nextMinute)}`);
+    },
+    [onChange]
+  );
+  const handleHourKeyDown = React.useCallback(
+    (e) => {
+      if (disabled) return;
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        emitChange((hour + 1) % 24, minute);
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        emitChange((hour + 23) % 24, minute);
+      }
+    },
+    [disabled, emitChange, hour, minute]
+  );
+  const handleMinuteKeyDown = React.useCallback(
+    (e) => {
+      if (disabled) return;
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const step = minuteStep > 1 ? minuteStep : 1;
+        emitChange(hour, (minute + step) % 60);
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        const step = minuteStep > 1 ? minuteStep : 1;
+        emitChange(hour, (minute + 60 - step) % 60);
+      }
+    },
+    [disabled, emitChange, hour, minute, minuteStep]
+  );
+  const handleHourChange = React.useCallback(
+    (e) => {
+      if (disabled) return;
+      const raw = parseInt(e.target.value, 10);
+      if (isNaN(raw)) return;
+      emitChange(Math.max(0, Math.min(23, raw)), minute);
+    },
+    [disabled, emitChange, minute]
+  );
+  const handleMinuteChange = React.useCallback(
+    (e) => {
+      if (disabled) return;
+      const raw = parseInt(e.target.value, 10);
+      if (isNaN(raw)) return;
+      const snapped = minuteStep > 1 ? snapMinute(raw, minuteStep) : Math.max(0, Math.min(59, raw));
+      emitChange(hour, snapped);
+    },
+    [disabled, emitChange, hour, minuteStep]
+  );
+  const inputClass = cn(
+    "w-14 h-9 rounded border text-center text-sm tabular-nums",
+    "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
+    disabled && "bg-muted text-muted-foreground cursor-not-allowed",
+    "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed"
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", className), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        min: 0,
+        max: 23,
+        value: padTwo(hour),
+        onChange: handleHourChange,
+        onKeyDown: handleHourKeyDown,
+        disabled,
+        "aria-label": hourLabel,
+        "data-crud-focus-target": "",
+        className: inputClass
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium select-none", children: ":" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        min: 0,
+        max: 59,
+        step: minuteStep,
+        value: padTwo(minute),
+        onChange: handleMinuteChange,
+        onKeyDown: handleMinuteKeyDown,
+        disabled,
+        "aria-label": minuteLabel,
+        className: inputClass
+      }
+    )
+  ] });
+}
+export {
+  TimeInput
+};
+//# sourceMappingURL=TimeInput.js.map

package/dist/backend/inputs/TimeInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/TimeInput.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type TimeInputProps = {\n  value?: string | null\n  onChange: (time: string) => void\n  disabled?: boolean\n  className?: string\n  minuteStep?: number\n  hourLabel?: string\n  minuteLabel?: string\n}\n\nfunction padTwo(n: number): string {\n  return String(n).padStart(2, '0')\n}\n\nfunction parseTime(value: string | null | undefined): { hour: number; minute: number } {\n  if (!value) return { hour: 0, minute: 0 }\n  const parts = value.split(':')\n  const hour = parseInt(parts[0] ?? '0', 10)\n  const minute = parseInt(parts[1] ?? '0', 10)\n  return {\n    hour: isNaN(hour) ? 0 : Math.max(0, Math.min(23, hour)),\n    minute: isNaN(minute) ? 0 : Math.max(0, Math.min(59, minute)),\n  }\n}\n\nfunction snapMinute(minute: number, step: number): number {\n  if (step <= 1) return minute\n  return Math.round(minute / step) * step % 60\n}\n\nexport function TimeInput({\n  value,\n  onChange,\n  disabled = false,\n  className,\n  minuteStep = 1,\n  hourLabel: hourLabelProp,\n  minuteLabel: minuteLabelProp,\n}: TimeInputProps) {\n  const t = useT()\n  const hourLabel = hourLabelProp ?? t('ui.timePicker.hourLabel', 'Hour')\n  const minuteLabel = minuteLabelProp ?? t('ui.timePicker.minuteLabel', 'Minute')\n\n  const { hour, minute } = parseTime(value)\n\n  const emitChange = React.useCallback(\n    (nextHour: number, nextMinute: number) => {\n      onChange(`${padTwo(nextHour)}:${padTwo(nextMinute)}`)\n    },\n    [onChange]\n  )\n\n  const handleHourKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        emitChange((hour + 1) % 24, minute)\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        emitChange((hour + 23) % 24, minute)\n      }\n    },\n    [disabled, emitChange, hour, minute]\n  )\n\n  const handleMinuteKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        const step = minuteStep > 1 ? minuteStep : 1\n        emitChange(hour, (minute + step) % 60)\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        const step = minuteStep > 1 ? minuteStep : 1\n        emitChange(hour, (minute + 60 - step) % 60)\n      }\n    },\n    [disabled, emitChange, hour, minute, minuteStep]\n  )\n\n  const handleHourChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return\n      const raw = parseInt(e.target.value, 10)\n      if (isNaN(raw)) return\n      emitChange(Math.max(0, Math.min(23, raw)), minute)\n    },\n    [disabled, emitChange, minute]\n  )\n\n  const handleMinuteChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return\n      const raw = parseInt(e.target.value, 10)\n      if (isNaN(raw)) return\n      const snapped = minuteStep > 1 ? snapMinute(raw, minuteStep) : Math.max(0, Math.min(59, raw))\n      emitChange(hour, snapped)\n    },\n    [disabled, emitChange, hour, minuteStep]\n  )\n\n  const inputClass = cn(\n    'w-14 h-9 rounded border text-center text-sm tabular-nums',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1',\n    disabled && 'bg-muted text-muted-foreground cursor-not-allowed',\n    'disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed'\n  )\n\n  return (\n    <div className={cn('flex items-center gap-1', className)}>\n      <input\n        type=\"number\"\n        min={0}\n        max={23}\n        value={padTwo(hour)}\n        onChange={handleHourChange}\n        onKeyDown={handleHourKeyDown}\n        disabled={disabled}\n        aria-label={hourLabel}\n        data-crud-focus-target=\"\"\n        className={inputClass}\n      />\n      <span className=\"text-sm font-medium select-none\">:</span>\n      <input\n        type=\"number\"\n        min={0}\n        max={59}\n        step={minuteStep}\n        value={padTwo(minute)}\n        onChange={handleMinuteChange}\n        onKeyDown={handleMinuteKeyDown}\n        disabled={disabled}\n        aria-label={minuteLabel}\n        className={inputClass}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/inputs/TimePicker.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ClockIcon } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.js";
+import { TimeInput } from "./TimeInput.js";
+function currentHHMM() {
+  const now = /* @__PURE__ */ new Date();
+  const hour = String(now.getHours()).padStart(2, "0");
+  const minute = String(now.getMinutes()).padStart(2, "0");
+  return `${hour}:${minute}`;
+}
+function TimePicker({
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  readOnly = false,
+  className,
+  minuteStep = 1,
+  showNowButton = true,
+  showClearButton = true
+}) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const placeholderText = placeholder ?? t("ui.timePicker.placeholder", "Pick a time");
+  const nowText = t("ui.timePicker.nowButton", "Now");
+  const clearText = t("ui.timePicker.clearButton", "Clear");
+  const handleTimeChange = React.useCallback(
+    (time) => {
+      onChange(time);
+    },
+    [onChange]
+  );
+  const handleNow = React.useCallback(() => {
+    onChange(currentHHMM());
+    setOpen(false);
+  }, [onChange]);
+  const handleClear = React.useCallback(() => {
+    onChange(null);
+    setOpen(false);
+  }, [onChange]);
+  const isInteractive = !disabled && !readOnly;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: isInteractive ? setOpen : void 0, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-crud-focus-target": "",
+        disabled,
+        "aria-haspopup": "dialog",
+        className: cn(
+          "w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left",
+          "bg-background transition-colors",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
+          "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
+          readOnly && "cursor-default opacity-70",
+          !value && "text-muted-foreground",
+          className
+        ),
+        onClick: isInteractive ? void 0 : (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx(ClockIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: value ?? placeholderText })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "p-3 w-auto min-w-[180px]", children: [
+      /* @__PURE__ */ jsx(
+        TimeInput,
+        {
+          value,
+          onChange: handleTimeChange,
+          minuteStep
+        }
+      ),
+      (showNowButton || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mt-3 pt-2 border-t", children: [
+        showNowButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleNow,
+            className: "text-sm text-primary hover:underline focus:outline-none",
+            children: nowText
+          }
+        ),
+        showClearButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleClear,
+            className: "text-sm text-muted-foreground hover:text-foreground hover:underline focus:outline-none ml-auto",
+            children: clearText
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  TimePicker
+};
+//# sourceMappingURL=TimePicker.js.map

package/dist/backend/inputs/TimePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/TimePicker.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ClockIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Popover, PopoverContent, PopoverTrigger } from '../../primitives/popover'\nimport { TimeInput } from './TimeInput'\n\nexport type TimePickerProps = {\n  value?: string | null\n  onChange: (time: string | null) => void\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  className?: string\n  minuteStep?: number\n  showNowButton?: boolean\n  showClearButton?: boolean\n}\n\nfunction currentHHMM(): string {\n  const now = new Date()\n  const hour = String(now.getHours()).padStart(2, '0')\n  const minute = String(now.getMinutes()).padStart(2, '0')\n  return `${hour}:${minute}`\n}\n\nexport function TimePicker({\n  value,\n  onChange,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  className,\n  minuteStep = 1,\n  showNowButton = true,\n  showClearButton = true,\n}: TimePickerProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const placeholderText = placeholder ?? t('ui.timePicker.placeholder', 'Pick a time')\n  const nowText = t('ui.timePicker.nowButton', 'Now')\n  const clearText = t('ui.timePicker.clearButton', 'Clear')\n\n  const handleTimeChange = React.useCallback(\n    (time: string) => {\n      onChange(time)\n    },\n    [onChange]\n  )\n\n  const handleNow = React.useCallback(() => {\n    onChange(currentHHMM())\n    setOpen(false)\n  }, [onChange])\n\n  const handleClear = React.useCallback(() => {\n    onChange(null)\n    setOpen(false)\n  }, [onChange])\n\n  const isInteractive = !disabled && !readOnly\n\n  return (\n    <Popover open={open} onOpenChange={isInteractive ? setOpen : undefined}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          data-crud-focus-target=\"\"\n          disabled={disabled}\n          aria-haspopup=\"dialog\"\n          className={cn(\n            'w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left',\n            'bg-background transition-colors',\n            'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1',\n            'disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed',\n            readOnly && 'cursor-default opacity-70',\n            !value && 'text-muted-foreground',\n            className\n          )}\n          onClick={isInteractive ? undefined : (e) => e.preventDefault()}\n        >\n          <ClockIcon className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n          <span className=\"flex-1 truncate\">{value ?? placeholderText}</span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent className=\"p-3 w-auto min-w-[180px]\">\n        <TimeInput\n          value={value}\n          onChange={handleTimeChange}\n          minuteStep={minuteStep}\n        />\n        {(showNowButton || showClearButton) && (\n          <div className=\"flex items-center justify-between gap-2 mt-3 pt-2 border-t\">\n            {showNowButton && (\n              <button\n                type=\"button\"\n                onClick={handleNow}\n                className=\"text-sm text-primary hover:underline focus:outline-none\"\n              >\n                {nowText}\n              </button>\n            )}\n            {showClearButton && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"text-sm text-muted-foreground hover:text-foreground hover:underline focus:outline-none ml-auto\"\n              >\n                {clearText}\n              </button>\n            )}\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": ";AAoEQ,SAgBE,KAhBF;AAlER,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,iBAAiB;AAc1B,SAAS,cAAsB;AAC7B,QAAM,MAAM,oBAAI,KAAK;AACrB,QAAM,OAAO,OAAO,IAAI,SAAS,CAAC,EAAE,SAAS,GAAG,GAAG;AACnD,QAAM,SAAS,OAAO,IAAI,WAAW,CAAC,EAAE,SAAS,GAAG,GAAG;AACvD,SAAO,GAAG,IAAI,IAAI,MAAM;AAC1B;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AACpB,GAAoB;AAClB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,kBAAkB,eAAe,EAAE,6BAA6B,aAAa;AACnF,QAAM,UAAU,EAAE,2BAA2B,KAAK;AAClD,QAAM,YAAY,EAAE,6BAA6B,OAAO;AAExD,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,SAAiB;AAChB,eAAS,IAAI;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,aAAS,YAAY,CAAC;AACtB,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,aAAS,IAAI;AACb,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,CAAC,YAAY,CAAC;AAEpC,SACE,qBAAC,WAAQ,MAAY,cAAc,gBAAgB,UAAU,QAC3D;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,0BAAuB;AAAA,QACvB;AAAA,QACA,iBAAc;AAAA,QACd,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ,CAAC,SAAS;AAAA,UACV;AAAA,QACF;AAAA,QACA,SAAS,gBAAgB,SAAY,CAAC,MAAM,EAAE,eAAe;AAAA,QAE7D;AAAA,8BAAC,aAAU,WAAU,0CAAyC;AAAA,UAC9D,oBAAC,UAAK,WAAU,mBAAmB,mBAAS,iBAAgB;AAAA;AAAA;AAAA,IAC9D,GACF;AAAA,IACA,qBAAC,kBAAe,WAAU,4BACxB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV;AAAA;AAAA,MACF;AAAA,OACE,iBAAiB,oBACjB,qBAAC,SAAI,WAAU,8DACZ;AAAA,yBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QAED,mBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,SAEJ;AAAA,OAEJ;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/inputs/index.js

@@ -0,0 +1,12 @@
+export * from "./PhoneNumberField.js";
+export * from "./TagsInput.js";
+export * from "./LookupSelect.js";
+export * from "./ComboboxInput.js";
+export * from "./SwitchableMarkdownInput.js";
+export * from "./EventSelect.js";
+export * from "./EventPatternInput.js";
+export * from "./TimeInput.js";
+export * from "./TimePicker.js";
+export * from "./DateTimePicker.js";
+export * from "./DatePicker.js";
+//# sourceMappingURL=index.js.map

package/dist/backend/inputs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/index.ts"],
+  "sourcesContent": ["export * from './PhoneNumberField'\nexport * from './TagsInput'\nexport * from './LookupSelect'\nexport * from './ComboboxInput'\nexport * from './SwitchableMarkdownInput'\nexport * from './EventSelect'\nexport * from './EventPatternInput'\nexport * from './TimeInput'\nexport * from './TimePicker'\nexport * from './DateTimePicker'\nexport * from './DatePicker'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/backend/markdown/MarkdownContent.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import { useMarkdownRemarkPlugins } from "./useMarkdownRemarkPlugins.js";
+function MarkdownContent({
+  body,
+  format = "text",
+  className,
+  remarkPlugins
+}) {
+  const plugins = useMarkdownRemarkPlugins(remarkPlugins);
+  if (format !== "markdown") {
+    return /* @__PURE__ */ jsx("div", { className, children: body });
+  }
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: plugins, children: body }) });
+}
+export {
+  MarkdownContent
+};
+//# sourceMappingURL=MarkdownContent.js.map

package/dist/backend/markdown/MarkdownContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/markdown/MarkdownContent.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport type { PluggableList } from 'unified'\nimport { useMarkdownRemarkPlugins } from './useMarkdownRemarkPlugins'\n\nexport type MarkdownContentProps = {\n  body: string\n  format?: 'text' | 'markdown'\n  className?: string\n  remarkPlugins?: PluggableList\n}\n\nexport function MarkdownContent({\n  body,\n  format = 'text',\n  className,\n  remarkPlugins,\n}: MarkdownContentProps) {\n  const plugins = useMarkdownRemarkPlugins(remarkPlugins)\n\n  if (format !== 'markdown') {\n    return <div className={className}>{body}</div>\n  }\n\n  // react-markdown v10 removed the `className` prop \u2014 wrap in a div instead.\n  return (\n    <div className={className}>\n      <ReactMarkdown remarkPlugins={plugins}>{body}</ReactMarkdown>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAuBW;AApBX,OAAO,mBAAmB;AAE1B,SAAS,gCAAgC;AASlC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,UAAU,yBAAyB,aAAa;AAEtD,MAAI,WAAW,YAAY;AACzB,WAAO,oBAAC,SAAI,WAAuB,gBAAK;AAAA,EAC1C;AAGA,SACE,oBAAC,SAAI,WACH,8BAAC,iBAAc,eAAe,SAAU,gBAAK,GAC/C;AAEJ;",
+  "names": []
+}

package/dist/backend/markdown/index.js

@@ -0,0 +1,3 @@
+export * from "./MarkdownContent.js";
+export * from "./useMarkdownRemarkPlugins.js";
+//# sourceMappingURL=index.js.map

package/dist/backend/markdown/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/markdown/index.ts"],
+  "sourcesContent": ["export * from './MarkdownContent'\nexport * from './useMarkdownRemarkPlugins'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}