@viax.io/uxm 4.38.0 → 4.40.0

package/dist/ui/date-input/date-input.d.ts

@@ -82,7 +82,7 @@ export declare function formatDate(date: Date, format: DateInputFormat): string;
  * both of which take precedence over this.
  */
 export declare function invalidDateMessage(format: DateInputFormat): string;
-export declare function DateInput({ format, mode, className, placeholder, value, defaultValue, onChange, calendar, clearable, clearLabel, openCalendarLabel, calendarDialogLabel, invalidMessage, style, onFocus, onBlur, disabled, error, 'aria-describedby': ariaDescribedBy, ...rest }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateInput({ format, mode, className, placeholder, value, defaultValue, onChange, calendar, clearable, clearLabel, openCalendarLabel, calendarDialogLabel, invalidMessage, style, onFocus, onBlur, disabled, error, 'aria-describedby': ariaDescribedBy, ...rest }: DateInputProps): import("react").JSX.Element;
 export declare namespace DateInput {
     var hasError: boolean;
 }

package/dist/ui/date-input/date-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/ui/date-input/date-input.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAA2B,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAI/C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7G,+FAA+F;IAC/F,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,eAAe,EAAE;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAIzG,CAAC;AAEF,kIAAkI;AAClI,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM,CAcrE;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CA0BjF;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM,CAStE;AAyBD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAElE;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAc,EACd,IAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAe,EACf,SAAgB,EAChB,UAAoB,EACpB,iBAAmC,EACnC,mBAAmC,EACnC,cAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,kBAAkB,EAAE,eAAe,EACnC,GAAG,IAAI,EACR,EAAE,cAAc,2CAyOhB;yBA9Pe,SAAS"}
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/ui/date-input/date-input.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAA2B,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAI/C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7G,+FAA+F;IAC/F,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,eAAe,EAAE;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAIzG,CAAC;AAEF,kIAAkI;AAClI,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM,CAcrE;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CA0BjF;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM,CAStE;AAyBD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAElE;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAc,EACd,IAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAe,EACf,SAAgB,EAChB,UAAoB,EACpB,iBAAmC,EACnC,mBAAmC,EACnC,cAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,kBAAkB,EAAE,eAAe,EACnC,GAAG,IAAI,EACR,EAAE,cAAc,+BAyOhB;yBA9Pe,SAAS"}

package/dist/ui/detail-section/detail-section-preview.cjs

@@ -22,8 +22,8 @@ __export(detail_section_preview_exports, {
 });
 module.exports = __toCommonJS(detail_section_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
 function DetailSectionPreview({ styles }) {
   const cssVars = {
     "--uxm-detail-section-bg": styles.backgroundColor,

package/dist/ui/detail-section/detail-section-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function DetailSectionPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailSectionPreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=detail-section-preview.d.ts.map

package/dist/ui/detail-section/detail-section-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detail-section-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/detail-section/detail-section-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMrD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA2B5D"}
+{"version":3,"file":"detail-section-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/detail-section/detail-section-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMrD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BA2B5D"}

package/dist/ui/detail-section/detail-section-preview.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { DetailSection } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
+import { DetailSection } from "../index.js";
+import { Icon } from "../index.js";
 function DetailSectionPreview({ styles }) {
   const cssVars = {
     "--uxm-detail-section-bg": styles.backgroundColor,

package/dist/ui/detail-section/detail-section.d.ts

@@ -5,5 +5,5 @@ export interface DetailSectionProps extends Omit<HTMLAttributes<HTMLDivElement>,
     subtitle?: ReactNode;
     children?: ReactNode;
 }
-export declare function DetailSection({ icon, title, subtitle, children, className, ...rest }: DetailSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailSection({ icon, title, subtitle, children, className, ...rest }: DetailSectionProps): import("react").JSX.Element;
 //# sourceMappingURL=detail-section.d.ts.map

package/dist/ui/detail-section/detail-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detail-section.d.ts","sourceRoot":"","sources":["../../../src/ui/detail-section/detail-section.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAYD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAgBpB"}
+{"version":3,"file":"detail-section.d.ts","sourceRoot":"","sources":["../../../src/ui/detail-section/detail-section.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAYD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAgBpB"}

package/dist/ui/disclosure/disclosure-preview.cjs

@@ -24,9 +24,9 @@ module.exports = __toCommonJS(disclosure_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
-var import_ui3 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
+var import_ui3 = require("../index.cjs");
 function buildVars(styles) {
   return {
     "--uxm-disclosure-inactive-bg": styles.inactiveBg,

package/dist/ui/disclosure/disclosure-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function DisclosurePreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function DisclosurePreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=disclosure-preview.d.ts.map

package/dist/ui/disclosure/disclosure-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/disclosure-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAqFrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA0CnE"}
+{"version":3,"file":"disclosure-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/disclosure-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAqFrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA0CnE"}

package/dist/ui/disclosure/disclosure-preview.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { Disclosure } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
-import { IconTile } from "../../ui/index.js";
+import { Disclosure } from "../index.js";
+import { Icon } from "../index.js";
+import { IconTile } from "../index.js";
 function buildVars(styles) {
   return {
     "--uxm-disclosure-inactive-bg": styles.inactiveBg,

package/dist/ui/disclosure/disclosure.d.ts

@@ -17,5 +17,5 @@ export interface DisclosureProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
  * beneath this row based on the open state. Pair with side-panel form
  * sections, settings rows that expand to reveal details, etc.
  */
-export declare function Disclosure({ icon, label, open: controlledOpen, defaultOpen, onOpenChange, className, type, onClick, id, ...rest }: DisclosureProps): import("react/jsx-runtime").JSX.Element;
+export declare function Disclosure({ icon, label, open: controlledOpen, defaultOpen, onOpenChange, className, type, onClick, id, ...rest }: DisclosureProps): import("react").JSX.Element;
 //# sourceMappingURL=disclosure.d.ts.map

package/dist/ui/disclosure/disclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/disclosure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;kCAG8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,SAAS,EACT,IAAe,EACf,OAAO,EACP,EAAE,EACF,GAAG,IAAI,EACR,EAAE,eAAe,2CAyCjB"}
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/ui/disclosure/disclosure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;kCAG8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,SAAS,EACT,IAAe,EACf,OAAO,EACP,EAAE,EACF,GAAG,IAAI,EACR,EAAE,eAAe,+BAyCjB"}

package/dist/ui/divider/divider-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function DividerPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function DividerPreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=divider-preview.d.ts.map

package/dist/ui/divider/divider-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/divider/divider-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA2BtD"}
+{"version":3,"file":"divider-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/divider/divider-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BA2BtD"}

package/dist/ui/divider/divider.d.ts

@@ -2,5 +2,5 @@ import type { HTMLAttributes, ReactNode } from 'react';
 export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
     label?: ReactNode;
 }
-export declare function Divider({ label, className, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Divider({ label, className, ...rest }: DividerProps): import("react").JSX.Element;
 //# sourceMappingURL=divider.d.ts.map

package/dist/ui/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/ui/divider/divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAWlE"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/ui/divider/divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAWlE"}

package/dist/ui/editable-cell/editable-cell-date.cjs

@@ -0,0 +1,226 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editable_cell_date_exports = {};
+__export(editable_cell_date_exports, {
+  EditableCellDateView: () => EditableCellDateView
+});
+module.exports = __toCommonJS(editable_cell_date_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("../../helpers/index.cjs");
+var import_banner = require("../banner/index.cjs");
+var import_calendar = require("../calendar/index.cjs");
+var import_date_input = require("../date-input/index.cjs");
+var import_hover_tooltip = require("../hover-tooltip/index.cjs");
+var import_icon = require("../icon/index.cjs");
+var import_popover = require("../popover/index.cjs");
+function EditableCellDateView({ props, cell }) {
+  const {
+    value,
+    format,
+    disabled,
+    placeholder,
+    className,
+    style,
+    "aria-label": ariaLabel,
+    type,
+    dateFormat,
+    clearable,
+    align,
+    size,
+    clearDateLabel,
+    openCalendarLabel,
+    calendarDialogLabel,
+    addDateLabel
+  } = props;
+  const {
+    setIsEditing,
+    draft,
+    setDraft,
+    submitting,
+    error,
+    setError,
+    open,
+    setOpen,
+    inputRef,
+    wrapRef,
+    parsedValue,
+    displayFormatted,
+    handleCommit,
+    handlePick,
+    handleClearDraft,
+    handleKeyDown,
+    editing,
+    dateHint,
+    isEmpty,
+    display,
+    titleText,
+    shownError
+  } = cell;
+  if (type === "date") {
+    const calendarValue = { start: parsedValue, end: parsedValue };
+    const spec = import_date_input.FORMAT_SPEC[dateFormat];
+    if (!editing) {
+      const displayNode = isEmpty ? placeholder ?? dateHint : format ? format(value) : displayFormatted || value;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: (0, import_helpers.cn)(
+            "uxm-editable-cell",
+            `uxm-editable-cell--${size}`,
+            `uxm-editable-cell--align-${align}`,
+            `uxm-editable-cell--type-date`,
+            disabled && "uxm-editable-cell--disabled",
+            isEmpty && "uxm-editable-cell--empty",
+            className
+          ),
+          style,
+          onClick: () => {
+            if (disabled) return;
+            setIsEditing(true);
+            setOpen(true);
+          },
+          disabled,
+          "aria-label": ariaLabel ?? (isEmpty ? addDateLabel : `Edit date ${displayFormatted || String(value)}`),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hover_tooltip.HoverTooltip, { content: titleText, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__value", children: displayNode }) }),
+            !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__pencil", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "calendar", size: 14 }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "span",
+      {
+        ref: wrapRef,
+        className: (0, import_helpers.cn)(
+          "uxm-editable-cell uxm-editable-cell--editing",
+          `uxm-editable-cell--${size}`,
+          `uxm-editable-cell--align-${align}`,
+          `uxm-editable-cell--type-date`,
+          clearable && "uxm-editable-cell--clearable",
+          shownError?.severity === "error" && "uxm-editable-cell--error",
+          shownError?.severity === "warning" && "uxm-editable-cell--warning",
+          className
+        ),
+        style,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__ghost", "aria-hidden": "true", children: display }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-editable-cell__ghost", "aria-hidden": "true", children: draft || spec.placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              inputMode: "numeric",
+              className: "uxm-editable-cell__input",
+              value: draft,
+              placeholder: spec.placeholder,
+              onChange: (e) => {
+                setDraft((0, import_date_input.maskDate)(e.target.value, dateFormat));
+                if (error) setError(null);
+              },
+              onBlur: () => {
+                if (!submitting) handleCommit();
+              },
+              onKeyDown: handleKeyDown,
+              disabled: submitting,
+              "aria-invalid": Boolean(shownError),
+              "aria-describedby": shownError ? "uxm-editable-cell__error" : void 0
+            }
+          ),
+          clearable && !submitting && draft !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "uxm-editable-cell__clear",
+              tabIndex: -1,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: handleClearDraft,
+              "aria-label": clearDateLabel,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "close", size: 12 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "uxm-editable-cell__date-icon",
+              tabIndex: -1,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => {
+                if (submitting) return;
+                setError(null);
+                setOpen((o) => !o);
+              },
+              disabled: submitting,
+              "aria-label": openCalendarLabel,
+              "aria-expanded": open && !shownError,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "calendar", size: 14 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_popover.Popover,
+            {
+              open: open && !shownError,
+              onOpenChange: setOpen,
+              anchor: wrapRef,
+              placement: "bottom-start",
+              closeOnEscape: true,
+              closeOnOutsideClick: true,
+              restoreFocus: false,
+              role: "dialog",
+              "aria-label": calendarDialogLabel,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_calendar.Calendar, { value: calendarValue, onChange: handlePick }) })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_popover.Popover,
+            {
+              open: Boolean(shownError),
+              onOpenChange: (next) => {
+                if (!next) setError(null);
+              },
+              anchor: wrapRef,
+              placement: "bottom-start",
+              closeOnEscape: false,
+              closeOnOutsideClick: false,
+              restoreFocus: false,
+              role: "presentation",
+              children: shownError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_banner.Banner,
+                {
+                  variant: shownError.severity,
+                  id: "uxm-editable-cell__error",
+                  className: "uxm-editable-cell__error-banner",
+                  children: shownError.message
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditableCellDateView
+});
+//# sourceMappingURL=editable-cell-date.cjs.map

package/dist/ui/editable-cell/editable-cell-date.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/editable-cell/editable-cell-date.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport { Banner } from '../banner';\nimport { Calendar, type CalendarValue } from '../calendar';\nimport { FORMAT_SPEC, maskDate } from '../date-input';\nimport { HoverTooltip } from '../hover-tooltip';\nimport { Icon } from '../icon';\nimport { Popover } from '../popover';\n\nimport type { EditableCellViewProps } from './use-editable-cell';\n\n/** `type=\"date\"` — click-to-edit with a masked input plus a calendar popover. */\nexport function EditableCellDateView({ props, cell }: EditableCellViewProps) {\n  const {\n    value,\n    format,\n    disabled,\n    placeholder,\n    className,\n    style,\n    'aria-label': ariaLabel,\n    type,\n    dateFormat,\n    clearable,\n    align,\n    size,\n    clearDateLabel,\n    openCalendarLabel,\n    calendarDialogLabel,\n    addDateLabel,\n  } = props;\n  const {\n    setIsEditing,\n    draft,\n    setDraft,\n    submitting,\n    error,\n    setError,\n    open,\n    setOpen,\n    inputRef,\n    wrapRef,\n    parsedValue,\n    displayFormatted,\n    handleCommit,\n    handlePick,\n    handleClearDraft,\n    handleKeyDown,\n    editing,\n    dateHint,\n    isEmpty,\n    display,\n    titleText,\n    shownError,\n  } = cell;\n\n  // Date type — click-to-edit like text/number, but the editing surface is a\n  // DateInput-style masked field: type the date OR pick it from the calendar\n  // that opens on focus. Committed values are ISO; the input shows the mask.\n  if (type === 'date') {\n    // `parsedValue` (memoized above) already parses ISO-first with a mask\n    // fallback, so the calendar highlights the right day for every `dateFormat`.\n    const calendarValue: CalendarValue = { start: parsedValue, end: parsedValue };\n    const spec = FORMAT_SPEC[dateFormat];\n\n    if (!editing) {\n      const displayNode = isEmpty\n        // Fall back to the format hint (MM/DD/YYYY etc.) so an empty date cell\n        // shows the mask as a placeholder — same as the shared `display` and\n        // the edit-mode input, rather than rendering blank.\n        ? placeholder ?? dateHint\n        : format\n          ? format(value)\n          : displayFormatted || value;\n\n      // Single button root — same shape as the text/number display so the\n      // value's left edge and padding match the editing input exactly (no\n      // horizontal jump on enter-edit). A wrapper + inner trigger would\n      // double the padding; the display has no popover to anchor, so the\n      // wrapper span is only needed in edit mode (for the calendar/error\n      // popovers).\n      return (\n        <button\n          type=\"button\"\n          className={cn(\n            'uxm-editable-cell',\n            `uxm-editable-cell--${size}`,\n            `uxm-editable-cell--align-${align}`,\n            `uxm-editable-cell--type-date`,\n            disabled && 'uxm-editable-cell--disabled',\n            isEmpty && 'uxm-editable-cell--empty',\n            className,\n          )}\n          style={style}\n          onClick={() => {\n            if (disabled) return;\n            // Enter edit AND open the calendar in one deterministic step —\n            // mirrors DateInput's \"focus reveals the calendar\". Opening here\n            // (rather than on the input's onFocus) avoids the focus-after-\n            // remount race: the display button and editing input are\n            // different elements, so the auto-focus that mounts the input\n            // doesn't reliably deliver a focus event the calendar can hook.\n            setIsEditing(true);\n            setOpen(true);\n          }}\n          disabled={disabled}\n          // Empty cell has no value to edit — \"Add date\" reads better than the\n          // trailing-space \"Edit date \" and signals the fill affordance.\n          aria-label={ariaLabel ?? (isEmpty ? addDateLabel : `Edit date ${displayFormatted || String(value)}`)}\n        >\n          <HoverTooltip content={titleText} disabled={disabled}>\n            <span className=\"uxm-editable-cell__value\">{displayNode}</span>\n          </HoverTooltip>\n          {!disabled && (\n            <span className=\"uxm-editable-cell__pencil\" aria-hidden=\"true\">\n              <Icon glyph=\"calendar\" size={14} />\n            </span>\n          )}\n        </button>\n      );\n    }\n\n    // Date editing — DateInput-style masked input plus a calendar popover.\n    return (\n      <span\n        ref={wrapRef}\n        className={cn(\n          'uxm-editable-cell uxm-editable-cell--editing',\n          `uxm-editable-cell--${size}`,\n          `uxm-editable-cell--align-${align}`,\n          `uxm-editable-cell--type-date`,\n          clearable && 'uxm-editable-cell--clearable',\n          shownError?.severity === 'error' && 'uxm-editable-cell--error',\n          shownError?.severity === 'warning' && 'uxm-editable-cell--warning',\n          className,\n        )}\n        style={style}\n      >\n        <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n          {display}\n        </span>\n        <span className=\"uxm-editable-cell__ghost\" aria-hidden=\"true\">\n          {draft || spec.placeholder}\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"numeric\"\n          className=\"uxm-editable-cell__input\"\n          value={draft}\n          placeholder={spec.placeholder}\n          onChange={(e) => {\n            setDraft(maskDate(e.target.value, dateFormat));\n            if (error) setError(null);\n          }}\n          onBlur={() => {\n            if (!submitting) handleCommit();\n          }}\n          onKeyDown={handleKeyDown}\n          disabled={submitting}\n          aria-invalid={Boolean(shownError)}\n          aria-describedby={shownError ? 'uxm-editable-cell__error' : undefined}\n        />\n        {/* ✕ sits inboard of the calendar toggle (mirrors DateInput's layout);\n            hidden while the draft is empty — the reserved gutter stays, so\n            typing never shifts the text. */}\n        {clearable && !submitting && draft !== '' && (\n          <button\n            type=\"button\"\n            className=\"uxm-editable-cell__clear\"\n            // Out of the tab order (the in-field-clear convention). Tab must\n            // keep moving to the next real control: the blur it fires commits\n            // and leaves edit mode, which unmounts this button mid-focus-shift\n            // and would drop focus to <body>. Pointer-only; select-all +\n            // Delete is the keyboard path to the same result.\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClearDraft}\n            aria-label={clearDateLabel}\n          >\n            <Icon glyph=\"close\" size={12} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className=\"uxm-editable-cell__date-icon\"\n          // Out of the tab order for the same reason as the ✕ above — Tab's\n          // blur commits and unmounts this button. Keyboard users never need\n          // it: entering edit mode on a date cell already opens the calendar.\n          tabIndex={-1}\n          // preventDefault keeps focus on the input — toggling the calendar\n          // must not blur the field (a blur commits the in-flight draft).\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            if (submitting) return;\n            // Clear any shown error as we open, so the calendar and the error\n            // banner (both anchored here) are mutually exclusive — otherwise a\n            // later `setError(null)` from typing would un-hide and reopen the\n            // calendar the user had dismissed.\n            setError(null);\n            setOpen((o) => !o);\n          }}\n          disabled={submitting}\n          aria-label={openCalendarLabel}\n          // Match the popover's effective visibility (hidden while an error\n          // shows) rather than raw `open`, so the two never disagree.\n          aria-expanded={open && !shownError}\n        >\n          <Icon glyph=\"calendar\" size={14} />\n        </button>\n        <Popover\n          open={open && !shownError}\n          onOpenChange={setOpen}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape\n          closeOnOutsideClick\n          restoreFocus={false}\n          role=\"dialog\"\n          // A `role=\"dialog\"` needs an accessible name. Non-modal by design\n          // (no `aria-modal`): focus deliberately stays in the typed input\n          // — `restoreFocus={false}` and the mousedown-preventDefault above\n          // keep the field focused so the calendar augments typing rather\n          // than trapping focus like a true modal.\n          aria-label={calendarDialogLabel}\n        >\n          {/* Swallow mousedown so a calendar click never blurs the input:\n              the pick commits explicitly via handlePick, and a blur-commit of\n              the typed draft would race it. Purely focus management — the\n              wrapper carries no semantics, so it stays a plain element. */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- focus-retention only; the interactive controls are the Calendar's own buttons */}\n          <div onMouseDown={(e) => e.preventDefault()}>\n            <Calendar value={calendarValue} onChange={handlePick} />\n          </div>\n        </Popover>\n        <Popover\n          open={Boolean(shownError)}\n          onOpenChange={(next) => {\n            if (!next) setError(null);\n          }}\n          anchor={wrapRef}\n          placement=\"bottom-start\"\n          closeOnEscape={false}\n          closeOnOutsideClick={false}\n          restoreFocus={false}\n          role=\"presentation\"\n        >\n          {shownError && (\n            <Banner\n              variant={shownError.severity}\n              id=\"uxm-editable-cell__error\"\n              className=\"uxm-editable-cell__error-banner\"\n            >\n              {shownError.message}\n            </Banner>\n          )}\n        </Popover>\n      </span>\n    );\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/ui/editable-cell/editable-cell-date.d.ts

@@ -0,0 +1,4 @@
+import type { EditableCellViewProps } from './use-editable-cell.js';
+/** `type="date"` — click-to-edit with a masked input plus a calendar popover. */
+export declare function EditableCellDateView({ props, cell }: EditableCellViewProps): import("react").JSX.Element | undefined;
+//# sourceMappingURL=editable-cell-date.d.ts.map

package/dist/ui/editable-cell/editable-cell-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-cell-date.d.ts","sourceRoot":"","sources":["../../../src/ui/editable-cell/editable-cell-date.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,iFAAiF;AACjF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,qBAAqB,2CAwP1E"}

package/dist/ui/editable-cell/editable-cell-date.js

@@ -0,0 +1,202 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../helpers/index.js";
+import { Banner } from "../banner/index.js";
+import { Calendar } from "../calendar/index.js";
+import { FORMAT_SPEC, maskDate } from "../date-input/index.js";
+import { HoverTooltip } from "../hover-tooltip/index.js";
+import { Icon } from "../icon/index.js";
+import { Popover } from "../popover/index.js";
+function EditableCellDateView({ props, cell }) {
+  const {
+    value,
+    format,
+    disabled,
+    placeholder,
+    className,
+    style,
+    "aria-label": ariaLabel,
+    type,
+    dateFormat,
+    clearable,
+    align,
+    size,
+    clearDateLabel,
+    openCalendarLabel,
+    calendarDialogLabel,
+    addDateLabel
+  } = props;
+  const {
+    setIsEditing,
+    draft,
+    setDraft,
+    submitting,
+    error,
+    setError,
+    open,
+    setOpen,
+    inputRef,
+    wrapRef,
+    parsedValue,
+    displayFormatted,
+    handleCommit,
+    handlePick,
+    handleClearDraft,
+    handleKeyDown,
+    editing,
+    dateHint,
+    isEmpty,
+    display,
+    titleText,
+    shownError
+  } = cell;
+  if (type === "date") {
+    const calendarValue = { start: parsedValue, end: parsedValue };
+    const spec = FORMAT_SPEC[dateFormat];
+    if (!editing) {
+      const displayNode = isEmpty ? placeholder ?? dateHint : format ? format(value) : displayFormatted || value;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "uxm-editable-cell",
+            `uxm-editable-cell--${size}`,
+            `uxm-editable-cell--align-${align}`,
+            `uxm-editable-cell--type-date`,
+            disabled && "uxm-editable-cell--disabled",
+            isEmpty && "uxm-editable-cell--empty",
+            className
+          ),
+          style,
+          onClick: () => {
+            if (disabled) return;
+            setIsEditing(true);
+            setOpen(true);
+          },
+          disabled,
+          "aria-label": ariaLabel ?? (isEmpty ? addDateLabel : `Edit date ${displayFormatted || String(value)}`),
+          children: [
+            /* @__PURE__ */ jsx(HoverTooltip, { content: titleText, disabled, children: /* @__PURE__ */ jsx("span", { className: "uxm-editable-cell__value", children: displayNode }) }),
+            !disabled && /* @__PURE__ */ jsx("span", { className: "uxm-editable-cell__pencil", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { glyph: "calendar", size: 14 }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref: wrapRef,
+        className: cn(
+          "uxm-editable-cell uxm-editable-cell--editing",
+          `uxm-editable-cell--${size}`,
+          `uxm-editable-cell--align-${align}`,
+          `uxm-editable-cell--type-date`,
+          clearable && "uxm-editable-cell--clearable",
+          shownError?.severity === "error" && "uxm-editable-cell--error",
+          shownError?.severity === "warning" && "uxm-editable-cell--warning",
+          className
+        ),
+        style,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "uxm-editable-cell__ghost", "aria-hidden": "true", children: display }),
+          /* @__PURE__ */ jsx("span", { className: "uxm-editable-cell__ghost", "aria-hidden": "true", children: draft || spec.placeholder }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              inputMode: "numeric",
+              className: "uxm-editable-cell__input",
+              value: draft,
+              placeholder: spec.placeholder,
+              onChange: (e) => {
+                setDraft(maskDate(e.target.value, dateFormat));
+                if (error) setError(null);
+              },
+              onBlur: () => {
+                if (!submitting) handleCommit();
+              },
+              onKeyDown: handleKeyDown,
+              disabled: submitting,
+              "aria-invalid": Boolean(shownError),
+              "aria-describedby": shownError ? "uxm-editable-cell__error" : void 0
+            }
+          ),
+          clearable && !submitting && draft !== "" && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "uxm-editable-cell__clear",
+              tabIndex: -1,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: handleClearDraft,
+              "aria-label": clearDateLabel,
+              children: /* @__PURE__ */ jsx(Icon, { glyph: "close", size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "uxm-editable-cell__date-icon",
+              tabIndex: -1,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => {
+                if (submitting) return;
+                setError(null);
+                setOpen((o) => !o);
+              },
+              disabled: submitting,
+              "aria-label": openCalendarLabel,
+              "aria-expanded": open && !shownError,
+              children: /* @__PURE__ */ jsx(Icon, { glyph: "calendar", size: 14 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Popover,
+            {
+              open: open && !shownError,
+              onOpenChange: setOpen,
+              anchor: wrapRef,
+              placement: "bottom-start",
+              closeOnEscape: true,
+              closeOnOutsideClick: true,
+              restoreFocus: false,
+              role: "dialog",
+              "aria-label": calendarDialogLabel,
+              children: /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Calendar, { value: calendarValue, onChange: handlePick }) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Popover,
+            {
+              open: Boolean(shownError),
+              onOpenChange: (next) => {
+                if (!next) setError(null);
+              },
+              anchor: wrapRef,
+              placement: "bottom-start",
+              closeOnEscape: false,
+              closeOnOutsideClick: false,
+              restoreFocus: false,
+              role: "presentation",
+              children: shownError && /* @__PURE__ */ jsx(
+                Banner,
+                {
+                  variant: shownError.severity,
+                  id: "uxm-editable-cell__error",
+                  className: "uxm-editable-cell__error-banner",
+                  children: shownError.message
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+}
+export {
+  EditableCellDateView
+};
+//# sourceMappingURL=editable-cell-date.js.map