@epilot/zenith-react 0.1.0 → 0.2.0-next.0

package/dist/components/date-time-picker/date-time-picker.js

@@ -1,103 +1,106 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import * as Z from "react";
-import { SLOT_ATTR as _, mergeClasses as b } from "@epilot/zenith-runtime/v1";
-import { Field as q, FieldLabel as w, FieldError as z } from "../field/field.js";
-import { makeZenithStyles as B } from "../../styles/make-styles.js";
-import { DateTimePickerRoot as G } from "./date-time-picker-context.js";
-import { DateTimePickerInput as H } from "./date-time-picker-input.js";
-import { DateTimePickerPopover as J } from "./date-time-picker-popover.js";
-import { DateTimePickerPanel as K } from "./date-time-picker-panel.js";
-const Q = B({
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as o from "react";
+import { SLOT_ATTR as w, mergeClasses as z } from "@epilot/zenith-runtime/v1";
+import { Field as G, FieldLabel as H, FieldError as J } from "../field/field.js";
+import { makeZenithStyles as K } from "../../styles/make-styles.js";
+import { DateTimePickerRoot as Q } from "./date-time-picker-context.js";
+import { DateTimePickerLabelProvider as U, DateTimePickerInput as W } from "./date-time-picker-input.js";
+import { DateTimePickerPopover as X } from "./date-time-picker-popover.js";
+import { DateTimePickerPanel as Y } from "./date-time-picker-panel.js";
+const $ = K({
   root: {
     width: "100%"
   }
-}), ie = Z.forwardRef(
+}), se = o.forwardRef(
   function({
-    value: m,
-    onChange: a,
-    onBlur: d,
-    disabled: l = !1,
-    disablePast: s = !1,
-    label: o,
-    error: t,
-    placeholder: c,
-    format: n,
-    locale: f,
-    className: p,
-    keyboardIcon: y,
-    okLabel: h,
-    cancelLabel: k,
-    inputAriaLabel: v,
-    openPickerAriaLabel: P,
-    previousMonthLabel: T,
-    nextMonthLabel: u,
-    hoursLabel: D,
-    minutesLabel: F,
-    showTodayButton: M,
-    todayLabel: R,
-    showWeekNumbers: g,
-    testId: x,
-    currentTimeInTimezone: S,
-    timePickerPosition: j,
-    showTimePicker: r = !0,
-    editable: L,
-    iconPosition: A,
-    minuteStep: C
-  }, E) {
-    const I = Q(), N = t ? "destructive" : "highlight", O = n ?? (r ? void 0 : "dd/MM/yyyy"), V = c ?? (r ? void 0 : "dd/MM/yyyy");
+    value: a,
+    onChange: c,
+    onBlur: n,
+    disabled: f = !1,
+    disablePast: p = !1,
+    label: t,
+    error: r,
+    placeholder: h,
+    format: y,
+    locale: u,
+    className: v,
+    keyboardIcon: P,
+    okLabel: k,
+    cancelLabel: T,
+    inputAriaLabel: i,
+    openPickerAriaLabel: D,
+    previousMonthLabel: F,
+    nextMonthLabel: I,
+    hoursLabel: M,
+    minutesLabel: g,
+    showTodayButton: R,
+    todayLabel: x,
+    showWeekNumbers: S,
+    testId: j,
+    currentTimeInTimezone: L,
+    timePickerPosition: B,
+    showTimePicker: d = !0,
+    editable: C,
+    iconPosition: E,
+    minuteStep: N
+  }, O) {
+    const V = $(), Z = r ? "destructive" : "highlight", m = o.useId(), l = o.useId(), _ = o.useMemo(
+      () => t ? { inputId: m, labelId: l, namedByLabel: i === void 0 } : null,
+      [t, m, l, i]
+    ), b = y ?? (d ? void 0 : "dd/MM/yyyy"), q = h ?? (d ? void 0 : "dd/MM/yyyy");
     return /* @__PURE__ */ e(
-      G,
+      Q,
       {
-        currentTimeInTimezone: S,
-        disabled: l,
-        disablePast: s,
-        format: O,
-        locale: f,
-        onBlur: d,
-        onChange: a,
-        value: m,
-        children: /* @__PURE__ */ i(
-          q,
+        currentTimeInTimezone: L,
+        disabled: f,
+        disablePast: p,
+        format: b,
+        locale: u,
+        onBlur: n,
+        onChange: c,
+        value: a,
+        children: /* @__PURE__ */ s(
+          G,
           {
-            className: b(I.root, p),
+            className: z(V.root, v),
             "data-slot": "datetimepicker",
-            [_]: "datetimepicker",
-            ref: E,
-            variant: N,
+            [w]: "datetimepicker",
+            ref: O,
+            variant: Z,
             children: [
-              o && /* @__PURE__ */ e(w, { children: o }),
-              /* @__PURE__ */ i(J, { children: [
+              t && /* @__PURE__ */ e(H, { id: l, htmlFor: m, children: t }),
+              /* @__PURE__ */ e(U, { value: _, children: /* @__PURE__ */ s(X, { children: [
                 /* @__PURE__ */ e(
-                  H,
+                  W,
                   {
-                    editable: L,
-                    iconPosition: A,
-                    inputAriaLabel: v,
-                    keyboardIcon: y,
-                    openPickerAriaLabel: P,
-                    placeholder: V,
-                    testId: x
+                    editable: C,
+                    iconPosition: E,
+                    inputAriaLabel: i,
+                    keyboardIcon: P,
+                    openPickerAriaLabel: D,
+                    placeholder: q,
+                    testId: j
                   }
                 ),
                 /* @__PURE__ */ e(
-                  K,
+                  Y,
                   {
-                    cancelLabel: k,
-                    hoursLabel: D,
-                    minuteStep: C,
-                    minutesLabel: F,
-                    nextMonthLabel: u,
-                    okLabel: h,
-                    previousMonthLabel: T,
-                    showTimePicker: r,
-                    showTodayButton: M,
-                    showWeekNumbers: g,
-                    timePickerPosition: j,
-                    todayLabel: R
+                    cancelLabel: T,
+                    hoursLabel: M,
+                    minuteStep: N,
+                    minutesLabel: g,
+                    nextMonthLabel: I,
+                    okLabel: k,
+                    previousMonthLabel: F,
+                    showTimePicker: d,
+                    showTodayButton: R,
+                    showWeekNumbers: S,
+                    timePickerPosition: B,
+                    todayLabel: x
                   }
                 )
-              ] }),
-              t && /* @__PURE__ */ e(z, { children: t })
+              ] }) }),
+              r && /* @__PURE__ */ e(J, { children: r })
             ]
           }
         )
@@ -106,10 +109,10 @@ const Q = B({
   }
 );
 export {
-  ie as DateTimePicker,
-  H as DateTimePickerInput,
-  K as DateTimePickerPanel,
-  J as DateTimePickerPopover,
-  G as DateTimePickerRoot
+  se as DateTimePicker,
+  W as DateTimePickerInput,
+  Y as DateTimePickerPanel,
+  X as DateTimePickerPopover,
+  Q as DateTimePickerRoot
 };
 //# sourceMappingURL=date-time-picker.js.map

package/dist/components/date-time-picker/date-time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker.js","sources":["../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1\"\n\nimport { Field, FieldError, FieldLabel } from \"../field/field\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\n\nimport { DateTimePickerRoot } from \"./date-time-picker-context\"\nimport type { DateTimePickerRootProps } from \"./date-time-picker-context\"\nimport { DateTimePickerInput } from \"./date-time-picker-input\"\nimport type { DateTimePickerInputProps } from \"./date-time-picker-input\"\nimport { DateTimePickerPopover } from \"./date-time-picker-popover\"\nimport type { DateTimePickerPopoverProps } from \"./date-time-picker-popover\"\nimport { DateTimePickerPanel } from \"./date-time-picker-panel\"\nimport type { DateTimePickerPanelProps } from \"./date-time-picker-panel\"\nimport { Calendar } from \"./calendar\"\nimport type { CalendarProps } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport type { TimePickerProps } from \"./time-picker\"\nimport type { DateTimePickerLocale } from \"./date-time-picker-utils\"\n\ntype DateTimePickerProps = {\n  value: Date | null\n  onChange: (date: Date | null) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  placeholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  okLabel?: string\n  cancelLabel?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  testId?: string\n  currentTimeInTimezone?: Date\n  timePickerPosition?: \"bottom\" | \"side\"\n  showTimePicker?: boolean\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  minuteStep?: number\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    width: \"100%\",\n  },\n})\n\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      value,\n      onChange,\n      onBlur,\n      disabled = false,\n      disablePast = false,\n      label,\n      error,\n      placeholder,\n      format,\n      locale,\n      className,\n      keyboardIcon,\n      okLabel,\n      cancelLabel,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      previousMonthLabel,\n      nextMonthLabel,\n      hoursLabel,\n      minutesLabel,\n      showTodayButton,\n      todayLabel,\n      showWeekNumbers,\n      testId,\n      currentTimeInTimezone,\n      timePickerPosition,\n      showTimePicker = true,\n      editable,\n      iconPosition,\n      minuteStep,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const fieldVariant = error ? \"destructive\" : \"highlight\"\n    const resolvedFormat = format ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n    const resolvedPlaceholder =\n      placeholder ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n\n    return (\n      <DateTimePickerRoot\n        currentTimeInTimezone={currentTimeInTimezone}\n        disabled={disabled}\n        disablePast={disablePast}\n        format={resolvedFormat}\n        locale={locale}\n        onBlur={onBlur}\n        onChange={onChange}\n        value={value}\n      >\n        <Field\n          className={mergeClasses(styles.root, className)}\n          data-slot=\"datetimepicker\"\n          {...{ [SLOT_ATTR]: \"datetimepicker\" }}\n          ref={ref}\n          variant={fieldVariant}\n        >\n          {label && <FieldLabel>{label}</FieldLabel>}\n          <DateTimePickerPopover>\n            <DateTimePickerInput\n              editable={editable}\n              iconPosition={iconPosition}\n              inputAriaLabel={inputAriaLabel}\n              keyboardIcon={keyboardIcon}\n              openPickerAriaLabel={openPickerAriaLabel}\n              placeholder={resolvedPlaceholder}\n              testId={testId}\n            />\n            <DateTimePickerPanel\n              cancelLabel={cancelLabel}\n              hoursLabel={hoursLabel}\n              minuteStep={minuteStep}\n              minutesLabel={minutesLabel}\n              nextMonthLabel={nextMonthLabel}\n              okLabel={okLabel}\n              previousMonthLabel={previousMonthLabel}\n              showTimePicker={showTimePicker}\n              showTodayButton={showTodayButton}\n              showWeekNumbers={showWeekNumbers}\n              timePickerPosition={timePickerPosition}\n              todayLabel={todayLabel}\n            />\n          </DateTimePickerPopover>\n          {error && <FieldError>{error}</FieldError>}\n        </Field>\n      </DateTimePickerRoot>\n    )\n  }\n)\n\nexport {\n  DateTimePicker,\n  DateTimePickerRoot,\n  DateTimePickerInput,\n  DateTimePickerPopover,\n  DateTimePickerPanel,\n  Calendar,\n  TimePicker,\n}\n\nexport type {\n  DateTimePickerProps,\n  DateTimePickerRootProps,\n  DateTimePickerInputProps,\n  DateTimePickerPopoverProps,\n  DateTimePickerPanelProps,\n  CalendarProps,\n  TimePickerProps,\n  DateTimePickerLocale,\n}\n"],"names":["useStyles","makeZenithStyles","DateTimePicker","React","value","onChange","onBlur","disabled","disablePast","label","error","placeholder","format","locale","className","keyboardIcon","okLabel","cancelLabel","inputAriaLabel","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","hoursLabel","minutesLabel","showTodayButton","todayLabel","showWeekNumbers","testId","currentTimeInTimezone","timePickerPosition","showTimePicker","editable","iconPosition","minuteStep","ref","styles","fieldVariant","resolvedFormat","resolvedPlaceholder","jsx","DateTimePickerRoot","jsxs","Field","mergeClasses","SLOT_ATTR","FieldLabel","DateTimePickerPopover","DateTimePickerInput","DateTimePickerPanel","FieldError"],"mappings":";;;;;;;;;AAsDA,MAAMA,IAAYC,EAAiB;AAAA,EACjC,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,CAAC,GAEKC,KAAiBC,EAAM;AAAA,EAC3B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,GAEFC,GACA;AACA,UAAMC,IAASnC,EAAA,GACToC,IAAe1B,IAAQ,gBAAgB,aACvC2B,IAAiBzB,MAAWkB,IAAiB,SAAY,eACzDQ,IACJ3B,MAAgBmB,IAAiB,SAAY;AAE/C,WACE,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,uBAAAZ;AAAA,QACA,UAAArB;AAAA,QACA,aAAAC;AAAA,QACA,QAAQ6B;AAAA,QACR,QAAAxB;AAAA,QACA,QAAAP;AAAA,QACA,UAAAD;AAAA,QACA,OAAAD;AAAA,QAEA,UAAA,gBAAAqC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAaR,EAAO,MAAMrB,CAAS;AAAA,YAC9C,aAAU;AAAA,YACJ,CAAC8B,CAAS,GAAG;AAAA,YACnB,KAAAV;AAAA,YACA,SAASE;AAAA,YAER,UAAA;AAAA,cAAA3B,KAAS,gBAAA8B,EAACM,KAAY,UAAApC,EAAA,CAAM;AAAA,gCAC5BqC,GAAA,EACC,UAAA;AAAA,gBAAA,gBAAAP;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,UAAAhB;AAAA,oBACA,cAAAC;AAAA,oBACA,gBAAAd;AAAA,oBACA,cAAAH;AAAA,oBACA,qBAAAI;AAAA,oBACA,aAAamB;AAAA,oBACb,QAAAX;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEF,gBAAAY;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,aAAA/B;AAAA,oBACA,YAAAK;AAAA,oBACA,YAAAW;AAAA,oBACA,cAAAV;AAAA,oBACA,gBAAAF;AAAA,oBACA,SAAAL;AAAA,oBACA,oBAAAI;AAAA,oBACA,gBAAAU;AAAA,oBACA,iBAAAN;AAAA,oBACA,iBAAAE;AAAA,oBACA,oBAAAG;AAAA,oBACA,YAAAJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cACCf,KAAS,gBAAA6B,EAACU,GAAA,EAAY,UAAAvC,EAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/B;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"date-time-picker.js","sources":["../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1\"\n\nimport { Field, FieldError, FieldLabel } from \"../field/field\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\n\nimport { DateTimePickerRoot } from \"./date-time-picker-context\"\nimport type { DateTimePickerRootProps } from \"./date-time-picker-context\"\nimport {\n  DateTimePickerInput,\n  DateTimePickerLabelProvider,\n} from \"./date-time-picker-input\"\nimport type { DateTimePickerInputProps } from \"./date-time-picker-input\"\nimport { DateTimePickerPopover } from \"./date-time-picker-popover\"\nimport type { DateTimePickerPopoverProps } from \"./date-time-picker-popover\"\nimport { DateTimePickerPanel } from \"./date-time-picker-panel\"\nimport type { DateTimePickerPanelProps } from \"./date-time-picker-panel\"\nimport { Calendar } from \"./calendar\"\nimport type { CalendarProps } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport type { TimePickerProps } from \"./time-picker\"\nimport type { DateTimePickerLocale } from \"./date-time-picker-utils\"\n\ntype DateTimePickerProps = {\n  value: Date | null\n  onChange: (date: Date | null) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  placeholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  okLabel?: string\n  cancelLabel?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  testId?: string\n  currentTimeInTimezone?: Date\n  timePickerPosition?: \"bottom\" | \"side\"\n  showTimePicker?: boolean\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  minuteStep?: number\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    width: \"100%\",\n  },\n})\n\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      value,\n      onChange,\n      onBlur,\n      disabled = false,\n      disablePast = false,\n      label,\n      error,\n      placeholder,\n      format,\n      locale,\n      className,\n      keyboardIcon,\n      okLabel,\n      cancelLabel,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      previousMonthLabel,\n      nextMonthLabel,\n      hoursLabel,\n      minutesLabel,\n      showTodayButton,\n      todayLabel,\n      showWeekNumbers,\n      testId,\n      currentTimeInTimezone,\n      timePickerPosition,\n      showTimePicker = true,\n      editable,\n      iconPosition,\n      minuteStep,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const fieldVariant = error ? \"destructive\" : \"highlight\"\n    // This component renders both the label and the input, so it connects them (#16).\n    const inputId = React.useId()\n    const labelId = React.useId()\n    const labelling = React.useMemo(\n      () =>\n        label\n          ? { inputId, labelId, namedByLabel: inputAriaLabel === undefined }\n          : null,\n      [label, inputId, labelId, inputAriaLabel]\n    )\n    const resolvedFormat = format ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n    const resolvedPlaceholder =\n      placeholder ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n\n    return (\n      <DateTimePickerRoot\n        currentTimeInTimezone={currentTimeInTimezone}\n        disabled={disabled}\n        disablePast={disablePast}\n        format={resolvedFormat}\n        locale={locale}\n        onBlur={onBlur}\n        onChange={onChange}\n        value={value}\n      >\n        <Field\n          className={mergeClasses(styles.root, className)}\n          data-slot=\"datetimepicker\"\n          {...{ [SLOT_ATTR]: \"datetimepicker\" }}\n          ref={ref}\n          variant={fieldVariant}\n        >\n          {label && (\n            <FieldLabel id={labelId} htmlFor={inputId}>\n              {label}\n            </FieldLabel>\n          )}\n          <DateTimePickerLabelProvider value={labelling}>\n            <DateTimePickerPopover>\n              <DateTimePickerInput\n                editable={editable}\n                iconPosition={iconPosition}\n                inputAriaLabel={inputAriaLabel}\n                keyboardIcon={keyboardIcon}\n                openPickerAriaLabel={openPickerAriaLabel}\n                placeholder={resolvedPlaceholder}\n                testId={testId}\n              />\n              <DateTimePickerPanel\n                cancelLabel={cancelLabel}\n                hoursLabel={hoursLabel}\n                minuteStep={minuteStep}\n                minutesLabel={minutesLabel}\n                nextMonthLabel={nextMonthLabel}\n                okLabel={okLabel}\n                previousMonthLabel={previousMonthLabel}\n                showTimePicker={showTimePicker}\n                showTodayButton={showTodayButton}\n                showWeekNumbers={showWeekNumbers}\n                timePickerPosition={timePickerPosition}\n                todayLabel={todayLabel}\n              />\n            </DateTimePickerPopover>\n          </DateTimePickerLabelProvider>\n          {error && <FieldError>{error}</FieldError>}\n        </Field>\n      </DateTimePickerRoot>\n    )\n  }\n)\n\nexport {\n  DateTimePicker,\n  DateTimePickerRoot,\n  DateTimePickerInput,\n  DateTimePickerPopover,\n  DateTimePickerPanel,\n  Calendar,\n  TimePicker,\n}\n\nexport type {\n  DateTimePickerProps,\n  DateTimePickerRootProps,\n  DateTimePickerInputProps,\n  DateTimePickerPopoverProps,\n  DateTimePickerPanelProps,\n  CalendarProps,\n  TimePickerProps,\n  DateTimePickerLocale,\n}\n"],"names":["useStyles","makeZenithStyles","DateTimePicker","React","value","onChange","onBlur","disabled","disablePast","label","error","placeholder","format","locale","className","keyboardIcon","okLabel","cancelLabel","inputAriaLabel","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","hoursLabel","minutesLabel","showTodayButton","todayLabel","showWeekNumbers","testId","currentTimeInTimezone","timePickerPosition","showTimePicker","editable","iconPosition","minuteStep","ref","styles","fieldVariant","inputId","labelId","labelling","resolvedFormat","resolvedPlaceholder","jsx","DateTimePickerRoot","jsxs","Field","mergeClasses","SLOT_ATTR","FieldLabel","DateTimePickerLabelProvider","DateTimePickerPopover","DateTimePickerInput","DateTimePickerPanel","FieldError"],"mappings":"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"}

package/dist/components/dialog/dialog.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as x } from "react/jsx-runtime";
 import * as n from "react";
-import { Root as b, Close as y, Content as v, Description as z, Overlay as R, Portal as S, Title as W, Trigger as L } from "../../vendor/.bun/@radix-ui_react-dialog@1.1.15_2b23df507bdda662/vendor/@radix-ui/react-dialog/dist/index.js";
+import { Root as z, Close as y, Content as R, Description as S, Overlay as W, Portal as L, Title as N, Trigger as T } from "../../vendor/.bun/@radix-ui_react-dialog@1.1.15_2b23df507bdda662/vendor/@radix-ui/react-dialog/dist/index.js";
 import { mergeClasses as d, SLOT_ATTR as l, shorthands as s } from "@epilot/zenith-runtime/v1";
-import { useAppearanceAttributes as N } from "../appearance-boundary/appearance-boundary.js";
-import { useDensity as T } from "../density-provider/density-provider.js";
-import { makeZenithStyles as A } from "../../styles/make-styles.js";
-import { leadingSm as O, textSm as F, grayA11 as I, grayA12 as k, fontWeightSemibold as P, leadingLg as H, textLg as X, focusRing as h, accentSoft as j, accentA11 as B, spacingGroup2 as f, container5xl as E, container4xl as _, container3xl as M, container2xl as Z, containerXl as G, containerLg as q, containerMd as J, containerSm as K, body as Q, spacingElement2 as p, grayA1 as U, radiusXl as V, spacingLayout1 as Y } from "../../tokens/index.js";
-const c = A({
+import { useAppearanceAttributes as D } from "../appearance-boundary/appearance-boundary.js";
+import { useDensity as A } from "../density-provider/density-provider.js";
+import { makeZenithStyles as O } from "../../styles/make-styles.js";
+import { leadingSm as F, textSm as I, grayA11 as k, grayA12 as P, fontWeightSemibold as H, leadingLg as X, textLg as j, focusRing as h, accentSoft as B, accentA11 as E, spacingGroup2 as f, container5xl as _, container4xl as M, container3xl as Z, container2xl as G, containerXl as q, containerLg as J, containerMd as K, containerSm as Q, body as U, spacingElement2 as p, grayA1 as V, radiusXl as Y, spacingLayout1 as $ } from "../../tokens/index.js";
+const c = O({
   overlay: {
     position: "fixed",
     ...s.inset(0),
@@ -41,7 +41,7 @@ const c = A({
     }
   },
   content: {
-    backgroundColor: Q,
+    backgroundColor: U,
     position: "fixed",
     top: "50%",
     left: "50%",
@@ -51,9 +51,9 @@ const c = A({
     width: "100%",
     maxWidth: "calc(100% - 2rem)",
     transform: "translate(-50%, -50%)",
-    ...s.gap(Y),
-    ...s.borderRadius(V),
-    ...s.border("1px", "solid", U),
+    ...s.gap($),
+    ...s.borderRadius(Y),
+    ...s.border("1px", "solid", V),
     // v1 shadow-lg; elevation has no token in this package.
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     "@media (prefers-reduced-motion: reduce)": {
@@ -94,14 +94,14 @@ const c = A({
       animationDuration: "150ms",
       animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
     },
-    "&[data-size='sm']": { maxWidth: K },
-    "&[data-size='md']": { maxWidth: J },
-    "&[data-size='lg']": { maxWidth: q },
-    "&[data-size='xl']": { maxWidth: G },
-    "&[data-size='2xl']": { maxWidth: Z },
-    "&[data-size='3xl']": { maxWidth: M },
-    "&[data-size='4xl']": { maxWidth: _ },
-    "&[data-size='5xl']": { maxWidth: E },
+    "&[data-size='sm']": { maxWidth: Q },
+    "&[data-size='md']": { maxWidth: K },
+    "&[data-size='lg']": { maxWidth: J },
+    "&[data-size='xl']": { maxWidth: q },
+    "&[data-size='2xl']": { maxWidth: G },
+    "&[data-size='3xl']": { maxWidth: Z },
+    "&[data-size='4xl']": { maxWidth: M },
+    "&[data-size='5xl']": { maxWidth: _ },
     "&[data-size='full-width']": { maxWidth: "100%" }
   },
   contentPadding: {
@@ -123,9 +123,9 @@ const c = A({
     // v1 rounded-full; no full-radius token exists in this package.
     borderRadius: "9999px",
     cursor: "pointer",
-    color: B,
+    color: E,
     ":hover": {
-      backgroundColor: j
+      backgroundColor: B
     },
     ":focus-visible": {
       outlineWidth: "2px",
@@ -155,15 +155,15 @@ const c = A({
     justifyContent: "flex-end"
   },
   title: {
-    fontSize: X,
-    lineHeight: H,
-    fontWeight: P,
-    color: k
+    fontSize: j,
+    lineHeight: X,
+    fontWeight: H,
+    color: P
   },
   description: {
-    color: I,
-    fontSize: F,
-    lineHeight: O
+    color: k,
+    fontSize: I,
+    lineHeight: F
   },
   srOnly: {
     position: "absolute",
@@ -175,7 +175,7 @@ const c = A({
     clip: "rect(0, 0, 0, 0)",
     whiteSpace: "nowrap"
   }
-}), $ = n.forwardRef(
+}), tt = n.forwardRef(
   function(t, o) {
     return /* @__PURE__ */ e(
       "svg",
@@ -197,13 +197,13 @@ const c = A({
       }
     );
   }
-), lt = n.forwardRef(
+), st = n.forwardRef(
   function(t, o) {
-    return /* @__PURE__ */ e(b, { "data-slot": "dialog", ...t });
+    return /* @__PURE__ */ e(z, { "data-slot": "dialog", ...t });
   }
-), st = n.forwardRef(function({ className: t, ...o }, a) {
+), dt = n.forwardRef(function({ className: t, ...o }, a) {
   return /* @__PURE__ */ e(
-    L,
+    T,
     {
       ref: a,
       "data-slot": "dialog-trigger",
@@ -212,10 +212,10 @@ const c = A({
       ...o
     }
   );
-}), dt = n.forwardRef(
+}), ct = n.forwardRef(
   function(t, o) {
     return /* @__PURE__ */ e(
-      S,
+      L,
       {
         "data-slot": "dialog-portal",
         [l]: "dialog-portal",
@@ -223,42 +223,44 @@ const c = A({
       }
     );
   }
-), ct = n.forwardRef(function({ className: t, ...o }, a) {
-  const i = c();
+), mt = n.forwardRef(function({ className: t, ...o }, a) {
+  const i = c(), m = D();
   return /* @__PURE__ */ e(
-    R,
+    W,
     {
       ref: a,
       "data-slot": "dialog-overlay",
       [l]: "dialog-overlay",
+      ...m,
       className: d(i.overlay, t),
       ...o
     }
   );
-}), mt = n.forwardRef(function({
+}), gt = n.forwardRef(function({
   className: t,
   children: o,
   showCloseButton: a = !0,
-  flush: i = !1,
-  size: g = "lg",
-  ...D
-}, C) {
-  const m = c(), u = T(), w = N();
+  closeButtonLabel: i = "Close",
+  flush: m = !1,
+  size: C = "lg",
+  ...w
+}, b) {
+  const g = c(), u = A(), v = D();
   return /* @__PURE__ */ x(
-    v,
+    R,
     {
-      ref: C,
+      ref: b,
       "data-slot": "dialog-content",
       [l]: "dialog-content",
       ...u !== void 0 ? { "data-density": u } : {},
-      ...w,
-      "data-size": g,
+      ...v,
+      "data-size": C,
       className: d(
-        m.content,
-        !i && m.contentPadding,
+        g.content,
+        !m && g.contentPadding,
         t
       ),
-      ...D,
+      ...w,
       children: [
         o,
         a && /* @__PURE__ */ x(
@@ -266,30 +268,30 @@ const c = A({
           {
             "data-slot": "dialog-close",
             [l]: "dialog-close",
-            className: m.closeButton,
+            className: g.closeButton,
             children: [
-              /* @__PURE__ */ e($, {}),
-              /* @__PURE__ */ e("span", { className: m.srOnly, children: "Close" })
+              /* @__PURE__ */ e(tt, {}),
+              /* @__PURE__ */ e("span", { className: g.srOnly, children: i })
             ]
           }
         )
       ]
     }
   );
-}), gt = n.forwardRef(function({ className: t, children: o, ...a }, i) {
-  const g = c();
+}), ft = n.forwardRef(function({ className: t, children: o, ...a }, i) {
+  const m = c();
   return /* @__PURE__ */ e(
     y,
     {
       ref: i,
       "data-slot": "dialog-close",
       [l]: "dialog-close",
-      className: d(g.close, t),
+      className: d(m.close, t),
       ...a,
       children: o
     }
   );
-}), ft = n.forwardRef(
+}), pt = n.forwardRef(
   function({ className: t, ...o }, a) {
     const i = c();
     return /* @__PURE__ */ e(
@@ -303,7 +305,7 @@ const c = A({
       }
     );
   }
-), pt = n.forwardRef(
+), ut = n.forwardRef(
   function({ className: t, ...o }, a) {
     const i = c();
     return /* @__PURE__ */ e(
@@ -317,10 +319,10 @@ const c = A({
       }
     );
   }
-), ut = n.forwardRef(function({ className: t, ...o }, a) {
+), xt = n.forwardRef(function({ className: t, ...o }, a) {
   const i = c();
   return /* @__PURE__ */ e(
-    W,
+    N,
     {
       ref: a,
       "data-slot": "dialog-title",
@@ -329,10 +331,10 @@ const c = A({
       ...o
     }
   );
-}), xt = n.forwardRef(function({ className: t, ...o }, a) {
+}), ht = n.forwardRef(function({ className: t, ...o }, a) {
   const i = c();
   return /* @__PURE__ */ e(
-    z,
+    S,
     {
       ref: a,
       "data-slot": "dialog-description",
@@ -343,15 +345,15 @@ const c = A({
   );
 });
 export {
-  lt as Dialog,
-  gt as DialogClose,
-  mt as DialogContent,
-  xt as DialogDescription,
-  pt as DialogFooter,
-  ft as DialogHeader,
-  ct as DialogOverlay,
-  dt as DialogPortal,
-  ut as DialogTitle,
-  st as DialogTrigger
+  st as Dialog,
+  ft as DialogClose,
+  gt as DialogContent,
+  ht as DialogDescription,
+  ut as DialogFooter,
+  pt as DialogHeader,
+  mt as DialogOverlay,
+  ct as DialogPortal,
+  xt as DialogTitle,
+  dt as DialogTrigger
 };
 //# sourceMappingURL=dialog.js.map