@epilot/volt-ui-experimental-griffel 0.2.0 → 0.2.3

package/dist/components/command/command.js

@@ -5,7 +5,7 @@ import { shorthands as c } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as i } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as N } from "../../styles/make-styles.js";
-import { spacingElement1 as u, grayA3 as q, spacingElement3 as f, spacingElement2 as r, fontWeightMedium as S, grayA11 as h, leadingXs as v, textXs as T, accentA3 as L, grayA12 as y, leadingSm as C, textSm as x, semGraySoft as I, body as B, radiusSm as D, radiusMd as b } from "../../tokens/index.js";
+import { radiusSm as q, spacingElement2 as r, spacingElement1 as u, radiusMd as S, grayA3 as I, spacingElement3 as f, fontWeightMedium as v, grayA11 as h, leadingXs as T, textXs as L, accentA3 as b, grayA12 as y, leadingSm as C, textSm as x, semGraySoft as B, body as D } from "../../tokens/index.js";
 import { Dialog as E, DialogHeader as X, DialogTitle as A, DialogDescription as H, DialogContent as W } from "../dialog/dialog.js";
 const z = (d) => /* @__PURE__ */ n(
   "svg",
@@ -20,7 +20,7 @@ const z = (d) => /* @__PURE__ */ n(
   }
 ), l = N({
   root: {
-    backgroundColor: B,
+    backgroundColor: D,
     color: y,
     display: "flex",
     height: "100%",
@@ -28,13 +28,13 @@ const z = (d) => /* @__PURE__ */ n(
     flexDirection: "column",
     overflowX: "hidden",
     overflowY: "hidden",
-    ...c.borderRadius(b)
+    ...c.borderRadius(S)
   },
   inputWrapper: {
     display: "flex",
     alignItems: "center",
     ...c.gap(r),
-    ...c.borderBottom("1px", "solid", q),
+    ...c.borderBottom("1px", "solid", I),
     paddingLeft: f,
     paddingRight: f
   },
@@ -48,7 +48,7 @@ const z = (d) => /* @__PURE__ */ n(
     height: "3rem",
     display: "flex",
     width: "100%",
-    ...c.borderRadius(b),
+    ...c.borderRadius(S),
     backgroundColor: "transparent",
     paddingTop: f,
     paddingBottom: f,
@@ -88,13 +88,13 @@ const z = (d) => /* @__PURE__ */ n(
       paddingRight: r,
       paddingTop: "0.375rem",
       paddingBottom: "0.375rem",
-      fontSize: T,
-      lineHeight: v,
-      fontWeight: S
+      fontSize: L,
+      lineHeight: T,
+      fontWeight: v
     }
   },
   separator: {
-    backgroundColor: I,
+    backgroundColor: B,
     marginLeft: `calc(-1 * ${u})`,
     marginRight: `calc(-1 * ${u})`,
     height: "1px"
@@ -105,7 +105,7 @@ const z = (d) => /* @__PURE__ */ n(
     cursor: "default",
     alignItems: "center",
     ...c.gap(r),
-    ...c.borderRadius(D),
+    ...c.borderRadius(q),
     paddingLeft: r,
     paddingRight: r,
     paddingTop: "0.375rem",
@@ -116,10 +116,10 @@ const z = (d) => /* @__PURE__ */ n(
     userSelect: "none",
     color: y,
     "&[data-selected='true'], &[aria-selected='true']": {
-      backgroundColor: L
+      backgroundColor: b
     },
     ":hover": {
-      backgroundColor: L
+      backgroundColor: b
     },
     "&[data-disabled='true'], &[aria-disabled='true']": {
       pointerEvents: "none",
@@ -138,8 +138,8 @@ const z = (d) => /* @__PURE__ */ n(
   shortcut: {
     color: h,
     marginLeft: "auto",
-    fontSize: T,
-    lineHeight: v,
+    fontSize: L,
+    lineHeight: T,
     letterSpacing: "0.1em"
   },
   loading: {
@@ -155,7 +155,7 @@ const z = (d) => /* @__PURE__ */ n(
       color: h,
       paddingLeft: r,
       paddingRight: r,
-      fontWeight: S
+      fontWeight: v
     },
     [`& [${i}="command-input-wrapper"]`]: {
       height: "3rem"

package/dist/components/data-table/data-table-column-header.js

@@ -4,7 +4,7 @@ import { shorthands as i } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as g } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as h } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as m } from "../../styles/make-styles.js";
-import { accent11 as p, accentA8 as u, semAccentSoft as w, spacingElement1 as c, radiusLg as k } from "../../tokens/index.js";
+import { radiusLg as p, spacingElement1 as c, accent11 as u, accentA8 as w, semAccentSoft as k } from "../../tokens/index.js";
 const f = (e) => /* @__PURE__ */ n(
   "svg",
   {
@@ -66,24 +66,24 @@ const f = (e) => /* @__PURE__ */ n(
     gap: c,
     ...i.paddingBlock("0.125rem"),
     ...i.paddingInline(c),
-    ...i.borderRadius(k),
+    ...i.borderRadius(p),
     cursor: "pointer",
     transitionProperty: "color, background-color, border-color",
     transitionDuration: "150ms",
     ":hover": {
-      backgroundColor: w
+      backgroundColor: k
     },
     ":focus-visible": {
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: u
+      outlineColor: w
     }
   },
   iconActive: {
     width: "1rem",
     height: "1rem",
-    color: p,
+    color: u,
     flexShrink: 0
   },
   iconUnsorted: {

package/dist/components/data-table/data-table-error.js

@@ -4,7 +4,7 @@ import { shorthands as e } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as T } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as h } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as q } from "../../styles/make-styles.js";
-import { spacingGroup1 as f, grayA11 as x, leadingSm as y, textSm as u, grayA12 as w, fontWeightMedium as v, leadingBase as S, textBase as B, spacingElement2 as A, errorA11 as E, spacingElement1 as N, spacingLayout2 as Z } from "../../tokens/index.js";
+import { spacingLayout2 as f, spacingGroup1 as x, grayA11 as y, leadingSm as u, textSm as w, grayA12 as v, fontWeightMedium as S, leadingBase as B, textBase as A, spacingElement2 as E, errorA11 as N, spacingElement1 as Z } from "../../tokens/index.js";
 import { Button as b } from "../button/button.js";
 const C = (o) => /* @__PURE__ */ t(
   "svg",
@@ -23,32 +23,32 @@ const C = (o) => /* @__PURE__ */ t(
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "center",
-    gap: N,
-    ...e.paddingBlock(Z),
+    gap: Z,
+    ...e.paddingBlock(f),
     textAlign: "center"
   },
   icon: {
     width: "2.5rem",
     height: "2.5rem",
-    color: E,
-    marginBottom: A
+    color: N,
+    marginBottom: E
   },
   title: {
-    fontSize: B,
-    lineHeight: S,
-    fontWeight: v,
-    color: w,
+    fontSize: A,
+    lineHeight: B,
+    fontWeight: S,
+    color: v,
     ...e.margin(0)
   },
   description: {
-    fontSize: u,
-    lineHeight: y,
-    color: x,
+    fontSize: w,
+    lineHeight: u,
+    color: y,
     maxWidth: "28rem",
     ...e.margin(0)
   },
   retry: {
-    marginTop: f
+    marginTop: x
   }
 }), M = d.forwardRef(function({ title: n, description: a, retryLabel: s, onRetry: i, className: l, children: m }, c) {
   const r = j();

package/dist/components/data-table/data-table-loading.js

@@ -4,7 +4,7 @@ import { shorthands as n } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as i } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as l } from "../../styles/make-styles.js";
-import { grayA11 as p, spacingElement2 as c, spacingLayout2 as d } from "../../tokens/index.js";
+import { spacingLayout2 as p, grayA11 as c, spacingElement2 as d } from "../../tokens/index.js";
 import { Spinner as f } from "../spinner/spinner.js";
 const g = l({
   root: {
@@ -12,13 +12,13 @@ const g = l({
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "center",
-    gap: c,
-    ...n.paddingBlock(d)
+    gap: d,
+    ...n.paddingBlock(p)
   },
   spinner: {
     width: "2.5rem",
     height: "2.5rem",
-    color: p
+    color: c
   }
 }), D = s.forwardRef(function({ className: o, children: e }, r) {
   const t = g();

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

@@ -9,7 +9,7 @@ import { Button as pe } from "../button/button.js";
 import { Pill as le } from "../pill/pill.js";
 import { Popover as ce, PopoverTrigger as ge, PopoverContent as he } from "../popover/popover.js";
 import { makeVoltStyles as ue } from "../../styles/make-styles.js";
-import { gray6 as me, gray9 as fe, leadingSm as G, textSm as H, grayA8 as Te, grayA12 as ye, spacingElement1 as Ce, spacingGroup1 as qe, spacingElement2 as Se } from "../../tokens/index.js";
+import { spacingElement1 as me, spacingGroup1 as fe, spacingElement2 as Te, gray6 as ye, gray9 as Ce, leadingSm as G, textSm as H, grayA8 as qe, grayA12 as Se } from "../../tokens/index.js";
 import { RangeCalendar as ke } from "./range-calendar.js";
 import { formatDateTimeDisplay as d, parseDateTimeInput as b } from "../date-time-picker/date-time-picker-utils.js";
 const xe = (k) => /* @__PURE__ */ s(
@@ -53,7 +53,7 @@ const xe = (k) => /* @__PURE__ */ s(
   triggerRoot: {
     display: "flex",
     alignItems: "center",
-    ...l.gap(Se),
+    ...l.gap(Te),
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
@@ -65,13 +65,13 @@ const xe = (k) => /* @__PURE__ */ s(
     outlineStyle: "none",
     fontSize: H,
     lineHeight: G,
-    color: ye,
+    color: Se,
     backgroundColor: "transparent",
     textAlign: "center",
     ...l.border("0"),
     ...l.padding("0"),
     "::placeholder": {
-      color: Te
+      color: qe
     },
     ":disabled": {
       cursor: "not-allowed"
@@ -80,7 +80,7 @@ const xe = (k) => /* @__PURE__ */ s(
   separator: {
     fontSize: H,
     lineHeight: G,
-    color: fe,
+    color: Ce,
     flexShrink: 0,
     userSelect: "none",
     ...l.padding("0", "0.125rem")
@@ -92,19 +92,19 @@ const xe = (k) => /* @__PURE__ */ s(
   content: {
     display: "flex",
     flexDirection: "row",
-    ...l.gap(qe),
+    ...l.gap(fe),
     ...l.padding("0.75rem")
     // v1 p-3 (0.75rem)
   },
   presets: {
     display: "flex",
     flexDirection: "column",
-    ...l.gap(Ce),
+    ...l.gap(me),
     width: "8rem",
     // v1 w-32
     borderLeftWidth: "1px",
     borderLeftStyle: "solid",
-    borderLeftColor: me,
+    borderLeftColor: ye,
     paddingLeft: "0.75rem"
     // v1 pl-3 (0.75rem)
   },

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

@@ -6,7 +6,7 @@ import { SLOT_ATTR as l } from "../../packages/volt-runtime/dist/renderer/contra
 import { mergeClasses as g } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { Button as te } from "../button/button.js";
 import { makeVoltStyles as $e } from "../../styles/make-styles.js";
-import { spacingElement2 as H, leadingSm as V, textSm as X, grayA12 as j, accentA3 as Ve, accent3 as Xe, semAccentSolidHover as Z, fontWeightSemibold as Y, semAccentContrast as _, semAccentSolid as Q, radiusMd as R, grayA8 as Ze, accentA11 as ge, grayA4 as me, grayA11 as ue, fontWeightMedium as ye, leadingXs as fe, textXs as pe, spacingElement1 as be, grayA3 as _e } from "../../tokens/index.js";
+import { radiusMd as R, spacingElement2 as H, spacingElement1 as ge, leadingSm as V, textSm as X, grayA12 as j, accentA3 as Ve, accent3 as Xe, semAccentSolidHover as Z, fontWeightSemibold as Y, semAccentContrast as _, semAccentSolid as Q, grayA8 as Ze, accentA11 as me, grayA4 as ue, grayA11 as ye, fontWeightMedium as fe, leadingXs as pe, textXs as be, grayA3 as _e } from "../../tokens/index.js";
 import { getWeekDays as Qe, getCalendarDays as Ue, getMonthNames as qe, goToPreviousMonth as Je, goToNextMonth as Ke, adjustTimeIfPast as ke, isDateDisabled as Be, formatMonth as et, getDecadeStart as tt, getWeekLabel as at, isDayInCurrentMonth as Ce, getWeekNumber as we, isDaySelected as nt, isDayToday as rt, isDateInRange as ot, normalizeRange as st } from "./date-time-picker-utils.js";
 import { isSameDay as ae } from "../../vendor/date-fns/isSameDay.js";
 const dt = (F) => /* @__PURE__ */ n(
@@ -48,7 +48,7 @@ const dt = (F) => /* @__PURE__ */ n(
   headerCenter: {
     display: "flex",
     alignItems: "center",
-    ...d.gap(be)
+    ...d.gap(ge)
   },
   headerBtn: {
     fontWeight: Y,
@@ -57,7 +57,7 @@ const dt = (F) => /* @__PURE__ */ n(
     color: j,
     backgroundColor: _e,
     ":hover": {
-      backgroundColor: me
+      backgroundColor: ue
     },
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
@@ -87,17 +87,17 @@ const dt = (F) => /* @__PURE__ */ n(
     gridTemplateColumns: "auto repeat(7, minmax(0, 1fr))"
   },
   gridRange: {
-    rowGap: be,
+    rowGap: ge,
     columnGap: "0"
   },
   weekLabel: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: pe,
-    lineHeight: fe,
-    fontWeight: ye,
-    color: ue,
+    fontSize: be,
+    lineHeight: pe,
+    fontWeight: fe,
+    color: ye,
     height: "1.75rem",
     width: "2rem"
   },
@@ -105,10 +105,10 @@ const dt = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: pe,
-    lineHeight: fe,
-    fontWeight: ye,
-    color: ue,
+    fontSize: be,
+    lineHeight: pe,
+    fontWeight: fe,
+    color: ye,
     height: "2rem",
     width: "2rem"
   },
@@ -138,15 +138,15 @@ const dt = (F) => /* @__PURE__ */ n(
   },
   dayBtnHover: {
     ":hover": {
-      backgroundColor: me
+      backgroundColor: ue
     }
   },
   dayBtnToday: {
-    color: ge,
+    color: me,
     textDecorationLine: "underline",
     textUnderlineOffset: "4px",
     textDecorationThickness: "1.5px",
-    textDecorationColor: ge
+    textDecorationColor: me
   },
   dayBtnSelected: {
     fontWeight: Y,

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

@@ -1,16 +1,16 @@
-import { jsx as t, jsxs as k, Fragment as $ } from "react/jsx-runtime";
+import { jsx as t, jsxs as k, Fragment as W } from "react/jsx-runtime";
 import * as m from "react";
 import { shorthands as f } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
 import { SLOT_ATTR as r } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as B } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { Button as W } from "../button/button.js";
-import { PopoverPortal as ee, PopoverContent as te } from "../popover/popover.js";
-import { makeVoltStyles as ie } from "../../styles/make-styles.js";
-import { spacingElement3 as oe, spacingElement2 as ne, spacingGroup1 as j, spacingGroup2 as re } from "../../tokens/index.js";
-import { Calendar as Y } from "./calendar.js";
-import { TimePicker as G } from "./time-picker.js";
-import { useDateTimePickerContext as ae } from "./date-time-picker-context.js";
-const se = ie({
+import { mergeClasses as j } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { Button as Y } from "../button/button.js";
+import { PopoverPortal as ie, PopoverContent as oe } from "../popover/popover.js";
+import { makeVoltStyles as ne } from "../../styles/make-styles.js";
+import { spacingElement2 as re, spacingGroup1 as G, spacingElement3 as ae, spacingGroup2 as se } from "../../tokens/index.js";
+import { Calendar as I } from "./calendar.js";
+import { TimePicker as M } from "./time-picker.js";
+import { useDateTimePickerContext as de } from "./date-time-picker-context.js";
+const ce = ne({
   content: {
     overflowX: "hidden",
     overflowY: "hidden"
@@ -21,19 +21,19 @@ const se = ie({
   panelContent: {
     display: "flex",
     flexDirection: "column",
-    ...f.gap(re),
-    ...f.padding(oe)
+    ...f.gap(se),
+    ...f.padding(ae)
   },
   body: {
     display: "flex"
   },
   bodyBottom: {
     flexDirection: "column",
-    ...f.gap(j)
+    ...f.gap(G)
   },
   bodySide: {
     flexDirection: "row",
-    ...f.gap(j),
+    ...f.gap(G),
     position: "relative"
   },
   dateSection: {
@@ -60,39 +60,41 @@ const se = ie({
   footer: {
     display: "flex",
     justifyContent: "flex-end",
-    ...f.gap(ne)
+    ...f.gap(re)
   }
-}), xe = m.forwardRef(function({
+}), Ce = m.forwardRef(function({
   showTimePicker: C = !0,
   timePickerPosition: S = "bottom",
-  okLabel: I = "Apply",
-  cancelLabel: M = "Cancel",
+  okLabel: V = "Apply",
+  cancelLabel: X = "Cancel",
   previousMonthLabel: z = "Previous month",
   nextMonthLabel: A = "Next month",
-  showTodayButton: D = !1,
-  todayLabel: N = "Today",
-  showWeekNumbers: F = !1,
-  className: V,
-  minuteStep: L = 1
-}, X) {
-  const i = se(), {
+  hoursLabel: D,
+  minutesLabel: N,
+  showTodayButton: F = !1,
+  todayLabel: T = "Today",
+  showWeekNumbers: O = !1,
+  className: Q,
+  minuteStep: P = 1
+}, _) {
+  const i = ce(), {
     tempValue: p,
-    isOpen: T,
-    locale: O,
+    isOpen: q,
+    locale: H,
     disablePast: h,
     currentTimeInTimezone: u,
     handleDateChange: y,
-    confirm: Q,
-    cancel: _
-  } = ae(), [J, K] = m.useState(!0);
+    confirm: J,
+    cancel: K
+  } = de(), [U, Z] = m.useState(!0);
   m.useEffect(() => {
     if (S !== "side") return;
-    const a = () => K(window.innerWidth >= 480);
+    const a = () => Z(window.innerWidth >= 480);
     return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
   }, [S]);
   const w = m.useRef(null);
   m.useLayoutEffect(() => {
-    if (!T) return;
+    if (!q) return;
     const a = () => {
       const e = w.current;
       if (!e) return;
@@ -105,7 +107,7 @@ const se = ie({
         `[${r}="datetimepicker-body"]`
       );
       s && (s.style.maxHeight = "", s.style.overflowY = "");
-      const o = x.getBoundingClientRect(), R = window.innerHeight, q = window.innerWidth, n = 8, H = R - 2 * n;
+      const o = x.getBoundingClientRect(), R = window.innerHeight, $ = window.innerWidth, n = 8, B = R - 2 * n;
       let E = { m41: 0, m42: 0 };
       try {
         const c = getComputedStyle(x).transform;
@@ -113,46 +115,46 @@ const se = ie({
       } catch {
       }
       let d = 0, l = 0;
-      if (o.height > H) {
+      if (o.height > B) {
         if (s) {
           const c = e.querySelector(
             `[${r}="datetimepicker-footer"]`
-          ), Z = c ? c.getBoundingClientRect().height : 0;
-          s.style.maxHeight = `${H - Z}px`, s.style.overflowY = "auto";
+          ), te = c ? c.getBoundingClientRect().height : 0;
+          s.style.maxHeight = `${B - te}px`, s.style.overflowY = "auto";
         }
         d = n - o.top;
       } else
         o.bottom > R - n && (d = R - n - o.bottom), o.top + d < n && (d = n - o.top);
-      o.right > q - n && (l = q - n - o.right), o.left + l < n && (l = n - o.left), (l !== 0 || d !== 0) && (x.style.transform = `translate(${E.m41 + l}px, ${E.m42 + d}px)`);
-    }, U = requestAnimationFrame(() => {
+      o.right > $ - n && (l = $ - n - o.right), o.left + l < n && (l = n - o.left), (l !== 0 || d !== 0) && (x.style.transform = `translate(${E.m41 + l}px, ${E.m42 + d}px)`);
+    }, ee = requestAnimationFrame(() => {
       requestAnimationFrame(a);
     });
     let v = 0;
-    const P = () => {
+    const L = () => {
       const e = w.current;
       e && (e.style.width = "", delete e.dataset.widthLocked), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
         v = requestAnimationFrame(a);
       });
     };
-    window.addEventListener("resize", P);
+    window.addEventListener("resize", L);
     const b = w.current;
     return () => {
-      cancelAnimationFrame(U), cancelAnimationFrame(v), window.removeEventListener("resize", P), b && (b.style.width = "", delete b.dataset.widthLocked);
+      cancelAnimationFrame(ee), cancelAnimationFrame(v), window.removeEventListener("resize", L), b && (b.style.width = "", delete b.dataset.widthLocked);
     };
-  }, [T]);
-  const g = C && S === "side" && J;
-  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
-    te,
+  }, [q]);
+  const g = C && S === "side" && U;
+  return /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t(
+    oe,
     {
       align: "start",
-      className: B(
+      className: j(
         i.content,
         !g && i.contentNarrow,
-        V
+        Q
       ),
       collisionPadding: 8,
       flush: !0,
-      ref: X,
+      ref: _,
       side: "bottom",
       sideOffset: 4,
       sticky: "always",
@@ -167,7 +169,7 @@ const se = ie({
             /* @__PURE__ */ k(
               "div",
               {
-                className: B(
+                className: j(
                   i.body,
                   g ? i.bodySide : i.bodyBottom
                 ),
@@ -181,37 +183,37 @@ const se = ie({
                       "data-slot": "datetimepicker-date-section",
                       [r]: "datetimepicker-date-section",
                       children: /* @__PURE__ */ t(
-                        Y,
+                        I,
                         {
                           currentTimeInTimezone: u,
                           disablePast: h,
-                          locale: O,
+                          locale: H,
                           nextMonthLabel: A,
                           onChange: y,
                           previousMonthLabel: z,
-                          showTodayButton: D,
-                          showWeekNumbers: F,
-                          todayLabel: N,
+                          showTodayButton: F,
+                          showWeekNumbers: O,
+                          todayLabel: T,
                           value: p
                         }
                       )
                     }
                   ) : /* @__PURE__ */ t(
-                    Y,
+                    I,
                     {
                       currentTimeInTimezone: u,
                       disablePast: h,
-                      locale: O,
+                      locale: H,
                       nextMonthLabel: A,
                       onChange: y,
                       previousMonthLabel: z,
-                      showTodayButton: D,
-                      showWeekNumbers: F,
-                      todayLabel: N,
+                      showTodayButton: F,
+                      showWeekNumbers: O,
+                      todayLabel: T,
                       value: p
                     }
                   ),
-                  C && /* @__PURE__ */ t($, { children: g ? /* @__PURE__ */ k($, { children: [
+                  C && /* @__PURE__ */ t(W, { children: g ? /* @__PURE__ */ k(W, { children: [
                     /* @__PURE__ */ t(
                       "div",
                       {
@@ -227,12 +229,14 @@ const se = ie({
                         "data-slot": "datetimepicker-time-section",
                         [r]: "datetimepicker-time-section",
                         children: /* @__PURE__ */ t(
-                          G,
+                          M,
                           {
                             currentTimeInTimezone: u,
                             disablePast: h,
                             fillHeight: !0,
-                            minuteStep: L,
+                            hoursLabel: D,
+                            minuteStep: P,
+                            minutesLabel: N,
                             onChange: y,
                             value: p
                           }
@@ -240,11 +244,13 @@ const se = ie({
                       }
                     )
                   ] }) : /* @__PURE__ */ t(
-                    G,
+                    M,
                     {
                       currentTimeInTimezone: u,
                       disablePast: h,
-                      minuteStep: L,
+                      hoursLabel: D,
+                      minuteStep: P,
+                      minutesLabel: N,
                       onChange: y,
                       value: p
                     }
@@ -259,8 +265,8 @@ const se = ie({
                 "data-slot": "datetimepicker-footer",
                 [r]: "datetimepicker-footer",
                 children: [
-                  /* @__PURE__ */ t(W, { onClick: _, size: "sm", variant: "secondary", children: M }),
-                  /* @__PURE__ */ t(W, { onClick: Q, size: "sm", variant: "primary", children: I })
+                  /* @__PURE__ */ t(Y, { onClick: K, size: "sm", variant: "secondary", children: X }),
+                  /* @__PURE__ */ t(Y, { onClick: J, size: "sm", variant: "primary", children: V })
                 ]
               }
             )
@@ -271,6 +277,6 @@ const se = ie({
   ) });
 });
 export {
-  xe as DateTimePickerPanel
+  Ce as DateTimePickerPanel
 };
 //# sourceMappingURL=date-time-picker-panel.js.map