@ai-matrx/records-ui 0.103.0 → 0.103.3

package/dist/pickers.cjs

@@ -722,6 +722,7 @@ function PickChips({ chips }) {
   ) });
 }
 function PickOrAdd({
+  triggerSize = "field",
   triggerLabel,
   triggerText,
   triggerId,
@@ -780,7 +781,7 @@ function PickOrAdd({
     }
   ) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Popover, { open, onOpenChange, children: [
-    anchored ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", "aria-label": triggerLabel, children: triggerText }) }),
+    anchored ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-pick-anchor": "", className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", className: triggerSize === "field" ? "h-9" : void 0, "aria-label": triggerLabel, children: triggerText }) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       import_design_system3.PopoverContent,
       {
@@ -2274,6 +2275,7 @@ function PickOne({
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: (0, import_design_system9.cn)("inline-flex min-w-0", className), "data-records-pick-one": "search", "data-pick-value": value, ...attrs ?? {}, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       PickOrAdd,
       {
+        triggerSize: "compact",
         triggerLabel: label,
         triggerText: current?.label ?? placeholder ?? "",
         triggerId: id,
@@ -3571,7 +3573,7 @@ function TypedWordsControl({ field, value, onChange, disabled, id }) {
           disabled,
           autoComplete: "off",
           "aria-invalid": refusal2 ? true : void 0,
-          placeholder: helper === "time" ? "2:30 PM" : helper === "datetime" ? `${(0, import_records10.typedDateText)("2026-10-03")} 2:30 PM` : helper ? (0, import_records10.typedDateText)("2026-10-03") : void 0,
+          placeholder: helper ? typedDatePlaceholder(helper) : void 0,
           onChange: (e) => retype(e.target.value),
           onBlur: () => {
             if (!refusal2) return;
@@ -3585,6 +3587,12 @@ function TypedWordsControl({ field, value, onChange, disabled, id }) {
     refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "data-records-typed-refusal": "", "data-records-cell-note": "", role: "status", title: why, className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal2 }) : null
   ] });
 }
+function typedDatePlaceholder(helper) {
+  const time = "h:mm AM";
+  if (helper === "time") return time;
+  const pattern = (0, import_records10.typedDateText)("2026-11-22").replace("2026", "YYYY").replace("11", "MM").replace("22", "DD");
+  return helper === "datetime" ? `${pattern} ${time}` : pattern;
+}
 function CheckboxControl({ field, value, onChange, disabled, id }) {
   const unanswered = value === null || value === void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [