@commercetools/nimbus 0.0.11 → 0.0.13-rc1

package/dist/chunks/date-input-BFHLRnBr.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./index-XyB4gGC8.cjs.js"),l=require("./create-slot-recipe-context-CHGQvGou.cjs.js"),t=require("./DateField-D-KvZd-Q.cjs.js"),x=require("./extractStyleProps-wjyId_vK.cjs.js"),S=require("./use-recipe-BZ_iqCkN.cjs.js"),{withProvider:h,withContext:c}=l.createSlotRecipeContext({recipe:r.dateInputSlotRecipe}),$=h("div","root"),f=c("div","segmentGroup"),I=c("div","segment"),o=n=>{const s=S.useRecipe({recipe:r.dateInputSlotRecipe}),[i,p]=s.splitVariantProps(n),[u,a]=x.extractStyleProps(p);return e.jsx($,{...i,...u,asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$d9781c7894a82487,{...a,children:e.jsx(f,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:d=>e.jsx(I,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:d})})})})})})};o.displayName="DateInput";exports.DateInput=o;
+//# sourceMappingURL=date-input-BFHLRnBr.cjs.js.map

package/dist/chunks/date-input-BFHLRnBr.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input-BFHLRnBr.cjs.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n  extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateInputSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateInputRootSlot = withProvider<\n  HTMLDivElement,\n  DateInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n} from \"./date-input.slots\";\n\nimport {\n  DateField,\n  DateInput as DateInputField,\n  DateSegment,\n} from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\nimport type { DateInputProps } from \"./date-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * # DateInput\n *\n * allows entering a date\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n */\nexport const DateInput = (props: DateInputProps) => {\n  const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <DateInputSegmentGroupSlot asChild>\n          <DateInputField>\n            {(segment) => (\n              <DateInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </DateInputSegmentSlot>\n            )}\n          </DateInputField>\n        </DateInputSegmentGroupSlot>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateInputSlotRecipe","DateInputRootSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","DateInputField","segment","DateSegment"],"mappings":"qRAyBM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQC,EAAAA,mBACV,CAAC,EAMYC,EAAoBJ,EAG/B,MAAO,MAAM,EAKFK,EAA4BJ,EAGvC,MAAO,cAAc,EAKVK,EAAuBL,EAGlC,MAAO,SAAS,EC7BLM,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQP,EAAAA,oBAAqB,EAClD,CAACQ,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAK,EAC/D,CAACK,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAACZ,EAAA,CAAmB,GAAGO,EAAc,GAAGE,EAAY,QAAO,GACzD,SAAAG,EAAAA,IAACC,4CAAA,CAAW,GAAGH,EACb,eAACT,EAAA,CAA0B,QAAO,GAChC,SAAAW,EAAAA,IAACE,EAAAA,0CAAA,CACE,SAACC,GACAH,EAAAA,IAACV,GAAqB,QAAO,GAC3B,SAAAU,MAACI,EAAAA,0CAAA,CAAY,QAAAD,CAAA,CAAkB,CAAA,CACjC,EAEJ,CAAA,CACF,EACF,EACF,CAEJ,EAEAZ,EAAU,YAAc"}

package/dist/chunks/date-input-DADLkfIT.es.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as t } from "./index-CPFuzoME.es.js";
+import { c as d } from "./create-slot-recipe-context-DgamNbR-.es.js";
+import { $ as l, a as m, b as u } from "./DateField-m1BUGo8i.es.js";
+import { e as f } from "./extractStyleProps-BBWaCIdJ.es.js";
+import { u as h } from "./use-recipe-CR4W7Dne.es.js";
+const { withProvider: $, withContext: r } = /* @__PURE__ */ d({
+  recipe: t
+}), x = /* @__PURE__ */ $("div", "root"), S = /* @__PURE__ */ r("div", "segmentGroup"), b = /* @__PURE__ */ r("div", "segment"), P = (o) => {
+  const p = h({ recipe: t }), [c, i] = p.splitVariantProps(o), [s, n] = f(i);
+  return /* @__PURE__ */ e(x, { ...c, ...s, asChild: !0, children: /* @__PURE__ */ e(l, { ...n, children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(m, { children: (a) => /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(u, { segment: a }) }) }) }) }) });
+};
+P.displayName = "DateInput";
+export {
+  P as D
+};
+//# sourceMappingURL=date-input-DADLkfIT.es.js.map

package/dist/chunks/date-input-DADLkfIT.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input-DADLkfIT.es.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n  extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateInputSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateInputRootSlot = withProvider<\n  HTMLDivElement,\n  DateInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n} from \"./date-input.slots\";\n\nimport {\n  DateField,\n  DateInput as DateInputField,\n  DateSegment,\n} from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\nimport type { DateInputProps } from \"./date-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * # DateInput\n *\n * allows entering a date\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n */\nexport const DateInput = (props: DateInputProps) => {\n  const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <DateInputSegmentGroupSlot asChild>\n          <DateInputField>\n            {(segment) => (\n              <DateInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </DateInputSegmentSlot>\n            )}\n          </DateInputField>\n        </DateInputSegmentGroupSlot>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateInputSlotRecipe","DateInputRootSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","DateInputField","segment","DateSegment"],"mappings":";;;;;;AAyBA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQC;AACV,CAAC,GAMYC,IAAoB,gBAAAJ,EAG/B,OAAO,MAAM,GAKFK,IAA4B,gBAAAJ,EAGvC,OAAO,cAAc,GAKVK,IAAuB,gBAAAL,EAGlC,OAAO,SAAS,GC7BLM,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQP,GAAqB,GAClD,CAACQ,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAK,GAC/D,CAACK,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAACZ,GAAA,EAAmB,GAAGO,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,4BAACT,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAW,EAACE,GAAA,EACE,UAAA,CAACC,MACA,gBAAAH,EAACV,KAAqB,SAAO,IAC3B,UAAA,gBAAAU,EAACI,GAAA,EAAY,SAAAD,EAAA,CAAkB,EAAA,CACjC,GAEJ,EAAA,CACF,GACF,GACF;AAEJ;AAEAZ,EAAU,cAAc;"}

package/dist/chunks/date-picker-CgCR5Rwk.es.js

@@ -0,0 +1,236 @@
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { g as S } from "./index-CPFuzoME.es.js";
+import { c as F, u as H } from "./create-slot-recipe-context-DgamNbR-.es.js";
+import { Close as N, CalendarMonth as R } from "@commercetools/nimbus-icons";
+import { b as k, c as V } from "./DatePicker-DtefBSoN.es.js";
+import { $ as z, a as w } from "./Dialog-DNPIKkGE.es.js";
+import { $ as _ } from "./Group-kT8-3NGT.es.js";
+import { e as A } from "./extractStyleProps-BBWaCIdJ.es.js";
+import { I as $ } from "./icon-button-C2GGAKhI.es.js";
+import { D as j } from "./date-input-DADLkfIT.es.js";
+import { C as q } from "./calendar-jrs4VkfV.es.js";
+import { T as O } from "./text-QANNJ4E4.es.js";
+import { T as B } from "./time-input-DXMs43_R.es.js";
+import * as h from "react";
+import { useContext as C, useRef as M, useEffect as G } from "react";
+import { u as D, _ as P, s as x, d as L } from "./index-DsGIn0AT.es.js";
+import { $ as W } from "./context-Pt-0ojuK.es.js";
+import { F as Z } from "./flex-9fkV4bsm.es.js";
+import { $ as y } from "./Button-C-yUWwZg.es.js";
+import { c as J, d as K } from "./utils-BkdW_cdL.es.js";
+import { d as Q } from "./DateField-m1BUGo8i.es.js";
+function U(e, r) {
+  var o = e.values, i = P(e, ["values"]), n = r.values, a = P(r, ["values"]);
+  return x(n, o) && x(i, a);
+}
+function I(e) {
+  var r = D(), o = r.formatMessage, i = r.textComponent, n = i === void 0 ? h.Fragment : i, a = e.id, m = e.description, s = e.defaultMessage, c = e.values, l = e.children, d = e.tagName, f = d === void 0 ? n : d, u = e.ignoreTag, v = { id: a, description: m, defaultMessage: s }, g = o(v, c, {
+    ignoreTag: u
+  });
+  return typeof l == "function" ? l(Array.isArray(g) ? g : [g]) : f ? h.createElement(f, null, g) : h.createElement(h.Fragment, null, g);
+}
+I.displayName = "FormattedMessage";
+var E = /* @__PURE__ */ h.memo(I, U);
+E.displayName = "MemoizedFormattedMessage";
+const { withProvider: X, withContext: T } = /* @__PURE__ */ F({
+  recipe: S
+}), Y = /* @__PURE__ */ X("div", "root"), ee = /* @__PURE__ */ T("div", "group"), te = /* @__PURE__ */ T("div", "trigger"), re = /* @__PURE__ */ T("div", "popover"), ae = /* @__PURE__ */ T("div", "calendar"), p = /* @__PURE__ */ L({
+  clearInput: {
+    id: "Nimbus.datePicker.clearInput",
+    description: "aria-label for clear input button in date picker",
+    defaultMessage: "Clear input value"
+  },
+  enterTime: {
+    id: "Nimbus.datePicker.time.enterTime",
+    description: "aria-label for time input field in date picker",
+    defaultMessage: "Enter time"
+  },
+  enterTimeHour: {
+    id: "Nimbus.datePicker.time.enterTimeHour",
+    description: "aria-label for hour-only time input in date picker",
+    defaultMessage: "Enter time (hour)"
+  },
+  enterTimeHourMinute: {
+    id: "Nimbus.datePicker.time.enterTimeHourMinute",
+    description: "aria-label for hour and minute time input in date picker",
+    defaultMessage: "Enter time (hour and minute)"
+  },
+  enterTimeHourMinuteSecond: {
+    id: "Nimbus.datePicker.time.enterTimeHourMinuteSecond",
+    description: "aria-label for full time input with seconds in date picker",
+    defaultMessage: "Enter time (hour, minute, and second)"
+  },
+  startTime: {
+    id: "Nimbus.datePicker.time.startTime",
+    description: "Label for start time in date picker",
+    defaultMessage: "Start time"
+  }
+}), ie = ({
+  hideTimeZone: e,
+  hourCycle: r
+}) => {
+  const { locale: o } = W(), i = C(k), { granularity: n, dateValue: a } = i, m = M(null), s = M(a);
+  return n === "day" ? null : (G(() => {
+    let c;
+    if (a && s.current?.compare(a) !== 0) {
+      const l = m.current, d = document.activeElement;
+      l?.contains(d) && d?.getAttribute("role") === "spinbutton" || (c = setTimeout(() => {
+        l && l.querySelector(
+          '[role="spinbutton"]'
+        )?.focus();
+      }, 50));
+    }
+    return s.current = a, () => {
+      c && clearTimeout(c);
+    };
+  }, [a]), /* @__PURE__ */ b(
+    Z,
+    {
+      ref: m,
+      borderTop: "solid-25",
+      borderColor: "neutral.3",
+      py: "300",
+      px: "400",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "200",
+      children: [
+        /* @__PURE__ */ t(O, { textStyle: "xs", fontWeight: "500", color: "neutral.12", children: /* @__PURE__ */ t(E, { ...p.startTime }) }),
+        /* @__PURE__ */ t(
+          B,
+          {
+            slot: "timeInput",
+            locale: o,
+            variant: "ghost",
+            size: "sm",
+            hideTimeZone: e,
+            hourCycle: r
+          }
+        )
+      ]
+    }
+  ));
+}, oe = ({
+  children: e
+}) => {
+  const r = D(), o = J(y) || {}, i = C(k), n = i?.dateValue === null, { timeValue: a, setTimeValue: m, granularity: s } = i, c = o?.isDisabled, l = () => {
+    switch (s) {
+      case "hour":
+        return r.formatMessage(p.enterTimeHour);
+      case "minute":
+        return r.formatMessage(p.enterTimeHourMinute);
+      case "second":
+        return r.formatMessage(p.enterTimeHourMinuteSecond);
+      default:
+        return r.formatMessage(p.enterTime);
+    }
+  }, d = {
+    /** toggles the calendar popover */
+    calendarToggle: {
+      ...o,
+      onPress: (u) => {
+        const v = document?.activeElement;
+        v && v.blur(), o.onPress?.(u);
+      }
+    },
+    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */
+    clear: {
+      onPress: () => i?.setValue(null),
+      "aria-label": r.formatMessage(p.clearInput),
+      isDisabled: c,
+      // Hide the button when there's no value
+      style: n ? { display: "none" } : void 0,
+      "aria-hidden": n ? !0 : void 0
+    }
+  }, f = {
+    timeInput: {
+      value: a,
+      onChange: (u) => {
+        u !== null && m(u);
+      },
+      granularity: s === "day" ? void 0 : s,
+      "aria-label": l()
+    }
+  };
+  return /* @__PURE__ */ t(
+    K,
+    {
+      values: [
+        [
+          y,
+          {
+            slots: d
+          }
+        ],
+        [Q, { slots: f }]
+      ],
+      children: e
+    }
+  );
+}, ne = (e) => {
+  const {
+    size: r = "md",
+    variant: o,
+    granularity: i = "day",
+    hideTimeZone: n,
+    hourCycle: a
+  } = e, m = H({ recipe: S }), [s, c] = m.splitVariantProps(e), [l, d] = A(c), f = r === "md" ? "xs" : "2xs", u = i === "day" ? e.shouldCloseOnSelect : !1;
+  return /* @__PURE__ */ t(Y, { ...s, ...l, asChild: !0, children: /* @__PURE__ */ t(
+    V,
+    {
+      ...d,
+      shouldCloseOnSelect: u,
+      children: /* @__PURE__ */ b(oe, { children: [
+        /* @__PURE__ */ t(ee, { asChild: !0, children: /* @__PURE__ */ b(_, { children: [
+          /* @__PURE__ */ t(
+            j,
+            {
+              size: r,
+              variant: o,
+              width: "full",
+              hideTimeZone: n,
+              hourCycle: a
+            }
+          ),
+          /* @__PURE__ */ b(te, { children: [
+            /* @__PURE__ */ t(
+              $,
+              {
+                tone: "primary",
+                variant: "ghost",
+                size: f,
+                slot: "clear",
+                children: /* @__PURE__ */ t(N, {})
+              }
+            ),
+            /* @__PURE__ */ t(
+              $,
+              {
+                tone: "primary",
+                variant: "ghost",
+                size: f,
+                slot: "calendarToggle",
+                children: /* @__PURE__ */ t(R, {})
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(z, { placement: "bottom end", children: /* @__PURE__ */ b(w, { children: [
+          /* @__PURE__ */ t(ae, { children: /* @__PURE__ */ t(q, {}) }),
+          /* @__PURE__ */ t(
+            ie,
+            {
+              hideTimeZone: n,
+              hourCycle: a
+            }
+          )
+        ] }) }) })
+      ] })
+    }
+  ) });
+};
+ne.displayName = "DatePicker";
+export {
+  ne as D
+};
+//# sourceMappingURL=date-picker-CgCR5Rwk.es.js.map

package/dist/chunks/date-picker-CgCR5Rwk.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-CgCR5Rwk.es.js","sources":["../../../../node_modules/.pnpm/react-intl@7.1.11_react@19.1.0_typescript@5.8.3/node_modules/react-intl/lib/src/components/message.js","../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/messages.ts","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["/*\n * Copyright 2015, Yahoo Inc.\n * Copyrights licensed under the New BSD License.\n * See the accompanying LICENSE file for terms.\n */\nimport { __rest } from \"tslib\";\nimport * as React from 'react';\nimport { shallowEqual } from '../utils';\nimport useIntl from './useIntl';\nfunction areEqual(prevProps, nextProps) {\n    var values = prevProps.values, otherProps = __rest(prevProps, [\"values\"]);\n    var nextValues = nextProps.values, nextOtherProps = __rest(nextProps, [\"values\"]);\n    return (shallowEqual(nextValues, values) &&\n        shallowEqual(otherProps, nextOtherProps));\n}\nfunction FormattedMessage(props) {\n    var intl = useIntl();\n    var formatMessage = intl.formatMessage, _a = intl.textComponent, Text = _a === void 0 ? React.Fragment : _a;\n    var id = props.id, description = props.description, defaultMessage = props.defaultMessage, values = props.values, children = props.children, _b = props.tagName, Component = _b === void 0 ? Text : _b, ignoreTag = props.ignoreTag;\n    var descriptor = { id: id, description: description, defaultMessage: defaultMessage };\n    var nodes = formatMessage(descriptor, values, {\n        ignoreTag: ignoreTag,\n    });\n    if (typeof children === 'function') {\n        return children(Array.isArray(nodes) ? nodes : [nodes]);\n    }\n    if (Component) {\n        return React.createElement(Component, null, nodes);\n    }\n    return React.createElement(React.Fragment, null, nodes);\n}\nFormattedMessage.displayName = 'FormattedMessage';\nvar MemoizedFormattedMessage = React.memo(FormattedMessage, areEqual);\nMemoizedFormattedMessage.displayName = 'MemoizedFormattedMessage';\nexport default MemoizedFormattedMessage;\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DatePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DatePickerRootProps\n  extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: datePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DatePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DatePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DatePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DatePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DatePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DatePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DatePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DatePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n  clearInput: {\n    id: \"Nimbus.datePicker.clearInput\",\n    description: \"aria-label for clear input button in date picker\",\n    defaultMessage: \"Clear input value\",\n  },\n  enterTime: {\n    id: \"Nimbus.datePicker.time.enterTime\",\n    description: \"aria-label for time input field in date picker\",\n    defaultMessage: \"Enter time\",\n  },\n  enterTimeHour: {\n    id: \"Nimbus.datePicker.time.enterTimeHour\",\n    description: \"aria-label for hour-only time input in date picker\",\n    defaultMessage: \"Enter time (hour)\",\n  },\n  enterTimeHourMinute: {\n    id: \"Nimbus.datePicker.time.enterTimeHourMinute\",\n    description: \"aria-label for hour and minute time input in date picker\",\n    defaultMessage: \"Enter time (hour and minute)\",\n  },\n  enterTimeHourMinuteSecond: {\n    id: \"Nimbus.datePicker.time.enterTimeHourMinuteSecond\",\n    description: \"aria-label for full time input with seconds in date picker\",\n    defaultMessage: \"Enter time (hour, minute, and second)\",\n  },\n  startTime: {\n    id: \"Nimbus.datePicker.time.startTime\",\n    description: \"Label for start time in date picker\",\n    defaultMessage: \"Start time\",\n  },\n});\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { FormattedMessage } from \"react-intl\";\nimport messages from \"../messages\";\n\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date changes (user selects a date from calendar)\n  useEffect(() => {\n    // Check if date changed\n    let timeoutId: NodeJS.Timeout | undefined;\n\n    if (dateValue && previousDateRef.current?.compare(dateValue) !== 0) {\n      // Only auto-focus if no time input segment currently has focus\n      // This prevents stealing focus during user interaction with time segments\n      const container = timeInputRef.current;\n      const activeElement = document.activeElement;\n      const hasTimeSegmentFocus =\n        container?.contains(activeElement) &&\n        activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n      if (!hasTimeSegmentFocus) {\n        // Small delay to ensure the DOM is ready\n        timeoutId = setTimeout(() => {\n          // Find the first focusable segment within the time input container\n          if (container) {\n            const firstSegment = container.querySelector(\n              '[role=\"spinbutton\"]'\n            ) as HTMLElement;\n            firstSegment?.focus();\n          }\n        }, 50);\n      }\n    }\n\n    previousDateRef.current = dateValue;\n\n    // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [dateValue]);\n\n  return (\n    <Flex\n      ref={timeInputRef}\n      borderTop=\"solid-25\"\n      borderColor=\"neutral.3\"\n      py=\"300\"\n      px=\"400\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"200\"\n    >\n      <Text textStyle=\"xs\" fontWeight=\"500\" color=\"neutral.12\">\n        <FormattedMessage {...messages.startTime} />\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        locale={locale}\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DatePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useIntl } from \"react-intl\";\nimport messages from \"../messages\";\n\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const datePickerState = useContext(DatePickerStateContext);\n  const noInputValue = datePickerState?.dateValue === null;\n\n  const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n  // Try to get disabled state from the button context\n  const isDatePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = () => {\n    switch (granularity) {\n      case \"hour\":\n        return intl.formatMessage(messages.enterTimeHour);\n      case \"minute\":\n        return intl.formatMessage(messages.enterTimeHourMinute);\n      case \"second\":\n        return intl.formatMessage(messages.enterTimeHourMinuteSecond);\n      default:\n        return intl.formatMessage(messages.enterTime);\n    }\n  };\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    /** toggles the calendar popover */\n    calendarToggle: {\n      ...buttonContext,\n      onPress: (event: PressEvent) => {\n        // Ensure any active input (e.g., date picker segment) loses focus\n        // because blurring the input will close the popover if it's open (or was just opened)\n        const activeElement = document?.activeElement as HTMLElement | null;\n\n        if (activeElement) {\n          activeElement.blur();\n        }\n\n        buttonContext.onPress?.(event);\n      },\n    },\n    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n    clear: {\n      onPress: () => datePickerState?.setValue(null),\n      \"aria-label\": intl.formatMessage(messages.clearInput),\n      isDisabled: isDatePickerDisabled,\n      // Hide the button when there's no value\n      style: noInputValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": noInputValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  const timeInputSlots = {\n    timeInput: {\n      value: timeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null) {\n          setTimeValue(value);\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DatePickerRootSlot,\n  DatePickerGroupSlot,\n  DatePickerTriggerSlot,\n  DatePickerPopoverSlot,\n  DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DatePicker as ReactAriaDatePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/**\n * # DatePicker\n *\n * a UI component for users to enter or select a specific calendar date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\n */\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    size = \"md\",\n    variant,\n    granularity = \"day\",\n    hideTimeZone,\n    hourCycle,\n  } = props;\n  const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDatePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DatePickerCustomContext>\n          <DatePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                size={size}\n                variant={variant}\n                width=\"full\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DatePickerTriggerSlot>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                >\n                  <Close />\n                </IconButton>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DatePickerTriggerSlot>\n            </Group>\n          </DatePickerGroupSlot>\n          <DatePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DatePickerCalendarSlot>\n                  <Calendar />\n                </DatePickerCalendarSlot>\n                <DatePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DatePickerPopoverSlot>\n        </DatePickerCustomContext>\n      </ReactAriaDatePicker>\n    </DatePickerRootSlot>\n  );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["areEqual","prevProps","nextProps","values","otherProps","__rest","nextValues","nextOtherProps","shallowEqual","FormattedMessage","props","intl","useIntl","formatMessage","_a","Text","React","id","description","defaultMessage","children","_b","Component","ignoreTag","descriptor","nodes","MemoizedFormattedMessage","withProvider","withContext","createSlotRecipeContext","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerTriggerSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","messages","defineMessages","DatePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","activeElement","jsxs","Flex","jsx","TimeInput","DatePickerCustomContext","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","size","variant","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/date-picker-CsspyMz9.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),j=require("./index-XyB4gGC8.cjs.js"),C=require("./create-slot-recipe-context-CHGQvGou.cjs.js"),T=require("@commercetools/nimbus-icons"),P=require("./DatePicker-BQ6EfAU2.cjs.js"),y=require("./Dialog-B4OIDU7t.cjs.js"),E=require("./Group-KVM7Xnxu.cjs.js"),R=require("./extractStyleProps-wjyId_vK.cjs.js"),M=require("./icon-button-KMr_sm5y.cjs.js"),N=require("./date-input-BFHLRnBr.cjs.js"),F=require("./calendar-CYqib6Tm.cjs.js"),H=require("./text-DNjTZCtR.cjs.js"),_=require("./time-input-BWkx15sb.cjs.js"),g=require("react"),p=require("./index-CcqI-ipN.cjs.js"),w=require("./context-D0_cRaDZ.cjs.js"),z=require("./flex-CDVfeTs4.cjs.js"),S=require("./Button-DQ_WkLNH.cjs.js"),k=require("./utils-BHdR5Nww.cjs.js"),O=require("./DateField-D-KvZd-Q.cjs.js");function V(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const h=V(g);function B(e,r){var n=e.values,i=p.__rest(e,["values"]),s=r.values,a=p.__rest(r,["values"]);return p.shallowEqual(s,n)&&p.shallowEqual(i,a)}function q(e){var r=p.useIntl(),n=r.formatMessage,i=r.textComponent,s=i===void 0?h.Fragment:i,a=e.id,m=e.description,o=e.defaultMessage,l=e.values,c=e.children,u=e.tagName,f=u===void 0?s:u,d=e.ignoreTag,v={id:a,description:m,defaultMessage:o},x=n(v,l,{ignoreTag:d});return typeof c=="function"?c(Array.isArray(x)?x:[x]):f?h.createElement(f,null,x):h.createElement(h.Fragment,null,x)}q.displayName="FormattedMessage";var D=h.memo(q,B);D.displayName="MemoizedFormattedMessage";const{withProvider:A,withContext:$}=C.createSlotRecipeContext({recipe:j.datePickerSlotRecipe}),G=A("div","root"),L=$("div","group"),W=$("div","trigger"),Z=$("div","popover"),J=$("div","calendar"),b=p.defineMessages({clearInput:{id:"Nimbus.datePicker.clearInput",description:"aria-label for clear input button in date picker",defaultMessage:"Clear input value"},enterTime:{id:"Nimbus.datePicker.time.enterTime",description:"aria-label for time input field in date picker",defaultMessage:"Enter time"},enterTimeHour:{id:"Nimbus.datePicker.time.enterTimeHour",description:"aria-label for hour-only time input in date picker",defaultMessage:"Enter time (hour)"},enterTimeHourMinute:{id:"Nimbus.datePicker.time.enterTimeHourMinute",description:"aria-label for hour and minute time input in date picker",defaultMessage:"Enter time (hour and minute)"},enterTimeHourMinuteSecond:{id:"Nimbus.datePicker.time.enterTimeHourMinuteSecond",description:"aria-label for full time input with seconds in date picker",defaultMessage:"Enter time (hour, minute, and second)"},startTime:{id:"Nimbus.datePicker.time.startTime",description:"Label for start time in date picker",defaultMessage:"Start time"}}),K=({hideTimeZone:e,hourCycle:r})=>{const{locale:n}=w.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),i=g.useContext(P.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),{granularity:s,dateValue:a}=i,m=g.useRef(null),o=g.useRef(a);return s==="day"?null:(g.useEffect(()=>{let l;if(a&&o.current?.compare(a)!==0){const c=m.current,u=document.activeElement;c?.contains(u)&&u?.getAttribute("role")==="spinbutton"||(l=setTimeout(()=>{c&&c.querySelector('[role="spinbutton"]')?.focus()},50))}return o.current=a,()=>{l&&clearTimeout(l)}},[a]),t.jsxs(z.Flex,{ref:m,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[t.jsx(H.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",children:t.jsx(D,{...b.startTime})}),t.jsx(_.TimeInput,{slot:"timeInput",locale:n,variant:"ghost",size:"sm",hideTimeZone:e,hourCycle:r})]}))},Q=({children:e})=>{const r=p.useIntl(),n=k.$64fa3d84918910a7$export$fabf2dc03a41866e(S.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},i=g.useContext(P.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),s=i?.dateValue===null,{timeValue:a,setTimeValue:m,granularity:o}=i,l=n?.isDisabled,c=()=>{switch(o){case"hour":return r.formatMessage(b.enterTimeHour);case"minute":return r.formatMessage(b.enterTimeHourMinute);case"second":return r.formatMessage(b.enterTimeHourMinuteSecond);default:return r.formatMessage(b.enterTime)}},u={calendarToggle:{...n,onPress:d=>{const v=document?.activeElement;v&&v.blur(),n.onPress?.(d)}},clear:{onPress:()=>i?.setValue(null),"aria-label":r.formatMessage(b.clearInput),isDisabled:l,style:s?{display:"none"}:void 0,"aria-hidden":s?!0:void 0}},f={timeInput:{value:a,onChange:d=>{d!==null&&m(d)},granularity:o==="day"?void 0:o,"aria-label":c()}};return t.jsx(k.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[S.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:u}],[O.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:f}]],children:e})},I=e=>{const{size:r="md",variant:n,granularity:i="day",hideTimeZone:s,hourCycle:a}=e,m=C.useSlotRecipe({recipe:j.datePickerSlotRecipe}),[o,l]=m.splitVariantProps(e),[c,u]=R.extractStyleProps(l),f=r==="md"?"xs":"2xs",d=i==="day"?e.shouldCloseOnSelect:!1;return t.jsx(G,{...o,...c,asChild:!0,children:t.jsx(P.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00,{...u,shouldCloseOnSelect:d,children:t.jsxs(Q,{children:[t.jsx(L,{asChild:!0,children:t.jsxs(E.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:[t.jsx(N.DateInput,{size:r,variant:n,width:"full",hideTimeZone:s,hourCycle:a}),t.jsxs(W,{children:[t.jsx(M.IconButton,{tone:"primary",variant:"ghost",size:f,slot:"clear",children:t.jsx(T.Close,{})}),t.jsx(M.IconButton,{tone:"primary",variant:"ghost",size:f,slot:"calendarToggle",children:t.jsx(T.CalendarMonth,{})})]})]})}),t.jsx(Z,{asChild:!0,children:t.jsx(y.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:t.jsxs(y.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[t.jsx(J,{children:t.jsx(F.Calendar,{})}),t.jsx(K,{hideTimeZone:s,hourCycle:a})]})})})]})})})};I.displayName="DatePicker";exports.DatePicker=I;
+//# sourceMappingURL=date-picker-CsspyMz9.cjs.js.map

package/dist/chunks/date-picker-CsspyMz9.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-CsspyMz9.cjs.js","sources":["../../../../node_modules/.pnpm/react-intl@7.1.11_react@19.1.0_typescript@5.8.3/node_modules/react-intl/lib/src/components/message.js","../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/messages.ts","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["/*\n * Copyright 2015, Yahoo Inc.\n * Copyrights licensed under the New BSD License.\n * See the accompanying LICENSE file for terms.\n */\nimport { __rest } from \"tslib\";\nimport * as React from 'react';\nimport { shallowEqual } from '../utils';\nimport useIntl from './useIntl';\nfunction areEqual(prevProps, nextProps) {\n    var values = prevProps.values, otherProps = __rest(prevProps, [\"values\"]);\n    var nextValues = nextProps.values, nextOtherProps = __rest(nextProps, [\"values\"]);\n    return (shallowEqual(nextValues, values) &&\n        shallowEqual(otherProps, nextOtherProps));\n}\nfunction FormattedMessage(props) {\n    var intl = useIntl();\n    var formatMessage = intl.formatMessage, _a = intl.textComponent, Text = _a === void 0 ? React.Fragment : _a;\n    var id = props.id, description = props.description, defaultMessage = props.defaultMessage, values = props.values, children = props.children, _b = props.tagName, Component = _b === void 0 ? Text : _b, ignoreTag = props.ignoreTag;\n    var descriptor = { id: id, description: description, defaultMessage: defaultMessage };\n    var nodes = formatMessage(descriptor, values, {\n        ignoreTag: ignoreTag,\n    });\n    if (typeof children === 'function') {\n        return children(Array.isArray(nodes) ? nodes : [nodes]);\n    }\n    if (Component) {\n        return React.createElement(Component, null, nodes);\n    }\n    return React.createElement(React.Fragment, null, nodes);\n}\nFormattedMessage.displayName = 'FormattedMessage';\nvar MemoizedFormattedMessage = React.memo(FormattedMessage, areEqual);\nMemoizedFormattedMessage.displayName = 'MemoizedFormattedMessage';\nexport default MemoizedFormattedMessage;\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DatePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DatePickerRootProps\n  extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: datePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DatePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DatePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DatePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DatePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DatePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DatePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DatePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DatePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n  clearInput: {\n    id: \"Nimbus.datePicker.clearInput\",\n    description: \"aria-label for clear input button in date picker\",\n    defaultMessage: \"Clear input value\",\n  },\n  enterTime: {\n    id: \"Nimbus.datePicker.time.enterTime\",\n    description: \"aria-label for time input field in date picker\",\n    defaultMessage: \"Enter time\",\n  },\n  enterTimeHour: {\n    id: \"Nimbus.datePicker.time.enterTimeHour\",\n    description: \"aria-label for hour-only time input in date picker\",\n    defaultMessage: \"Enter time (hour)\",\n  },\n  enterTimeHourMinute: {\n    id: \"Nimbus.datePicker.time.enterTimeHourMinute\",\n    description: \"aria-label for hour and minute time input in date picker\",\n    defaultMessage: \"Enter time (hour and minute)\",\n  },\n  enterTimeHourMinuteSecond: {\n    id: \"Nimbus.datePicker.time.enterTimeHourMinuteSecond\",\n    description: \"aria-label for full time input with seconds in date picker\",\n    defaultMessage: \"Enter time (hour, minute, and second)\",\n  },\n  startTime: {\n    id: \"Nimbus.datePicker.time.startTime\",\n    description: \"Label for start time in date picker\",\n    defaultMessage: \"Start time\",\n  },\n});\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { FormattedMessage } from \"react-intl\";\nimport messages from \"../messages\";\n\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date changes (user selects a date from calendar)\n  useEffect(() => {\n    // Check if date changed\n    let timeoutId: NodeJS.Timeout | undefined;\n\n    if (dateValue && previousDateRef.current?.compare(dateValue) !== 0) {\n      // Only auto-focus if no time input segment currently has focus\n      // This prevents stealing focus during user interaction with time segments\n      const container = timeInputRef.current;\n      const activeElement = document.activeElement;\n      const hasTimeSegmentFocus =\n        container?.contains(activeElement) &&\n        activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n      if (!hasTimeSegmentFocus) {\n        // Small delay to ensure the DOM is ready\n        timeoutId = setTimeout(() => {\n          // Find the first focusable segment within the time input container\n          if (container) {\n            const firstSegment = container.querySelector(\n              '[role=\"spinbutton\"]'\n            ) as HTMLElement;\n            firstSegment?.focus();\n          }\n        }, 50);\n      }\n    }\n\n    previousDateRef.current = dateValue;\n\n    // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [dateValue]);\n\n  return (\n    <Flex\n      ref={timeInputRef}\n      borderTop=\"solid-25\"\n      borderColor=\"neutral.3\"\n      py=\"300\"\n      px=\"400\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"200\"\n    >\n      <Text textStyle=\"xs\" fontWeight=\"500\" color=\"neutral.12\">\n        <FormattedMessage {...messages.startTime} />\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        locale={locale}\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DatePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useIntl } from \"react-intl\";\nimport messages from \"../messages\";\n\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const datePickerState = useContext(DatePickerStateContext);\n  const noInputValue = datePickerState?.dateValue === null;\n\n  const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n  // Try to get disabled state from the button context\n  const isDatePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = () => {\n    switch (granularity) {\n      case \"hour\":\n        return intl.formatMessage(messages.enterTimeHour);\n      case \"minute\":\n        return intl.formatMessage(messages.enterTimeHourMinute);\n      case \"second\":\n        return intl.formatMessage(messages.enterTimeHourMinuteSecond);\n      default:\n        return intl.formatMessage(messages.enterTime);\n    }\n  };\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    /** toggles the calendar popover */\n    calendarToggle: {\n      ...buttonContext,\n      onPress: (event: PressEvent) => {\n        // Ensure any active input (e.g., date picker segment) loses focus\n        // because blurring the input will close the popover if it's open (or was just opened)\n        const activeElement = document?.activeElement as HTMLElement | null;\n\n        if (activeElement) {\n          activeElement.blur();\n        }\n\n        buttonContext.onPress?.(event);\n      },\n    },\n    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n    clear: {\n      onPress: () => datePickerState?.setValue(null),\n      \"aria-label\": intl.formatMessage(messages.clearInput),\n      isDisabled: isDatePickerDisabled,\n      // Hide the button when there's no value\n      style: noInputValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": noInputValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  const timeInputSlots = {\n    timeInput: {\n      value: timeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null) {\n          setTimeValue(value);\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DatePickerRootSlot,\n  DatePickerGroupSlot,\n  DatePickerTriggerSlot,\n  DatePickerPopoverSlot,\n  DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DatePicker as ReactAriaDatePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/**\n * # DatePicker\n *\n * a UI component for users to enter or select a specific calendar date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\n */\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    size = \"md\",\n    variant,\n    granularity = \"day\",\n    hideTimeZone,\n    hourCycle,\n  } = props;\n  const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDatePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DatePickerCustomContext>\n          <DatePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                size={size}\n                variant={variant}\n                width=\"full\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DatePickerTriggerSlot>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                >\n                  <Close />\n                </IconButton>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DatePickerTriggerSlot>\n            </Group>\n          </DatePickerGroupSlot>\n          <DatePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DatePickerCalendarSlot>\n                  <Calendar />\n                </DatePickerCalendarSlot>\n                <DatePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DatePickerPopoverSlot>\n        </DatePickerCustomContext>\n      </ReactAriaDatePicker>\n    </DatePickerRootSlot>\n  );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["areEqual","prevProps","nextProps","values","otherProps","__rest","nextValues","nextOtherProps","shallowEqual","FormattedMessage","props","intl","useIntl","formatMessage","_a","Text","React","id","description","defaultMessage","children","_b","Component","ignoreTag","descriptor","nodes","MemoizedFormattedMessage","withProvider","withContext","createSlotRecipeContext","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerTriggerSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","messages","defineMessages","DatePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","activeElement","jsxs","Flex","jsx","TimeInput","DatePickerCustomContext","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","size","variant","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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","x_google_ignoreList":[0]}