formanitor 0.1.11 → 0.2.0

package/dist/chunk-4KSZUIJE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/select.tsx"],"names":["SelectPrimitive","React","jsxs","cn","jsx","ChevronDown","ChevronUp","Check"],"mappings":"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","file":"chunk-4KSZUIJE.cjs","sourcesContent":["import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\";\n\nimport { cn } from \"../../core/utils\";\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDown className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronUp className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronDown className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-52 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"py-1.5 pl-8 pr-2 text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"]}

package/dist/chunk-4PMNVBJD.mjs

@@ -0,0 +1,121 @@
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { Popover, PopoverTrigger, PopoverContent, Calendar as Calendar$1 } from './chunk-BMNY7F6H.mjs';
+import { Button } from './chunk-GXXWMHAA.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import * as React from 'react';
+import { format } from 'date-fns';
+import { Calendar, Clock } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function parseTimeString(value) {
+  if (!value) return null;
+  const [h, m] = value.split(":").map((v) => Number(v));
+  if (Number.isNaN(h) || Number.isNaN(m) || h < 0 || h > 23 || m < 0 || m > 59) {
+    return null;
+  }
+  return { hours: h, minutes: m };
+}
+function DateTimePicker({
+  dateTime,
+  setDateTime,
+  className,
+  placeholder = "Pick date & time"
+}) {
+  const [internalDate, setInternalDate] = React.useState(dateTime);
+  const [timeString, setTimeString] = React.useState(() => {
+    if (!dateTime) return "";
+    const hours = dateTime.getHours().toString().padStart(2, "0");
+    const minutes = dateTime.getMinutes().toString().padStart(2, "0");
+    return `${hours}:${minutes}`;
+  });
+  React.useEffect(() => {
+    setInternalDate(dateTime);
+    if (!dateTime) {
+      setTimeString("");
+    } else {
+      const hours = dateTime.getHours().toString().padStart(2, "0");
+      const minutes = dateTime.getMinutes().toString().padStart(2, "0");
+      setTimeString(`${hours}:${minutes}`);
+    }
+  }, [dateTime]);
+  const handleDateSelect = (date) => {
+    setInternalDate(date);
+    if (!setDateTime) return;
+    if (!date) {
+      setDateTime(void 0);
+      return;
+    }
+    const parsed = parseTimeString(timeString);
+    const next = new Date(date);
+    if (parsed) {
+      next.setHours(parsed.hours, parsed.minutes, 0, 0);
+    }
+    setDateTime(next);
+  };
+  const handleTimeChange = (e) => {
+    const value = e.target.value;
+    setTimeString(value);
+    if (!setDateTime) return;
+    const parsed = parseTimeString(value);
+    if (!parsed) {
+      return;
+    }
+    const base = internalDate ?? /* @__PURE__ */ new Date();
+    const next = new Date(base);
+    next.setHours(parsed.hours, parsed.minutes, 0, 0);
+    setInternalDate(next);
+    setDateTime(next);
+  };
+  const hasValue = !!dateTime;
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        className: cn(
+          "w-[280px] justify-start text-left font-normal",
+          !hasValue && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
+          hasValue ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+            format(dateTime, "PPP"),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+              format(dateTime, "HH:mm")
+            ] })
+          ] }) : /* @__PURE__ */ jsx("span", { children: placeholder })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row", children: [
+      /* @__PURE__ */ jsx(
+        Calendar$1,
+        {
+          mode: "single",
+          selected: internalDate,
+          onSelect: handleDateSelect,
+          initialFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "border-t md:border-t-0 md:border-l p-3 flex flex-col gap-2 min-w-[220px]", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Time (24h)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "time",
+            value: timeString,
+            onChange: handleTimeChange,
+            className: "w-full"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+export { DateTimePicker };
+//# sourceMappingURL=chunk-4PMNVBJD.mjs.map
+//# sourceMappingURL=chunk-4PMNVBJD.mjs.map

package/dist/chunk-4PMNVBJD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/datetime-picker.tsx"],"names":["CalendarIcon","Calendar"],"mappings":"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","file":"chunk-4PMNVBJD.mjs","sourcesContent":["import * as React from \"react\"\nimport { format } from \"date-fns\"\nimport { Calendar as CalendarIcon, Clock } from \"lucide-react\"\n\nimport { cn } from \"../../core/utils\"\nimport { Button } from \"./button\"\nimport { Calendar } from \"./calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./popover\"\nimport { Input } from \"./input\"\n\nexport interface DateTimePickerProps {\n  /**\n   * The current value as a Date object.\n   */\n  dateTime?: Date\n  /**\n   * Setter for the value. Use undefined to clear.\n   */\n  setDateTime?: (value: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nfunction parseTimeString(value: string): { hours: number; minutes: number } | null {\n  if (!value) return null\n  const [h, m] = value.split(\":\").map((v) => Number(v))\n  if (\n    Number.isNaN(h) ||\n    Number.isNaN(m) ||\n    h < 0 ||\n    h > 23 ||\n    m < 0 ||\n    m > 59\n  ) {\n    return null\n  }\n  return { hours: h, minutes: m }\n}\n\nexport function DateTimePicker({\n  dateTime,\n  setDateTime,\n  className,\n  placeholder = \"Pick date & time\",\n}: DateTimePickerProps) {\n  const [internalDate, setInternalDate] = React.useState<Date | undefined>(dateTime)\n  const [timeString, setTimeString] = React.useState<string>(() => {\n    if (!dateTime) return \"\"\n    const hours = dateTime.getHours().toString().padStart(2, \"0\")\n    const minutes = dateTime.getMinutes().toString().padStart(2, \"0\")\n    return `${hours}:${minutes}`\n  })\n\n  React.useEffect(() => {\n    setInternalDate(dateTime)\n    if (!dateTime) {\n      setTimeString(\"\")\n    } else {\n      const hours = dateTime.getHours().toString().padStart(2, \"0\")\n      const minutes = dateTime.getMinutes().toString().padStart(2, \"0\")\n      setTimeString(`${hours}:${minutes}`)\n    }\n  }, [dateTime])\n\n  const handleDateSelect = (date: Date | undefined) => {\n    setInternalDate(date)\n    if (!setDateTime) return\n    if (!date) {\n      setDateTime(undefined)\n      return\n    }\n\n    const parsed = parseTimeString(timeString)\n    const next = new Date(date)\n    if (parsed) {\n      next.setHours(parsed.hours, parsed.minutes, 0, 0)\n    }\n    setDateTime(next)\n  }\n\n  const handleTimeChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const value = e.target.value\n    setTimeString(value)\n    if (!setDateTime) return\n\n    const parsed = parseTimeString(value)\n    if (!parsed) {\n      // Don't propagate invalid time, just keep local string\n      return\n    }\n\n    const base = internalDate ?? new Date()\n    const next = new Date(base)\n    next.setHours(parsed.hours, parsed.minutes, 0, 0)\n    setInternalDate(next)\n    setDateTime(next)\n  }\n\n  const hasValue = !!dateTime\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[280px] justify-start text-left font-normal\",\n            !hasValue && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {hasValue ? (\n            <span className=\"flex items-center gap-1\">\n              {format(dateTime as Date, \"PPP\")}\n              <span className=\"text-muted-foreground\">•</span>\n              <span className=\"inline-flex items-center gap-1\">\n                <Clock className=\"h-3 w-3\" />\n                {format(dateTime as Date, \"HH:mm\")}\n              </span>\n            </span>\n          ) : (\n            <span>{placeholder}</span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <div className=\"flex flex-col md:flex-row\">\n          <Calendar\n            mode=\"single\"\n            selected={internalDate}\n            onSelect={handleDateSelect}\n            initialFocus\n          />\n          <div className=\"border-t md:border-t-0 md:border-l p-3 flex flex-col gap-2 min-w-[220px]\">\n            <label className=\"text-xs font-medium text-muted-foreground\">\n              Time (24h)\n            </label>\n            <Input\n              type=\"time\"\n              value={timeString}\n              onChange={handleTimeChange}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n"]}

package/dist/chunk-5E3APMY6.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function isLabelVisible(fieldDef) {
+  return fieldDef.style?.labelVisible !== false;
+}
+function FieldRequiredIndicator({
+  fieldDef
+}) {
+  if (!fieldDef.required) return null;
+  if (fieldDef.style?.showRequiredAsterisk === false) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: chunkFHHISVCH_cjs.cn(
+        "text-red-500",
+        fieldDef.style?.classNames?.requiredIndicator
+      ),
+      "aria-hidden": true,
+      children: "*"
+    }
+  );
+}
+function fieldWrapperClass(fieldDef, ...defaults) {
+  return chunkFHHISVCH_cjs.cn(...defaults, fieldDef.style?.classNames?.wrapper);
+}
+function fieldLabelClass(fieldDef, ...defaults) {
+  return chunkFHHISVCH_cjs.cn(...defaults, fieldDef.style?.classNames?.label);
+}
+function fieldControlClass(fieldDef, ...defaults) {
+  const controlClass = fieldDef.style?.classNames?.control;
+  if (fieldDef.style?.fullControl && controlClass) {
+    return chunkFHHISVCH_cjs.cn(controlClass);
+  }
+  return chunkFHHISVCH_cjs.cn(...defaults, fieldDef.style?.classNames?.control);
+}
+function fieldDescriptionClass(fieldDef, ...defaults) {
+  return chunkFHHISVCH_cjs.cn(...defaults, fieldDef.style?.classNames?.description);
+}
+function fieldErrorClass(fieldDef, ...defaults) {
+  return chunkFHHISVCH_cjs.cn(...defaults, fieldDef.style?.classNames?.error);
+}
+
+exports.FieldRequiredIndicator = FieldRequiredIndicator;
+exports.fieldControlClass = fieldControlClass;
+exports.fieldDescriptionClass = fieldDescriptionClass;
+exports.fieldErrorClass = fieldErrorClass;
+exports.fieldLabelClass = fieldLabelClass;
+exports.fieldWrapperClass = fieldWrapperClass;
+exports.isLabelVisible = isLabelVisible;
+//# sourceMappingURL=chunk-5E3APMY6.cjs.map
+//# sourceMappingURL=chunk-5E3APMY6.cjs.map

package/dist/chunk-5E3APMY6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/fieldStyle.tsx"],"names":["jsx","cn"],"mappings":";;;;;AAIO,SAAS,eAAe,QAAA,EAAgD;AAC7E,EAAA,OAAO,QAAA,CAAS,OAAO,YAAA,KAAiB,KAAA;AAC1C;AAEO,SAAS,sBAAA,CAAuB;AAAA,EACrC;AACF,CAAA,EAEG;AACD,EAAA,IAAI,CAAC,QAAA,CAAS,QAAA,EAAU,OAAO,IAAA;AAC/B,EAAA,IAAI,QAAA,CAAS,KAAA,EAAO,oBAAA,KAAyB,KAAA,EAAO,OAAO,IAAA;AAC3D,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,oBAAA;AAAA,QACT,cAAA;AAAA,QACA,QAAA,CAAS,OAAO,UAAA,EAAY;AAAA,OAC9B;AAAA,MACA,aAAA,EAAW,IAAA;AAAA,MACZ,QAAA,EAAA;AAAA;AAAA,GAED;AAEJ;AAEO,SAAS,iBAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAOA,qBAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,OAAO,CAAA;AAC5D;AAEO,SAAS,eAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAOA,qBAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,KAAK,CAAA;AAC1D;AAEO,SAAS,iBAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,MAAM,YAAA,GAAe,QAAA,CAAS,KAAA,EAAO,UAAA,EAAY,OAAA;AACjD,EAAA,IAAI,QAAA,CAAS,KAAA,EAAO,WAAA,IAAe,YAAA,EAAc;AAC/C,IAAA,OAAOA,qBAAG,YAAY,CAAA;AAAA,EACxB;AACA,EAAA,OAAOA,qBAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,OAAO,CAAA;AAC5D;AAEO,SAAS,qBAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAOA,qBAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,WAAW,CAAA;AAChE;AAEO,SAAS,eAAA,CACd,aACG,QAAA,EACK;AACR,EAAA,OAAOA,qBAAG,GAAG,QAAA,EAAU,QAAA,CAAS,KAAA,EAAO,YAAY,KAAK,CAAA;AAC1D","file":"chunk-5E3APMY6.cjs","sourcesContent":["/* eslint-disable react-refresh/only-export-components -- shared field presentation helpers and indicator */\nimport type { BaseFieldDef } from \"../core/types\";\nimport { cn } from \"../core/utils\";\n\nexport function isLabelVisible(fieldDef: Pick<BaseFieldDef, \"style\">): boolean {\n  return fieldDef.style?.labelVisible !== false;\n}\n\nexport function FieldRequiredIndicator({\n  fieldDef,\n}: {\n  fieldDef: Pick<BaseFieldDef, \"required\" | \"style\">;\n}) {\n  if (!fieldDef.required) return null;\n  if (fieldDef.style?.showRequiredAsterisk === false) return null;\n  return (\n    <span\n      className={cn(\n        \"text-red-500\",\n        fieldDef.style?.classNames?.requiredIndicator,\n      )}\n      aria-hidden\n    >\n      *\n    </span>\n  );\n}\n\nexport function fieldWrapperClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.wrapper);\n}\n\nexport function fieldLabelClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.label);\n}\n\nexport function fieldControlClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  const controlClass = fieldDef.style?.classNames?.control;\n  if (fieldDef.style?.fullControl && controlClass) {\n    return cn(controlClass);\n  }\n  return cn(...defaults, fieldDef.style?.classNames?.control);\n}\n\nexport function fieldDescriptionClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.description);\n}\n\nexport function fieldErrorClass(\n  fieldDef: Pick<BaseFieldDef, \"style\">,\n  ...defaults: (string | undefined)[]\n): string {\n  return cn(...defaults, fieldDef.style?.classNames?.error);\n}\n"]}