formanitor 0.2.2 → 0.2.4

package/dist/BpeChartWidget-HATASHAC.mjs

@@ -0,0 +1,7 @@
+export { BPE_SCORES, BpeChartReadOnly, BpeChartWidget, SEXTANTS } from './chunk-MQHZ7HD2.mjs';
+import './chunk-WYVXXEZI.mjs';
+import './chunk-2BGJZ44Q.mjs';
+import './chunk-HEFZA2AH.mjs';
+import './chunk-VPU66PI6.mjs';
+//# sourceMappingURL=BpeChartWidget-HATASHAC.mjs.map
+//# sourceMappingURL=BpeChartWidget-HATASHAC.mjs.map

package/dist/BpeChartWidget-HATASHAC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"BpeChartWidget-HATASHAC.mjs"}

package/dist/BpeChartWidget-VZRH7M7L.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunkBBD3Y37O_cjs = require('./chunk-BBD3Y37O.cjs');
+require('./chunk-5E3APMY6.cjs');
+require('./chunk-TB33A4PD.cjs');
+require('./chunk-JMGUUFOJ.cjs');
+require('./chunk-FHHISVCH.cjs');
+
+
+
+Object.defineProperty(exports, "BPE_SCORES", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.BPE_SCORES; }
+});
+Object.defineProperty(exports, "BpeChartReadOnly", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.BpeChartReadOnly; }
+});
+Object.defineProperty(exports, "BpeChartWidget", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.BpeChartWidget; }
+});
+Object.defineProperty(exports, "SEXTANTS", {
+  enumerable: true,
+  get: function () { return chunkBBD3Y37O_cjs.SEXTANTS; }
+});
+//# sourceMappingURL=BpeChartWidget-VZRH7M7L.cjs.map
+//# sourceMappingURL=BpeChartWidget-VZRH7M7L.cjs.map

package/dist/BpeChartWidget-VZRH7M7L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"BpeChartWidget-VZRH7M7L.cjs"}

package/dist/{DateTimeWidget-3AUBZYYK.mjs → DateTimeWidget-KRX4O6OD.mjs}

@@ -1,8 +1,9 @@
 import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
 import { useForm } from './chunk-T3UHPMFX.mjs';
-import { DateTimePicker } from './chunk-4PMNVBJD.mjs';
+import { DateTimePicker } from './chunk-2OMQV2ZB.mjs';
 import './chunk-VNFBUAZD.mjs';
-import './chunk-BMNY7F6H.mjs';
+import './chunk-JM7WNDNT.mjs';
+import './chunk-ZZX3IG2T.mjs';
 import './chunk-AZHTIUOL.mjs';
 import './chunk-GXXWMHAA.mjs';
 import { useField } from './chunk-2BGJZ44Q.mjs';
@@ -55,5 +56,5 @@ var DateTimeWidget = ({ fieldId }) => {
 };
 
 export { DateTimeWidget };
-//# sourceMappingURL=DateTimeWidget-3AUBZYYK.mjs.map
-//# sourceMappingURL=DateTimeWidget-3AUBZYYK.mjs.map
+//# sourceMappingURL=DateTimeWidget-KRX4O6OD.mjs.map
+//# sourceMappingURL=DateTimeWidget-KRX4O6OD.mjs.map

package/dist/DateTimeWidget-KRX4O6OD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DateTimeWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAcO,IAAM,cAAA,GAAgD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,WAAA,GAAc,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAC9C,EAAA,MAAM,SAAA,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAA2B;AAC/C,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,QAAA,CAAS,MAAS,CAAA;AAClB,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,IAAA,CAAK,aAAa,CAAA;AAAA,EAC7B,CAAA;AAEA,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,iBAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,wBACE,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjB,GAAA,CAAC,0BAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJ,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,MAAM,UAAA,EAAW;AAAA,QACzB,SAAA,EAAW,WAAW,gCAAA,GAAmC,MAAA;AAAA,QAEzD,QAAA,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAU,WAAA;AAAA,YACV,WAAA,EAAa,YAAA;AAAA,YACb,aAAa,QAAA,CAAS,WAAA;AAAA,YACtB,SAAA,EAAW,iBAAA;AAAA,cACT,QAAA;AAAA,cACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA;AACF;AAAA,KACF;AAAA,IACC,SAAA,wBACE,GAAA,EAAA,EAAE,SAAA,EAAW,gBAAgB,QAAA,EAAU,sBAAsB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateTimeWidget-KRX4O6OD.mjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DateTimePicker } from '../shadcn/datetime-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateTimeWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const currentDate = value ? new Date(value) : undefined;\n  const showLabel = isLabelVisible(fieldDef);\n\n  const handleChange = (date: Date | undefined) => {\n    if (!date) {\n      setValue(undefined);\n      return;\n    }\n    setValue(date.toISOString());\n  };\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div\n        onBlur={() => setTouched()}\n        className={disabled ? 'opacity-60 pointer-events-none' : undefined}\n      >\n        <DateTimePicker\n          dateTime={currentDate}\n          setDateTime={handleChange}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/{DateTimeWidget-OS7ER5F6.cjs → DateTimeWidget-RJ7SATVA.cjs}

@@ -2,9 +2,10 @@
 
 var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
 var chunk7DISRJAB_cjs = require('./chunk-7DISRJAB.cjs');
-var chunkYEFM2ERQ_cjs = require('./chunk-YEFM2ERQ.cjs');
+var chunk7OQFO6TM_cjs = require('./chunk-7OQFO6TM.cjs');
 require('./chunk-TJHG5WHX.cjs');
-require('./chunk-AZSAPO2V.cjs');
+require('./chunk-HXY3IX3G.cjs');
+require('./chunk-RILRMRXB.cjs');
 require('./chunk-4KSZUIJE.cjs');
 require('./chunk-O3VQBPEW.cjs');
 var chunkTB33A4PD_cjs = require('./chunk-TB33A4PD.cjs');
@@ -39,7 +40,7 @@ var DateTimeWidget = ({ fieldId }) => {
         onBlur: () => setTouched(),
         className: disabled ? "opacity-60 pointer-events-none" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkYEFM2ERQ_cjs.DateTimePicker,
+          chunk7OQFO6TM_cjs.DateTimePicker,
           {
             dateTime: currentDate,
             setDateTime: handleChange,
@@ -57,5 +58,5 @@ var DateTimeWidget = ({ fieldId }) => {
 };
 
 exports.DateTimeWidget = DateTimeWidget;
-//# sourceMappingURL=DateTimeWidget-OS7ER5F6.cjs.map
-//# sourceMappingURL=DateTimeWidget-OS7ER5F6.cjs.map
+//# sourceMappingURL=DateTimeWidget-RJ7SATVA.cjs.map
+//# sourceMappingURL=DateTimeWidget-RJ7SATVA.cjs.map

package/dist/DateTimeWidget-RJ7SATVA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DateTimeWidget.tsx"],"names":["useField","useForm","isLabelVisible","fieldWrapperClass","Label","fieldLabelClass","jsx","FieldRequiredIndicator","DateTimePicker","fieldControlClass","fieldErrorClass"],"mappings":";;;;;;;;;;;;;;;;AAcO,IAAM,cAAA,GAAgD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAIA,0BAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,yBAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,WAAA,GAAc,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAC9C,EAAA,MAAM,SAAA,GAAYC,iCAAe,QAAQ,CAAA;AAEzC,EAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAA2B;AAC/C,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,QAAA,CAAS,MAAS,CAAA;AAClB,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,IAAA,CAAK,aAAa,CAAA;AAAA,EAC7B,CAAA;AAEA,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,mCAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mCACEC,uBAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAWC,iCAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBC,cAAA,CAACC,4CAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJD,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,MAAM,UAAA,EAAW;AAAA,QACzB,SAAA,EAAW,WAAW,gCAAA,GAAmC,MAAA;AAAA,QAEzD,QAAA,kBAAAA,cAAA;AAAA,UAACE,gCAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAU,WAAA;AAAA,YACV,WAAA,EAAa,YAAA;AAAA,YACb,aAAa,QAAA,CAAS,WAAA;AAAA,YACtB,SAAA,EAAWC,mCAAA;AAAA,cACT,QAAA;AAAA,cACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA;AACF;AAAA,KACF;AAAA,IACC,SAAA,mCACE,GAAA,EAAA,EAAE,SAAA,EAAWC,kCAAgB,QAAA,EAAU,sBAAsB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateTimeWidget-RJ7SATVA.cjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DateTimePicker } from '../shadcn/datetime-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateTimeWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const currentDate = value ? new Date(value) : undefined;\n  const showLabel = isLabelVisible(fieldDef);\n\n  const handleChange = (date: Date | undefined) => {\n    if (!date) {\n      setValue(undefined);\n      return;\n    }\n    setValue(date.toISOString());\n  };\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div\n        onBlur={() => setTouched()}\n        className={disabled ? 'opacity-60 pointer-events-none' : undefined}\n      >\n        <DateTimePicker\n          dateTime={currentDate}\n          setDateTime={handleChange}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/{DateWidget-KCTE6N5G.mjs → DateWidget-JEKDKPNS.mjs}

@@ -1,6 +1,7 @@
 import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
 import { useForm } from './chunk-T3UHPMFX.mjs';
-import { Popover, PopoverTrigger, PopoverContent, Calendar as Calendar$1 } from './chunk-BMNY7F6H.mjs';
+import { Calendar as Calendar$1 } from './chunk-JM7WNDNT.mjs';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ZZX3IG2T.mjs';
 import './chunk-AZHTIUOL.mjs';
 import { Button } from './chunk-GXXWMHAA.mjs';
 import { useField } from './chunk-2BGJZ44Q.mjs';
@@ -68,5 +69,5 @@ var DateWidget = ({ fieldId }) => {
 };
 
 export { DateWidget };
-//# sourceMappingURL=DateWidget-KCTE6N5G.mjs.map
-//# sourceMappingURL=DateWidget-KCTE6N5G.mjs.map
+//# sourceMappingURL=DateWidget-JEKDKPNS.mjs.map
+//# sourceMappingURL=DateWidget-JEKDKPNS.mjs.map

package/dist/DateWidget-JEKDKPNS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/date-picker.tsx","../src/ui/widgets/DateWidget.tsx"],"names":["CalendarIcon","Calendar","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;AAmBO,SAAS,WAAW,EAAE,IAAA,EAAM,SAAS,SAAA,EAAW,WAAA,GAAc,eAAc,EAAoB;AACrG,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,+CAAA;AAAA,UACA,CAAC,IAAA,IAAQ,uBAAA;AAAA,UACT;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAACA,QAAA,EAAA,EAAa,WAAU,cAAA,EAAe,CAAA;AAAA,UACtC,OAAO,MAAA,CAAO,IAAA,EAAM,KAAK,CAAA,mBAAI,GAAA,CAAC,UAAM,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KACnD,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,YAAA,EACxB,QAAA,kBAAA,GAAA;AAAA,MAACC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,OAAA;AAAA,QACV,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AC/BO,IAAM,UAAA,GAA4C,CAAC,EAAE,OAAA,EAAQ,KAAM;AACxE,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,QAAA,EAAU,YAAY,KAAA,EAAO,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAClF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,uBACEC,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,iBAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCA,KAAC,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBC,GAAAA,CAAC,sBAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJA,GAAAA,CAAC,KAAA,EAAA,EAAI,QAAQ,MAAM,UAAA,IACjB,QAAA,kBAAAA,GAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAAA,QAChC,OAAA,EAAS,CAAC,IAAA,KAAS,QAAA,CAAS,OAAO,IAAA,CAAK,WAAA,KAAgB,MAAS,CAAA;AAAA,QACjE,aAAa,QAAA,CAAS,WAAA;AAAA,QACtB,SAAA,EAAW,iBAAA;AAAA,UACT,QAAA;AAAA,UACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA,KACF,EACF,CAAA;AAAA,IACC,SAAA,oBACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,eAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateWidget-JEKDKPNS.mjs","sourcesContent":["import { format } from \"date-fns\"\nimport { Calendar as CalendarIcon } 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\"\n\nexport interface DatePickerProps {\n  date?: Date\n  setDate?: (date: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = \"Pick a date\" }: DatePickerProps) {\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            !date && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {date ? format(date, \"PPP\") : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DatePicker } from '../shadcn/date-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div onBlur={() => setTouched()}>\n        <DatePicker\n          date={value ? new Date(value) : undefined}\n          setDate={(date) => setValue(date ? date.toISOString() : undefined)}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/{DateWidget-UNLX544Z.cjs → DateWidget-T7IQUWEA.cjs}

@@ -2,7 +2,8 @@
 
 var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
 var chunk7DISRJAB_cjs = require('./chunk-7DISRJAB.cjs');
-var chunkAZSAPO2V_cjs = require('./chunk-AZSAPO2V.cjs');
+var chunkHXY3IX3G_cjs = require('./chunk-HXY3IX3G.cjs');
+var chunkRILRMRXB_cjs = require('./chunk-RILRMRXB.cjs');
 require('./chunk-4KSZUIJE.cjs');
 var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
 var chunkTB33A4PD_cjs = require('./chunk-TB33A4PD.cjs');
@@ -14,8 +15,8 @@ var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function DatePicker({ date, setDate, className, placeholder = "Pick a date" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkAZSAPO2V_cjs.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkRILRMRXB_cjs.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkRILRMRXB_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       chunkO3VQBPEW_cjs.Button,
       {
         variant: "outline",
@@ -30,8 +31,8 @@ function DatePicker({ date, setDate, className, placeholder = "Pick a date" }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkAZSAPO2V_cjs.Calendar,
+    /* @__PURE__ */ jsxRuntime.jsx(chunkRILRMRXB_cjs.PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkHXY3IX3G_cjs.Calendar,
       {
         mode: "single",
         selected: date,
@@ -70,5 +71,5 @@ var DateWidget = ({ fieldId }) => {
 };
 
 exports.DateWidget = DateWidget;
-//# sourceMappingURL=DateWidget-UNLX544Z.cjs.map
-//# sourceMappingURL=DateWidget-UNLX544Z.cjs.map
+//# sourceMappingURL=DateWidget-T7IQUWEA.cjs.map
+//# sourceMappingURL=DateWidget-T7IQUWEA.cjs.map

package/dist/DateWidget-T7IQUWEA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/date-picker.tsx","../src/ui/widgets/DateWidget.tsx"],"names":["Popover","jsx","PopoverTrigger","jsxs","Button","cn","CalendarIcon","format","PopoverContent","Calendar","useField","useForm","isLabelVisible","fieldWrapperClass","Label","fieldLabelClass","FieldRequiredIndicator","fieldControlClass","fieldErrorClass"],"mappings":";;;;;;;;;;;;;;;;AAmBO,SAAS,WAAW,EAAE,IAAA,EAAM,SAAS,SAAA,EAAW,WAAA,GAAc,eAAc,EAAoB;AACrG,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,gCAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAC,eAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAWC,oBAAA;AAAA,UACT,+CAAA;AAAA,UACA,CAAC,IAAA,IAAQ,uBAAA;AAAA,UACT;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACK,oBAAA,EAAA,EAAa,WAAU,cAAA,EAAe,CAAA;AAAA,UACtC,OAAOC,cAAA,CAAO,IAAA,EAAM,KAAK,CAAA,mBAAIN,cAAA,CAAC,UAAM,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KACnD,EACF,CAAA;AAAA,oBACAA,cAAA,CAACO,gCAAA,EAAA,EAAe,SAAA,EAAU,YAAA,EACxB,QAAA,kBAAAP,cAAA;AAAA,MAACQ,0BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,OAAA;AAAA,QACV,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AC/BO,IAAM,UAAA,GAA4C,CAAC,EAAE,OAAA,EAAQ,KAAM;AACxE,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,QAAA,EAAU,YAAY,KAAA,EAAO,OAAA,EAAQ,GAAIC,0BAAA,CAAS,OAAO,CAAA;AAClF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,yBAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAYC,iCAAe,QAAQ,CAAA;AAEzC,EAAA,uBACET,eAAAA,CAAC,KAAA,EAAA,EAAI,WAAWU,mCAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCV,gBAACW,uBAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAWC,iCAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBd,cAAAA,CAACe,wCAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJf,cAAAA,CAAC,KAAA,EAAA,EAAI,QAAQ,MAAM,UAAA,IACjB,QAAA,kBAAAA,cAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAAA,QAChC,OAAA,EAAS,CAAC,IAAA,KAAS,QAAA,CAAS,OAAO,IAAA,CAAK,WAAA,KAAgB,MAAS,CAAA;AAAA,QACjE,aAAa,QAAA,CAAS,WAAA;AAAA,QACtB,SAAA,EAAWgB,mCAAA;AAAA,UACT,QAAA;AAAA,UACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA,KACF,EACF,CAAA;AAAA,IACC,SAAA,oBACChB,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAWiB,iCAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateWidget-T7IQUWEA.cjs","sourcesContent":["import { format } from \"date-fns\"\nimport { Calendar as CalendarIcon } 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\"\n\nexport interface DatePickerProps {\n  date?: Date\n  setDate?: (date: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = \"Pick a date\" }: DatePickerProps) {\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            !date && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {date ? format(date, \"PPP\") : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DatePicker } from '../shadcn/date-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div onBlur={() => setTouched()}>\n        <DatePicker\n          date={value ? new Date(value) : undefined}\n          setDate={(date) => setValue(date ? date.toISOString() : undefined)}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/DentalChartWidget-LYLOFWZU.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkX4AJCTON_cjs = require('./chunk-X4AJCTON.cjs');
+require('./chunk-PHADAQSH.cjs');
+require('./chunk-RILRMRXB.cjs');
+require('./chunk-O3VQBPEW.cjs');
+require('./chunk-TB33A4PD.cjs');
+require('./chunk-FHHISVCH.cjs');
+
+
+
+Object.defineProperty(exports, "DentalChartReadOnly", {
+  enumerable: true,
+  get: function () { return chunkX4AJCTON_cjs.DentalChartReadOnly; }
+});
+Object.defineProperty(exports, "DentalChartWidget", {
+  enumerable: true,
+  get: function () { return chunkX4AJCTON_cjs.DentalChartWidget; }
+});
+//# sourceMappingURL=DentalChartWidget-LYLOFWZU.cjs.map
+//# sourceMappingURL=DentalChartWidget-LYLOFWZU.cjs.map

package/dist/DentalChartWidget-LYLOFWZU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"DentalChartWidget-LYLOFWZU.cjs"}

package/dist/DentalChartWidget-P2YPKAMO.mjs

@@ -0,0 +1,8 @@
+export { DentalChartReadOnly, DentalChartWidget } from './chunk-UKSP3B3W.mjs';
+import './chunk-4BAKQIPJ.mjs';
+import './chunk-ZZX3IG2T.mjs';
+import './chunk-GXXWMHAA.mjs';
+import './chunk-2BGJZ44Q.mjs';
+import './chunk-VPU66PI6.mjs';
+//# sourceMappingURL=DentalChartWidget-P2YPKAMO.mjs.map
+//# sourceMappingURL=DentalChartWidget-P2YPKAMO.mjs.map

package/dist/DentalChartWidget-P2YPKAMO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"DentalChartWidget-P2YPKAMO.mjs"}

package/dist/{EditableTable-VQ72UEFF.cjs → EditableTable-OW5LC6OC.cjs}

@@ -1,9 +1,10 @@
 'use strict';
 
 var chunkKMJOTMUQ_cjs = require('./chunk-KMJOTMUQ.cjs');
-var chunkYEFM2ERQ_cjs = require('./chunk-YEFM2ERQ.cjs');
+var chunk7OQFO6TM_cjs = require('./chunk-7OQFO6TM.cjs');
 var chunkTJHG5WHX_cjs = require('./chunk-TJHG5WHX.cjs');
-require('./chunk-AZSAPO2V.cjs');
+require('./chunk-HXY3IX3G.cjs');
+require('./chunk-RILRMRXB.cjs');
 require('./chunk-4KSZUIJE.cjs');
 var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
 var chunkTB33A4PD_cjs = require('./chunk-TB33A4PD.cjs');
@@ -227,7 +228,7 @@ var EditableTableWidget = ({
       ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
       canAddColumn && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 items-center flex-wrap", children: newColumnNameInputType === "datetime" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkYEFM2ERQ_cjs.DateTimePicker,
+          chunk7OQFO6TM_cjs.DateTimePicker,
           {
             dateTime: newColumnDate,
             setDateTime: setNewColumnDate,
@@ -277,5 +278,5 @@ var EditableTableWidget = ({
 };
 
 exports.EditableTableWidget = EditableTableWidget;
-//# sourceMappingURL=EditableTable-VQ72UEFF.cjs.map
-//# sourceMappingURL=EditableTable-VQ72UEFF.cjs.map
+//# sourceMappingURL=EditableTable-OW5LC6OC.cjs.map
+//# sourceMappingURL=EditableTable-OW5LC6OC.cjs.map

package/dist/EditableTable-OW5LC6OC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/EditableTable.tsx"],"names":["useField","useMemo","def","useRef","useEffect","useState","format","jsxs","jsx","Button","Trash2","Input","useReactTable","getCoreRowModel","Label","Table","TableHeader","TableRow","TableHead","flexRender","TableBody","TableCell","Plus","Fragment","DateTimePicker"],"mappings":"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","file":"EditableTable-OW5LC6OC.cjs","sourcesContent":["import React, { useMemo, useState, useRef, useEffect } from \"react\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  flexRender,\n  type ColumnDef,\n} from \"@tanstack/react-table\";\nimport { format } from \"date-fns\";\nimport { useField } from \"../../react/useField\";\nimport { Button } from \"../shadcn/button\";\nimport { Input } from \"../shadcn/input\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../shadcn/table\";\nimport { Label } from \"../shadcn/label\";\nimport { DateTimePicker } from \"../shadcn/datetime-picker\";\nimport { Trash2, Plus } from \"lucide-react\";\nimport type { EditableTableFieldDef } from \"../../core/types\";\n\n// Define the shape of our table data (matches EditableTableColumnDef + runtime)\ninterface TableColumn {\n  id: string;\n  label: string;\n  allowDelete?: boolean;\n}\n\ninterface TableData {\n  columns: TableColumn[];\n  rows: Record<string, string>[];\n}\n\ninterface EditableTableWidgetProps {\n  fieldId: string;\n}\n\n/**\n * Editable Table widget. Schema (editable_table field):\n *\n * {\n *   id: string,\n *   type: \"editable_table\",\n *   label: string,\n *   allowAddRow?: boolean,        // default true\n *   allowAddColumn?: boolean,     // default true\n *   allowDeleteRow?: boolean,     // default true\n *   allowDeleteColumn?: boolean,  // default true\n *   addRowLabel?: string,        // default \"Add Row\"\n *   addColumnLabel?: string,     // default \"Add Column\"\n *   newColumnNameHint?: string,  // placeholder for new column input; default \"New Column Name\"\n *   newColumnNameInputType?: \"text\" | \"datetime\",  // default \"text\"; \"datetime\" uses a date-time picker for column name\n *   minRows?: number,            // minimum rows to keep; row delete hidden when rows.length <= minRows; default 0\n *   columns?: Array<{\n *     id: string,\n *     label: string,\n *     allowDelete?: boolean      // if false, delete button for this column is hidden; default true\n *   }>\n * }\n */\nexport const EditableTableWidget: React.FC<EditableTableWidgetProps> = ({\n  fieldId,\n}) => {\n  const { fieldDef, value, setValue, disabled } = useField(fieldId);\n  const def = fieldDef as EditableTableFieldDef;\n  const canAddRow = def?.allowAddRow ?? true;\n  const canAddColumn = def?.allowAddColumn ?? true;\n  const canDeleteRow = def?.allowDeleteRow ?? true;\n  const canDeleteColumn = def?.allowDeleteColumn ?? true;\n\n  const minRows = def?.minRows ?? 0;\n  const addRowLabel = def?.addRowLabel ?? \"Add Row\";\n  const addColumnLabel = def?.addColumnLabel ?? \"Add Column\";\n  const newColumnNameHint = def?.newColumnNameHint ?? \"New Column Name\";\n  const newColumnNameInputType = def?.newColumnNameInputType ?? \"text\";\n\n  // Initialize data if null/undefined\n  const tableData: TableData = useMemo(() => {\n    if (value && typeof value === \"object\" && \"columns\" in value && \"rows\" in value) {\n      return value as TableData;\n    }\n    const def = fieldDef as EditableTableFieldDef;\n    const cols = (def?.columns || []).map((c) => ({\n      id: c.id,\n      label: c.label,\n      allowDelete: c.allowDelete !== false,\n    }));\n    return {\n      columns: cols,\n      rows: [],\n    };\n  }, [value, fieldDef]);\n\n  // Keep a ref to tableData so we can access the latest version in callbacks\n  // without forcing re-creation of columns (which causes focus loss).\n  const dataRef = useRef(tableData);\n  useEffect(() => {\n    dataRef.current = tableData;\n  }, [tableData]);\n\n  const [newColumnName, setNewColumnName] = useState(\"\");\n  const [newColumnDate, setNewColumnDate] = useState<Date | undefined>(undefined);\n\n  const updateData = (newData: TableData) => {\n    setValue(newData);\n  };\n\n  const addRow = () => {\n    const currentData = dataRef.current;\n    const newRow: Record<string, string> = {};\n    currentData.columns.forEach((col) => {\n      newRow[col.id] = \"\";\n    });\n    updateData({\n      ...currentData,\n      rows: [...currentData.rows, newRow],\n    });\n  };\n\n  const addColumnFromText = () => {\n    if (!newColumnName.trim()) return;\n    const currentData = dataRef.current;\n    const colId = newColumnName.toLowerCase().replace(/\\s+/g, \"_\") + \"_\" + Date.now();\n    const newCol: TableColumn = { id: colId, label: newColumnName.trim(), allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnName(\"\");\n  };\n\n  const addColumnFromDate = (date: Date | undefined) => {\n    if (!date) return;\n    const currentData = dataRef.current;\n    const label = format(date, \"PPP HH:mm\");\n    const colId = \"col_\" + date.getTime();\n    const newCol: TableColumn = { id: colId, label, allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnDate(undefined);\n  };\n\n  const hasValidNewColumn =\n    newColumnNameInputType === \"datetime\"\n      ? !!newColumnDate\n      : !!newColumnName.trim();\n  const addColumn = () => {\n    if (newColumnNameInputType === \"datetime\") {\n      addColumnFromDate(newColumnDate);\n    } else {\n      addColumnFromText();\n    }\n  };\n\n  // We use refs inside these callbacks to ensure they are stable and don't depend on changing data\n  const removeRow = (index: number) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows.splice(index, 1);\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  const removeColumn = (colId: string) => {\n    const currentData = dataRef.current;\n    const newCols = currentData.columns.filter((c) => c.id !== colId);\n    const newRows = currentData.rows.map((row) => {\n      const newRow = { ...row };\n      delete newRow[colId];\n      return newRow;\n    });\n    updateData({ columns: newCols, rows: newRows });\n  };\n\n  const updateCell = (rowIndex: number, colId: string, val: string) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows[rowIndex] = { ...newRows[rowIndex], [colId]: val };\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  // Generate columns for tanstack table\n  // CRITICAL: This useMemo MUST NOT depend on tableData.rows, or focus will be lost on every type.\n  // It only depends on tableData.columns (structure) and disabled state.\n  const columns = useMemo<ColumnDef<Record<string, string>>[]>(() => {\n    const currentCols = tableData.columns; // We only care about columns structure here\n    \n    const dataCols = currentCols.map((col) => {\n      const showColumnDelete =\n        !disabled &&\n        canDeleteColumn &&\n        (col.allowDelete !== false);\n      return {\n      accessorKey: col.id,\n      header: () => (\n        <div className=\"flex items-center justify-between space-x-2\">\n          <span>{col.label}</span>\n          {showColumnDelete && (\n             <Button\n               variant=\"ghost\"\n               size=\"sm\"\n               className=\"h-6 w-6 p-0 text-muted-foreground hover:text-destructive\"\n               onClick={(e) => {\n                 e.stopPropagation();\n                 removeColumn(col.id);\n               }}\n               title=\"Remove Column\"\n             >\n               <Trash2 className=\"h-3 w-3\" />\n             </Button>\n          )}\n        </div>\n      ),\n      cell: (info: any) => {\n        // We use a local component or direct render, but the key is that 'columns' array doesn't change identity.\n        // The cell will re-render because 'info.getValue()' changes, but the Input node stays mounted.\n        return (\n            <Input\n              value={info.getValue() as string || \"\"}\n              onChange={(e) => updateCell(info.row.index, col.id, e.target.value)}\n              disabled={disabled}\n              className=\"h-8 border bg-transparent\"\n            />\n        );\n      },\n    };\n    });\n\n    const showRowDelete = !disabled && canDeleteRow && tableData.rows.length > minRows;\n    // Add delete row column\n    if (showRowDelete) {\n      dataCols.push({\n        id: \"actions\",\n        header: \"\",\n        cell: (info: any) => (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0 text-destructive hover:bg-destructive/10\"\n            onClick={(e) => {\n              e.stopPropagation();\n              removeRow(info.row.index);\n            }}\n            title=\"Remove Row\"\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        ),\n      } as any);\n    }\n\n    return dataCols;\n  }, [tableData.columns, tableData.rows.length, disabled, canDeleteRow, canDeleteColumn, minRows]); // columns structure + row count for delete visibility\n\n  const table = useReactTable({\n    data: tableData.rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  if (!fieldDef) return null;\n\n  return (\n    <div className=\"space-y-4 border rounded-md p-4\">\n      <div className=\"flex flex-col space-y-2\">\n        <Label>{fieldDef.label}</Label>\n        {fieldDef.description && (\n          <p className=\"text-sm text-muted-foreground\">{fieldDef.description}</p>\n        )}\n      </div>\n\n      <div className=\"rounded-md border\">\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows?.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id} className=\"p-1\">\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"h-24 text-center\"\n                >\n                  No data. Add rows or columns to start.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {!disabled && (\n        <div className=\"flex flex-col sm:flex-row gap-4 justify-between pt-2\">\n          {canAddRow ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={addRow}\n            >\n              <Plus className=\"mr-2 h-4 w-4\" /> {addRowLabel}\n            </Button>\n          ) : (\n            <div />\n          )}\n\n          {canAddColumn && (\n            <div className=\"flex gap-2 items-center flex-wrap\">\n              {newColumnNameInputType === \"datetime\" ? (\n                <>\n                  <DateTimePicker\n                    dateTime={newColumnDate}\n                    setDateTime={setNewColumnDate}\n                    placeholder={newColumnNameHint}\n                    className=\"w-[280px]\"\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              ) : (\n                <>\n                  <Input\n                    placeholder={newColumnNameHint}\n                    value={newColumnName}\n                    onChange={(e) => setNewColumnName(e.target.value)}\n                    className=\"w-48\"\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        addColumn();\n                      }\n                    }}\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/{EditableTable-XFCPKSUY.mjs → EditableTable-VZ66IXYI.mjs}

@@ -1,7 +1,8 @@
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-UULLSS4O.mjs';
-import { DateTimePicker } from './chunk-4PMNVBJD.mjs';
+import { DateTimePicker } from './chunk-2OMQV2ZB.mjs';
 import { Input } from './chunk-VNFBUAZD.mjs';
-import './chunk-BMNY7F6H.mjs';
+import './chunk-JM7WNDNT.mjs';
+import './chunk-ZZX3IG2T.mjs';
 import './chunk-AZHTIUOL.mjs';
 import { Button } from './chunk-GXXWMHAA.mjs';
 import { useField } from './chunk-2BGJZ44Q.mjs';
@@ -275,5 +276,5 @@ var EditableTableWidget = ({
 };
 
 export { EditableTableWidget };
-//# sourceMappingURL=EditableTable-XFCPKSUY.mjs.map
-//# sourceMappingURL=EditableTable-XFCPKSUY.mjs.map
+//# sourceMappingURL=EditableTable-VZ66IXYI.mjs.map
+//# sourceMappingURL=EditableTable-VZ66IXYI.mjs.map

package/dist/EditableTable-VZ66IXYI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/EditableTable.tsx"],"names":["def"],"mappings":"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","file":"EditableTable-VZ66IXYI.mjs","sourcesContent":["import React, { useMemo, useState, useRef, useEffect } from \"react\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  flexRender,\n  type ColumnDef,\n} from \"@tanstack/react-table\";\nimport { format } from \"date-fns\";\nimport { useField } from \"../../react/useField\";\nimport { Button } from \"../shadcn/button\";\nimport { Input } from \"../shadcn/input\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../shadcn/table\";\nimport { Label } from \"../shadcn/label\";\nimport { DateTimePicker } from \"../shadcn/datetime-picker\";\nimport { Trash2, Plus } from \"lucide-react\";\nimport type { EditableTableFieldDef } from \"../../core/types\";\n\n// Define the shape of our table data (matches EditableTableColumnDef + runtime)\ninterface TableColumn {\n  id: string;\n  label: string;\n  allowDelete?: boolean;\n}\n\ninterface TableData {\n  columns: TableColumn[];\n  rows: Record<string, string>[];\n}\n\ninterface EditableTableWidgetProps {\n  fieldId: string;\n}\n\n/**\n * Editable Table widget. Schema (editable_table field):\n *\n * {\n *   id: string,\n *   type: \"editable_table\",\n *   label: string,\n *   allowAddRow?: boolean,        // default true\n *   allowAddColumn?: boolean,     // default true\n *   allowDeleteRow?: boolean,     // default true\n *   allowDeleteColumn?: boolean,  // default true\n *   addRowLabel?: string,        // default \"Add Row\"\n *   addColumnLabel?: string,     // default \"Add Column\"\n *   newColumnNameHint?: string,  // placeholder for new column input; default \"New Column Name\"\n *   newColumnNameInputType?: \"text\" | \"datetime\",  // default \"text\"; \"datetime\" uses a date-time picker for column name\n *   minRows?: number,            // minimum rows to keep; row delete hidden when rows.length <= minRows; default 0\n *   columns?: Array<{\n *     id: string,\n *     label: string,\n *     allowDelete?: boolean      // if false, delete button for this column is hidden; default true\n *   }>\n * }\n */\nexport const EditableTableWidget: React.FC<EditableTableWidgetProps> = ({\n  fieldId,\n}) => {\n  const { fieldDef, value, setValue, disabled } = useField(fieldId);\n  const def = fieldDef as EditableTableFieldDef;\n  const canAddRow = def?.allowAddRow ?? true;\n  const canAddColumn = def?.allowAddColumn ?? true;\n  const canDeleteRow = def?.allowDeleteRow ?? true;\n  const canDeleteColumn = def?.allowDeleteColumn ?? true;\n\n  const minRows = def?.minRows ?? 0;\n  const addRowLabel = def?.addRowLabel ?? \"Add Row\";\n  const addColumnLabel = def?.addColumnLabel ?? \"Add Column\";\n  const newColumnNameHint = def?.newColumnNameHint ?? \"New Column Name\";\n  const newColumnNameInputType = def?.newColumnNameInputType ?? \"text\";\n\n  // Initialize data if null/undefined\n  const tableData: TableData = useMemo(() => {\n    if (value && typeof value === \"object\" && \"columns\" in value && \"rows\" in value) {\n      return value as TableData;\n    }\n    const def = fieldDef as EditableTableFieldDef;\n    const cols = (def?.columns || []).map((c) => ({\n      id: c.id,\n      label: c.label,\n      allowDelete: c.allowDelete !== false,\n    }));\n    return {\n      columns: cols,\n      rows: [],\n    };\n  }, [value, fieldDef]);\n\n  // Keep a ref to tableData so we can access the latest version in callbacks\n  // without forcing re-creation of columns (which causes focus loss).\n  const dataRef = useRef(tableData);\n  useEffect(() => {\n    dataRef.current = tableData;\n  }, [tableData]);\n\n  const [newColumnName, setNewColumnName] = useState(\"\");\n  const [newColumnDate, setNewColumnDate] = useState<Date | undefined>(undefined);\n\n  const updateData = (newData: TableData) => {\n    setValue(newData);\n  };\n\n  const addRow = () => {\n    const currentData = dataRef.current;\n    const newRow: Record<string, string> = {};\n    currentData.columns.forEach((col) => {\n      newRow[col.id] = \"\";\n    });\n    updateData({\n      ...currentData,\n      rows: [...currentData.rows, newRow],\n    });\n  };\n\n  const addColumnFromText = () => {\n    if (!newColumnName.trim()) return;\n    const currentData = dataRef.current;\n    const colId = newColumnName.toLowerCase().replace(/\\s+/g, \"_\") + \"_\" + Date.now();\n    const newCol: TableColumn = { id: colId, label: newColumnName.trim(), allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnName(\"\");\n  };\n\n  const addColumnFromDate = (date: Date | undefined) => {\n    if (!date) return;\n    const currentData = dataRef.current;\n    const label = format(date, \"PPP HH:mm\");\n    const colId = \"col_\" + date.getTime();\n    const newCol: TableColumn = { id: colId, label, allowDelete: true };\n    updateData({\n      columns: [...currentData.columns, newCol],\n      rows: currentData.rows.map((row) => ({ ...row, [colId]: \"\" })),\n    });\n    setNewColumnDate(undefined);\n  };\n\n  const hasValidNewColumn =\n    newColumnNameInputType === \"datetime\"\n      ? !!newColumnDate\n      : !!newColumnName.trim();\n  const addColumn = () => {\n    if (newColumnNameInputType === \"datetime\") {\n      addColumnFromDate(newColumnDate);\n    } else {\n      addColumnFromText();\n    }\n  };\n\n  // We use refs inside these callbacks to ensure they are stable and don't depend on changing data\n  const removeRow = (index: number) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows.splice(index, 1);\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  const removeColumn = (colId: string) => {\n    const currentData = dataRef.current;\n    const newCols = currentData.columns.filter((c) => c.id !== colId);\n    const newRows = currentData.rows.map((row) => {\n      const newRow = { ...row };\n      delete newRow[colId];\n      return newRow;\n    });\n    updateData({ columns: newCols, rows: newRows });\n  };\n\n  const updateCell = (rowIndex: number, colId: string, val: string) => {\n    const currentData = dataRef.current;\n    const newRows = [...currentData.rows];\n    newRows[rowIndex] = { ...newRows[rowIndex], [colId]: val };\n    updateData({ ...currentData, rows: newRows });\n  };\n\n  // Generate columns for tanstack table\n  // CRITICAL: This useMemo MUST NOT depend on tableData.rows, or focus will be lost on every type.\n  // It only depends on tableData.columns (structure) and disabled state.\n  const columns = useMemo<ColumnDef<Record<string, string>>[]>(() => {\n    const currentCols = tableData.columns; // We only care about columns structure here\n    \n    const dataCols = currentCols.map((col) => {\n      const showColumnDelete =\n        !disabled &&\n        canDeleteColumn &&\n        (col.allowDelete !== false);\n      return {\n      accessorKey: col.id,\n      header: () => (\n        <div className=\"flex items-center justify-between space-x-2\">\n          <span>{col.label}</span>\n          {showColumnDelete && (\n             <Button\n               variant=\"ghost\"\n               size=\"sm\"\n               className=\"h-6 w-6 p-0 text-muted-foreground hover:text-destructive\"\n               onClick={(e) => {\n                 e.stopPropagation();\n                 removeColumn(col.id);\n               }}\n               title=\"Remove Column\"\n             >\n               <Trash2 className=\"h-3 w-3\" />\n             </Button>\n          )}\n        </div>\n      ),\n      cell: (info: any) => {\n        // We use a local component or direct render, but the key is that 'columns' array doesn't change identity.\n        // The cell will re-render because 'info.getValue()' changes, but the Input node stays mounted.\n        return (\n            <Input\n              value={info.getValue() as string || \"\"}\n              onChange={(e) => updateCell(info.row.index, col.id, e.target.value)}\n              disabled={disabled}\n              className=\"h-8 border bg-transparent\"\n            />\n        );\n      },\n    };\n    });\n\n    const showRowDelete = !disabled && canDeleteRow && tableData.rows.length > minRows;\n    // Add delete row column\n    if (showRowDelete) {\n      dataCols.push({\n        id: \"actions\",\n        header: \"\",\n        cell: (info: any) => (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0 text-destructive hover:bg-destructive/10\"\n            onClick={(e) => {\n              e.stopPropagation();\n              removeRow(info.row.index);\n            }}\n            title=\"Remove Row\"\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        ),\n      } as any);\n    }\n\n    return dataCols;\n  }, [tableData.columns, tableData.rows.length, disabled, canDeleteRow, canDeleteColumn, minRows]); // columns structure + row count for delete visibility\n\n  const table = useReactTable({\n    data: tableData.rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  if (!fieldDef) return null;\n\n  return (\n    <div className=\"space-y-4 border rounded-md p-4\">\n      <div className=\"flex flex-col space-y-2\">\n        <Label>{fieldDef.label}</Label>\n        {fieldDef.description && (\n          <p className=\"text-sm text-muted-foreground\">{fieldDef.description}</p>\n        )}\n      </div>\n\n      <div className=\"rounded-md border\">\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows?.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id} className=\"p-1\">\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"h-24 text-center\"\n                >\n                  No data. Add rows or columns to start.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {!disabled && (\n        <div className=\"flex flex-col sm:flex-row gap-4 justify-between pt-2\">\n          {canAddRow ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={addRow}\n            >\n              <Plus className=\"mr-2 h-4 w-4\" /> {addRowLabel}\n            </Button>\n          ) : (\n            <div />\n          )}\n\n          {canAddColumn && (\n            <div className=\"flex gap-2 items-center flex-wrap\">\n              {newColumnNameInputType === \"datetime\" ? (\n                <>\n                  <DateTimePicker\n                    dateTime={newColumnDate}\n                    setDateTime={setNewColumnDate}\n                    placeholder={newColumnNameHint}\n                    className=\"w-[280px]\"\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              ) : (\n                <>\n                  <Input\n                    placeholder={newColumnNameHint}\n                    value={newColumnName}\n                    onChange={(e) => setNewColumnName(e.target.value)}\n                    className=\"w-48\"\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        addColumn();\n                      }\n                    }}\n                  />\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={addColumn}\n                    disabled={!hasValidNewColumn}\n                  >\n                    {addColumnLabel}\n                  </Button>\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}