@commercetools/nimbus 3.2.0 → 3.3.0

package/dist/chunks/date-input-B5yBTSm8.cjs

@@ -0,0 +1,2 @@
+const e=require("./DateField-DI1RhZqo.cjs.js"),t=require("./theme-tOoHVZZ6.cjs.js"),n=require("./extract-style-props-CA1O0IF2.cjs.js");let r=require("react/jsx-runtime"),i=require("@chakra-ui/react/styled-system");var{withProvider:a,withContext:o}=(0,i.createSlotRecipeContext)({key:`nimbusDateInput`}),s=a(`div`,`root`),c=o(`div`,`leadingElement`),l=o(`div`,`trailingElement`),u=o(`div`,`segmentGroup`),d=o(`div`,`segment`),f=a=>{let o=(0,i.useRecipe)({recipe:t.g}),{leadingElement:f,trailingElement:p,...m}=a,[h,g]=o.splitVariantProps({...m}),[_,v]=n.t(g);return(0,r.jsx)(s,{...h,..._,asChild:!0,children:(0,r.jsx)(e.o,{...v,children:(0,r.jsxs)(r.Fragment,{children:[f&&(0,r.jsx)(c,{children:f}),(0,r.jsx)(u,{asChild:!0,children:(0,r.jsx)(e.i,{children:t=>(0,r.jsx)(d,{asChild:!0,children:(0,r.jsx)(e.t,{segment:t})})})}),p&&(0,r.jsx)(l,{children:p})]})})})};f.displayName=`DateInput`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
+//# sourceMappingURL=date-input-B5yBTSm8.cjs.js.map

package/dist/chunks/date-input-B5yBTSm8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input-B5yBTSm8.cjs.js","names":[],"sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDateInput\",\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  DateInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const DateInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"leadingElement\");\n\nexport const DateInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trailingElement\");\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  DateInputLeadingElementSlot,\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n  DateInputTrailingElementSlot,\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\";\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 { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <>\n          {leadingElement && (\n            <DateInputLeadingElementSlot>\n              {leadingElement}\n            </DateInputLeadingElementSlot>\n          )}\n          <DateInputSegmentGroupSlot asChild>\n            <DateInputField>\n              {(segment) => (\n                <DateInputSegmentSlot asChild>\n                  <DateSegment segment={segment} />\n                </DateInputSegmentSlot>\n              )}\n            </DateInputField>\n          </DateInputSegmentGroupSlot>\n          {trailingElement && (\n            <DateInputTrailingElementSlot>\n              {trailingElement}\n            </DateInputTrailingElementSlot>\n          )}\n        </>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"mappings":"sNAOA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,wBAAA,CAAwC,CAC5D,IAAK,iBACP,CAAC,EAMY,EAAoB,EAG/B,MAAO,MAAM,EAEF,EAA8B,EAGzC,MAAO,gBAAgB,EAEZ,EAA+B,EAG1C,MAAO,iBAAiB,EAKb,EAA4B,EAGvC,MAAO,cAAc,EAKV,EAAuB,EAGlC,MAAO,SAAS,ECnBL,EAAa,GAA0B,CAClD,IAAM,GAAA,EAAA,EAAA,UAAA,CAAmB,CAAE,OAAQ,EAAA,CAAoB,CAAC,EAClD,CAAE,iBAAgB,kBAAiB,GAAG,GAAS,EAC/C,CAAC,EAAa,GAAmB,EAAO,kBAAkB,CAAE,GAAG,CAAK,CAAC,EACrE,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAe,EAEvE,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAmB,GAAI,EAAa,GAAI,EAAY,QAAA,aAClD,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAW,GAAI,YACb,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACG,IACC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,SACG,CAC0B,CAAA,GAE/B,EAAA,EAAA,IAAA,CAAC,EAAD,CAA2B,QAAA,aACzB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAA,SACI,IACA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAsB,QAAA,aACpB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAsB,SAAU,CAAA,CACZ,CAAA,CAEV,CAAA,CACS,CAAA,EAC1B,IACC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,SACG,CAC2B,CAAA,CAEhC,CAAA,CAAA,CACO,CAAA,CACM,CAAA,CAEvB,EAEA,EAAU,YAAc"}

package/dist/chunks/date-input-BfCEzDBX.esm.js

@@ -0,0 +1,33 @@
+import { i as e, o as t, t as n } from "./DateField-DUetJOyf.esm.js";
+import { g as r } from "./theme-BR3bc6tH.esm.js";
+import { t as i } from "./extract-style-props-BPnHKmWR.esm.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { createSlotRecipeContext as c, useRecipe as l } from "@chakra-ui/react/styled-system";
+//#region src/components/date-input/date-input.slots.tsx
+var { withProvider: u, withContext: d } = c({ key: "nimbusDateInput" }), f = u("div", "root"), p = d("div", "leadingElement"), m = d("div", "trailingElement"), h = d("div", "segmentGroup"), g = d("div", "segment"), _ = (c) => {
+	let u = l({ recipe: r }), { leadingElement: d, trailingElement: _, ...v } = c, [y, b] = u.splitVariantProps({ ...v }), [x, S] = i(b);
+	return /* @__PURE__ */ o(f, {
+		...y,
+		...x,
+		asChild: !0,
+		children: /* @__PURE__ */ o(t, {
+			...S,
+			children: /* @__PURE__ */ s(a, { children: [
+				d && /* @__PURE__ */ o(p, { children: d }),
+				/* @__PURE__ */ o(h, {
+					asChild: !0,
+					children: /* @__PURE__ */ o(e, { children: (e) => /* @__PURE__ */ o(g, {
+						asChild: !0,
+						children: /* @__PURE__ */ o(n, { segment: e })
+					}) })
+				}),
+				_ && /* @__PURE__ */ o(m, { children: _ })
+			] })
+		})
+	});
+};
+_.displayName = "DateInput";
+//#endregion
+export { _ as t };
+
+//# sourceMappingURL=date-input-BfCEzDBX.esm.js.map

package/dist/chunks/date-input-BfCEzDBX.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input-BfCEzDBX.esm.js","names":[],"sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDateInput\",\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  DateInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const DateInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"leadingElement\");\n\nexport const DateInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trailingElement\");\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  DateInputLeadingElementSlot,\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n  DateInputTrailingElementSlot,\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\";\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 { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <>\n          {leadingElement && (\n            <DateInputLeadingElementSlot>\n              {leadingElement}\n            </DateInputLeadingElementSlot>\n          )}\n          <DateInputSegmentGroupSlot asChild>\n            <DateInputField>\n              {(segment) => (\n                <DateInputSegmentSlot asChild>\n                  <DateSegment segment={segment} />\n                </DateInputSegmentSlot>\n              )}\n            </DateInputField>\n          </DateInputSegmentGroupSlot>\n          {trailingElement && (\n            <DateInputTrailingElementSlot>\n              {trailingElement}\n            </DateInputTrailingElementSlot>\n          )}\n        </>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"mappings":";;;;;;AAOA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,kBACP,CAAC,GAMY,IAAoB,EAG/B,OAAO,MAAM,GAEF,IAA8B,EAGzC,OAAO,gBAAgB,GAEZ,IAA+B,EAG1C,OAAO,iBAAiB,GAKb,IAA4B,EAGvC,OAAO,cAAc,GAKV,IAAuB,EAGlC,OAAO,SAAS,GCnBL,KAAa,MAA0B;CAClD,IAAM,IAAS,EAAU,EAAE,QAAQ,EAAoB,CAAC,GAClD,EAAE,mBAAgB,oBAAiB,GAAG,MAAS,GAC/C,CAAC,GAAa,KAAmB,EAAO,kBAAkB,EAAE,GAAG,EAAK,CAAC,GACrE,CAAC,GAAY,KAAmB,EAAkB,CAAe;CAEvE,OACE,kBAAC,GAAD;EAAmB,GAAI;EAAa,GAAI;EAAY,SAAA;YAClD,kBAAC,GAAD;GAAW,GAAI;aACb,kBAAA,GAAA,EAAA,UAAA;IACG,KACC,kBAAC,GAAD,EAAA,UACG,EAC0B,CAAA;IAE/B,kBAAC,GAAD;KAA2B,SAAA;eACzB,kBAAC,GAAD,EAAA,WACI,MACA,kBAAC,GAAD;MAAsB,SAAA;gBACpB,kBAAC,GAAD,EAAsB,WAAU,CAAA;KACZ,CAAA,EAEV,CAAA;IACS,CAAA;IAC1B,KACC,kBAAC,GAAD,EAAA,UACG,EAC2B,CAAA;GAEhC,EAAA,CAAA;EACO,CAAA;CACM,CAAA;AAEvB;AAEA,EAAU,cAAc"}

package/dist/chunks/date-picker-BYUOjbCN.cjs

@@ -0,0 +1,2 @@
+const e=require("./Dialog-s5tFTj72.cjs.js"),t=require("./DateField-DI1RhZqo.cjs.js"),n=require("./DatePicker-DRwvjTID.cjs.js"),r=require("./utils-Clf3FzjT.cjs.js"),i=require("./Button-z5JjDtpy.cjs.js"),a=require("./Group-Bw1Y-fMh.cjs.js"),o=require("./icon-button-CSlFdpjB.cjs.js"),s=require("./box-B6vF0vdN.cjs.js"),c=require("./normalize-messages-BMq9y_ae.cjs.js"),l=require("./flex-D_rZ56ps.cjs.js"),u=require("./theme-tOoHVZZ6.cjs.js"),d=require("./text-B6GuUYfw.cjs.js"),f=require("./time-input-CnqA54LG.cjs.js"),p=require("./date-input-B5yBTSm8.cjs.js"),m=require("./calendar-DS0rNrhj.cjs.js"),h=require("./extract-style-props-CA1O0IF2.cjs.js");let g=require("react"),_=require("react/jsx-runtime"),v=require("@commercetools/nimbus-icons"),y=require("@chakra-ui/react/styled-system");var{withProvider:b,withContext:x}=(0,y.createSlotRecipeContext)({key:`nimbusDatePicker`}),S=b(`div`,`root`),C=x(`div`,`group`),w=x(`div`,`popover`),T=x(`div`,`calendar`);x(`header`,`calendarHeader`),x(`table`,`calendarGrid`),x(`td`,`calendarCell`);var E={en:c.t({"Time.enterTime":`Enter time`,"Time.enterTimeHour":`Enter time (hour)`,"Time.enterTimeHourMinute":`Enter time (hour and minute)`,"Time.enterTimeHourMinuteSecond":`Enter time (hour, minute, and second)`,"Time.startTime":`Start time`,clearInput:`Clear input value`}),de:c.t({"Time.enterTime":`Zeit eingeben`,"Time.enterTimeHour":`Zeit eingeben (Stunde)`,"Time.enterTimeHourMinute":`Zeit eingeben (Stunde und Minute)`,"Time.enterTimeHourMinuteSecond":`Zeit eingeben (Stunde, Minute und Sekunde)`,"Time.startTime":`Startzeit`,clearInput:`Eingabewert löschen`}),es:c.t({"Time.enterTime":`Indicar tiempo`,"Time.enterTimeHour":`Indicar tiempo (hora)`,"Time.enterTimeHourMinute":`Indicar tiempo (hora y minuto)`,"Time.enterTimeHourMinuteSecond":`Indicar tiempo (hora, minuto y segundo)`,"Time.startTime":`Iniciar tiempo`,clearInput:`Eliminar valor de entrada`}),"fr-FR":c.t({"Time.enterTime":`Saisir l'heure`,"Time.enterTimeHour":`Saisir l'heure (heure)`,"Time.enterTimeHourMinute":`Saisir l'heure (heure et minute)`,"Time.enterTimeHourMinuteSecond":`Saisir l'heure (heure, minute et seconde)`,"Time.startTime":`Heure de début`,clearInput:`Effacer la valeur saisie`}),"pt-BR":c.t({"Time.enterTime":`Inserir hora`,"Time.enterTimeHour":`Inserir hora (hora)`,"Time.enterTimeHourMinute":`Inserir hora (hora e minutos)`,"Time.enterTimeHourMinuteSecond":`Inserir hora (hora, minutos e segundos)`,"Time.startTime":`Hora de início`,clearInput:`Limpar valores inseridos`})},D=({children:e})=>{let a=c.n(E),o=r.c(i.t)||{},s=(0,g.useContext)(n.n),l=s?.dateValue===null,{timeValue:u,setTimeValue:d,granularity:f}=s,p=o?.isDisabled,m=()=>{switch(f){case`hour`:return a.format(`Time.enterTimeHour`);case`minute`:return a.format(`Time.enterTimeHourMinute`);case`second`:return a.format(`Time.enterTimeHourMinuteSecond`);default:return a.format(`Time.enterTime`)}},h={calendarToggle:{...o,onPress:e=>{let t=document?.activeElement;t&&t.blur(),o.onPress?.(e)}},clear:{onPress:()=>s?.setValue(null),"aria-label":a.format(`clearInput`),isDisabled:p,style:l?{display:`none`}:void 0,"aria-hidden":l?!0:void 0}},v={timeInput:{value:u,onChange:e=>{e!==null&&d(e)},granularity:f===`day`?void 0:f,"aria-label":m()}};return(0,_.jsx)(r.t,{values:[[i.t,{slots:h}],[t.a,{slots:v}]],children:e})},O=({hideTimeZone:e,hourCycle:t})=>{let r=c.n(E),{granularity:i,dateValue:a}=(0,g.useContext)(n.n),o=(0,g.useRef)(null),s=(0,g.useRef)(a);return(0,g.useEffect)(()=>{let e;if(a&&s.current?.compare(a)!==0){let t=o.current,n=document.activeElement;t?.contains(n)&&n?.getAttribute(`role`)===`spinbutton`||(e=setTimeout(()=>{t&&t.querySelector(`[role="spinbutton"]`)?.focus()},50))}return s.current=a,()=>{e&&clearTimeout(e)}},[a]),i===`day`?null:(0,_.jsxs)(l.t,{ref:o,borderTop:`solid-25`,borderColor:`neutral.3`,py:`300`,px:`400`,alignItems:`center`,justifyContent:`center`,gap:`200`,children:[(0,_.jsx)(d.t,{textStyle:`xs`,fontWeight:`500`,color:`neutral.12`,children:r.format(`Time.startTime`)}),(0,_.jsx)(f.t,{slot:`timeInput`,variant:`ghost`,size:`sm`,hideTimeZone:e,hourCycle:t})]})},k=t=>{let{size:r=`md`,variant:i,granularity:c=`day`,hideTimeZone:l,hourCycle:d}=t,[f,g]=(0,y.useSlotRecipe)({recipe:u.h}).splitVariantProps(t),[b,x]=h.t(g),E=r===`md`?`xs`:`2xs`,k=c===`day`&&t.shouldCloseOnSelect;return(0,_.jsx)(S,{...f,...b,asChild:!0,children:(0,_.jsx)(n.r,{...x,shouldCloseOnSelect:k,children:(0,_.jsxs)(D,{children:[(0,_.jsx)(C,{asChild:!0,children:(0,_.jsx)(a.t,{children:(0,_.jsx)(p.t,{size:r,variant:i,width:`full`,hideTimeZone:l,hourCycle:d,trailingElement:(0,_.jsxs)(s.t,{children:[(0,_.jsx)(o.t,{variant:`ghost`,size:E,slot:`clear`,children:(0,_.jsx)(v.Close,{})}),(0,_.jsx)(o.t,{variant:`ghost`,size:E,slot:`calendarToggle`,children:(0,_.jsx)(v.CalendarMonth,{})})]})})})}),(0,_.jsx)(w,{asChild:!0,children:(0,_.jsx)(e.u,{placement:`bottom end`,children:(0,_.jsxs)(e.n,{children:[(0,_.jsx)(T,{children:(0,_.jsx)(m.t,{})}),(0,_.jsx)(O,{hideTimeZone:l,hourCycle:d})]})})})]})})})};k.displayName=`DatePicker`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return k}});
+//# sourceMappingURL=date-picker-BYUOjbCN.cjs.js.map

package/dist/chunks/date-picker-BYUOjbCN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-BYUOjbCN.cjs.js","names":[],"sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/intl/en.ts","../../src/components/date-picker/intl/de.ts","../../src/components/date-picker/intl/es.ts","../../src/components/date-picker/intl/fr-FR.ts","../../src/components/date-picker/intl/pt-BR.ts","../../src/components/date-picker/date-picker.messages.ts","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDatePicker\",\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  DatePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\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","/**\n * Pre-compiled en messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Enter time`,\n  \"Time.enterTimeHour\": `Enter time (hour)`,\n  \"Time.enterTimeHourMinute\": `Enter time (hour and minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Enter time (hour, minute, and second)`,\n  \"Time.startTime\": `Start time`,\n  clearInput: `Clear input value`,\n};\n","/**\n * Pre-compiled de messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Zeit eingeben`,\n  \"Time.enterTimeHour\": `Zeit eingeben (Stunde)`,\n  \"Time.enterTimeHourMinute\": `Zeit eingeben (Stunde und Minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Zeit eingeben (Stunde, Minute und Sekunde)`,\n  \"Time.startTime\": `Startzeit`,\n  clearInput: `Eingabewert löschen`,\n};\n","/**\n * Pre-compiled es messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Indicar tiempo`,\n  \"Time.enterTimeHour\": `Indicar tiempo (hora)`,\n  \"Time.enterTimeHourMinute\": `Indicar tiempo (hora y minuto)`,\n  \"Time.enterTimeHourMinuteSecond\": `Indicar tiempo (hora, minuto y segundo)`,\n  \"Time.startTime\": `Iniciar tiempo`,\n  clearInput: `Eliminar valor de entrada`,\n};\n","/**\n * Pre-compiled fr-FR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Saisir l'heure`,\n  \"Time.enterTimeHour\": `Saisir l'heure (heure)`,\n  \"Time.enterTimeHourMinute\": `Saisir l'heure (heure et minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Saisir l'heure (heure, minute et seconde)`,\n  \"Time.startTime\": `Heure de début`,\n  clearInput: `Effacer la valeur saisie`,\n};\n","/**\n * Pre-compiled pt-BR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Inserir hora`,\n  \"Time.enterTimeHour\": `Inserir hora (hora)`,\n  \"Time.enterTimeHourMinute\": `Inserir hora (hora e minutos)`,\n  \"Time.enterTimeHourMinuteSecond\": `Inserir hora (hora, minutos e segundos)`,\n  \"Time.startTime\": `Hora de início`,\n  clearInput: `Limpar valores inseridos`,\n};\n","/**\n * Pre-compiled localized messages for DatePicker component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport datePickerMessages_en from \"./intl/en\";\nimport datePickerMessages_de from \"./intl/de\";\nimport datePickerMessages_es from \"./intl/es\";\nimport datePickerMessages_fr from \"./intl/fr-FR\";\nimport datePickerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const datePickerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(datePickerMessages_en),\n  de: normalizeMessages(datePickerMessages_de),\n  es: normalizeMessages(datePickerMessages_es),\n  \"fr-FR\": normalizeMessages(datePickerMessages_fr),\n  \"pt-BR\": normalizeMessages(datePickerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DatePicker component\n */\nexport type DatePickerMessageKey =\n  | \"Time.enterTime\"\n  | \"Time.enterTimeHour\"\n  | \"Time.enterTimeHourMinute\"\n  | \"Time.enterTimeHourMinuteSecond\"\n  | \"Time.startTime\"\n  | \"clearInput\";\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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerCustomContext - Custom context provider for DatePicker\n *\n * Provides React Aria context overrides for button and time input slots,\n * enabling coordinated behavior between DatePicker parts.\n */\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\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 msg.format(\"Time.enterTimeHour\");\n      case \"minute\":\n        return msg.format(\"Time.enterTimeHourMinute\");\n      case \"second\":\n        return msg.format(\"Time.enterTimeHourMinuteSecond\");\n      default:\n        return msg.format(\"Time.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\": msg.format(\"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 { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerTimeInput - Time input component displayed in DatePicker popover footer\n *\n * Only renders when granularity requires time selection (hour, minute, second).\n * Automatically focuses when user selects a date from the calendar.\n *\n * @supportsStyleProps\n */\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\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: ReturnType<typeof setTimeout> | 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  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\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        {msg.format(\"Time.startTime\")}\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import {\n  DatePickerRootSlot,\n  DatePickerGroupSlot,\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\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput, DatePickerCustomContext } from \"./components\";\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                trailingElement={\n                  <Box>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"clear\"\n                    >\n                      <Close />\n                    </IconButton>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"calendarToggle\"\n                    >\n                      <CalendarMonth />\n                    </IconButton>\n                  </Box>\n                }\n              />\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"],"mappings":"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"}

package/dist/chunks/date-picker-CcmAJYux.esm.js

@@ -0,0 +1,183 @@
+import { n as e, u as t } from "./Dialog-tQOfG_On.esm.js";
+import { a as n } from "./DateField-DUetJOyf.esm.js";
+import { n as r, r as i } from "./DatePicker-DeVufONT.esm.js";
+import { c as a, t as o } from "./utils-BYIK8Yf2.esm.js";
+import { t as s } from "./Button-FcraQeen.esm.js";
+import { t as c } from "./Group-D4Vbo9q9.esm.js";
+import { t as l } from "./icon-button-6dtfz6Yf.esm.js";
+import { t as u } from "./box-CZyqYgLL.esm.js";
+import { n as d, t as f } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as p } from "./flex-BB3-rbwF.esm.js";
+import { h as m } from "./theme-BR3bc6tH.esm.js";
+import { t as h } from "./text-B8bxcVHh.esm.js";
+import { t as g } from "./time-input--A7teyZm.esm.js";
+import { t as _ } from "./date-input-BfCEzDBX.esm.js";
+import { t as v } from "./calendar-C5GZoGge.esm.js";
+import { t as y } from "./extract-style-props-BPnHKmWR.esm.js";
+import { useContext as b, useEffect as x, useRef as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { CalendarMonth as T, Close as E } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as D, useSlotRecipe as O } from "@chakra-ui/react/styled-system";
+//#region src/components/date-picker/date-picker.slots.tsx
+var { withProvider: k, withContext: A } = D({ key: "nimbusDatePicker" }), j = k("div", "root"), M = A("div", "group"), N = A("div", "popover"), P = A("div", "calendar");
+A("header", "calendarHeader"), A("table", "calendarGrid"), A("td", "calendarCell");
+//#endregion
+//#region src/components/date-picker/date-picker.messages.ts
+var F = {
+	en: f({
+		"Time.enterTime": "Enter time",
+		"Time.enterTimeHour": "Enter time (hour)",
+		"Time.enterTimeHourMinute": "Enter time (hour and minute)",
+		"Time.enterTimeHourMinuteSecond": "Enter time (hour, minute, and second)",
+		"Time.startTime": "Start time",
+		clearInput: "Clear input value"
+	}),
+	de: f({
+		"Time.enterTime": "Zeit eingeben",
+		"Time.enterTimeHour": "Zeit eingeben (Stunde)",
+		"Time.enterTimeHourMinute": "Zeit eingeben (Stunde und Minute)",
+		"Time.enterTimeHourMinuteSecond": "Zeit eingeben (Stunde, Minute und Sekunde)",
+		"Time.startTime": "Startzeit",
+		clearInput: "Eingabewert löschen"
+	}),
+	es: f({
+		"Time.enterTime": "Indicar tiempo",
+		"Time.enterTimeHour": "Indicar tiempo (hora)",
+		"Time.enterTimeHourMinute": "Indicar tiempo (hora y minuto)",
+		"Time.enterTimeHourMinuteSecond": "Indicar tiempo (hora, minuto y segundo)",
+		"Time.startTime": "Iniciar tiempo",
+		clearInput: "Eliminar valor de entrada"
+	}),
+	"fr-FR": f({
+		"Time.enterTime": "Saisir l'heure",
+		"Time.enterTimeHour": "Saisir l'heure (heure)",
+		"Time.enterTimeHourMinute": "Saisir l'heure (heure et minute)",
+		"Time.enterTimeHourMinuteSecond": "Saisir l'heure (heure, minute et seconde)",
+		"Time.startTime": "Heure de début",
+		clearInput: "Effacer la valeur saisie"
+	}),
+	"pt-BR": f({
+		"Time.enterTime": "Inserir hora",
+		"Time.enterTimeHour": "Inserir hora (hora)",
+		"Time.enterTimeHourMinute": "Inserir hora (hora e minutos)",
+		"Time.enterTimeHourMinuteSecond": "Inserir hora (hora, minutos e segundos)",
+		"Time.startTime": "Hora de início",
+		clearInput: "Limpar valores inseridos"
+	})
+}, I = ({ children: e }) => {
+	let t = d(F), i = a(s) || {}, c = b(r), l = c?.dateValue === null, { timeValue: u, setTimeValue: f, granularity: p } = c, m = i?.isDisabled, h = () => {
+		switch (p) {
+			case "hour": return t.format("Time.enterTimeHour");
+			case "minute": return t.format("Time.enterTimeHourMinute");
+			case "second": return t.format("Time.enterTimeHourMinuteSecond");
+			default: return t.format("Time.enterTime");
+		}
+	}, g = {
+		calendarToggle: {
+			...i,
+			onPress: (e) => {
+				let t = document?.activeElement;
+				t && t.blur(), i.onPress?.(e);
+			}
+		},
+		clear: {
+			onPress: () => c?.setValue(null),
+			"aria-label": t.format("clearInput"),
+			isDisabled: m,
+			style: l ? { display: "none" } : void 0,
+			"aria-hidden": l ? !0 : void 0
+		}
+	}, _ = { timeInput: {
+		value: u,
+		onChange: (e) => {
+			e !== null && f(e);
+		},
+		granularity: p === "day" ? void 0 : p,
+		"aria-label": h()
+	} };
+	return /* @__PURE__ */ C(o, {
+		values: [[s, { slots: g }], [n, { slots: _ }]],
+		children: e
+	});
+}, L = ({ hideTimeZone: e, hourCycle: t }) => {
+	let n = d(F), { granularity: i, dateValue: a } = b(r), o = S(null), s = S(a);
+	return x(() => {
+		let e;
+		if (a && s.current?.compare(a) !== 0) {
+			let t = o.current, n = document.activeElement;
+			t?.contains(n) && n?.getAttribute("role") === "spinbutton" || (e = setTimeout(() => {
+				t && t.querySelector("[role=\"spinbutton\"]")?.focus();
+			}, 50));
+		}
+		return s.current = a, () => {
+			e && clearTimeout(e);
+		};
+	}, [a]), i === "day" ? null : /* @__PURE__ */ w(p, {
+		ref: o,
+		borderTop: "solid-25",
+		borderColor: "neutral.3",
+		py: "300",
+		px: "400",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: "200",
+		children: [/* @__PURE__ */ C(h, {
+			textStyle: "xs",
+			fontWeight: "500",
+			color: "neutral.12",
+			children: n.format("Time.startTime")
+		}), /* @__PURE__ */ C(g, {
+			slot: "timeInput",
+			variant: "ghost",
+			size: "sm",
+			hideTimeZone: e,
+			hourCycle: t
+		})]
+	});
+}, R = (n) => {
+	let { size: r = "md", variant: a, granularity: o = "day", hideTimeZone: s, hourCycle: d } = n, [f, p] = O({ recipe: m }).splitVariantProps(n), [h, g] = y(p), b = r === "md" ? "xs" : "2xs", x = o === "day" && n.shouldCloseOnSelect;
+	return /* @__PURE__ */ C(j, {
+		...f,
+		...h,
+		asChild: !0,
+		children: /* @__PURE__ */ C(i, {
+			...g,
+			shouldCloseOnSelect: x,
+			children: /* @__PURE__ */ w(I, { children: [/* @__PURE__ */ C(M, {
+				asChild: !0,
+				children: /* @__PURE__ */ C(c, { children: /* @__PURE__ */ C(_, {
+					size: r,
+					variant: a,
+					width: "full",
+					hideTimeZone: s,
+					hourCycle: d,
+					trailingElement: /* @__PURE__ */ w(u, { children: [/* @__PURE__ */ C(l, {
+						variant: "ghost",
+						size: b,
+						slot: "clear",
+						children: /* @__PURE__ */ C(E, {})
+					}), /* @__PURE__ */ C(l, {
+						variant: "ghost",
+						size: b,
+						slot: "calendarToggle",
+						children: /* @__PURE__ */ C(T, {})
+					})] })
+				}) })
+			}), /* @__PURE__ */ C(N, {
+				asChild: !0,
+				children: /* @__PURE__ */ C(t, {
+					placement: "bottom end",
+					children: /* @__PURE__ */ w(e, { children: [/* @__PURE__ */ C(P, { children: /* @__PURE__ */ C(v, {}) }), /* @__PURE__ */ C(L, {
+						hideTimeZone: s,
+						hourCycle: d
+					})] })
+				})
+			})] })
+		})
+	});
+};
+R.displayName = "DatePicker";
+//#endregion
+export { R as t };
+
+//# sourceMappingURL=date-picker-CcmAJYux.esm.js.map

package/dist/chunks/date-picker-CcmAJYux.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-CcmAJYux.esm.js","names":[],"sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/intl/en.ts","../../src/components/date-picker/intl/de.ts","../../src/components/date-picker/intl/es.ts","../../src/components/date-picker/intl/fr-FR.ts","../../src/components/date-picker/intl/pt-BR.ts","../../src/components/date-picker/date-picker.messages.ts","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDatePicker\",\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  DatePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\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","/**\n * Pre-compiled en messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Enter time`,\n  \"Time.enterTimeHour\": `Enter time (hour)`,\n  \"Time.enterTimeHourMinute\": `Enter time (hour and minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Enter time (hour, minute, and second)`,\n  \"Time.startTime\": `Start time`,\n  clearInput: `Clear input value`,\n};\n","/**\n * Pre-compiled de messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Zeit eingeben`,\n  \"Time.enterTimeHour\": `Zeit eingeben (Stunde)`,\n  \"Time.enterTimeHourMinute\": `Zeit eingeben (Stunde und Minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Zeit eingeben (Stunde, Minute und Sekunde)`,\n  \"Time.startTime\": `Startzeit`,\n  clearInput: `Eingabewert löschen`,\n};\n","/**\n * Pre-compiled es messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Indicar tiempo`,\n  \"Time.enterTimeHour\": `Indicar tiempo (hora)`,\n  \"Time.enterTimeHourMinute\": `Indicar tiempo (hora y minuto)`,\n  \"Time.enterTimeHourMinuteSecond\": `Indicar tiempo (hora, minuto y segundo)`,\n  \"Time.startTime\": `Iniciar tiempo`,\n  clearInput: `Eliminar valor de entrada`,\n};\n","/**\n * Pre-compiled fr-FR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Saisir l'heure`,\n  \"Time.enterTimeHour\": `Saisir l'heure (heure)`,\n  \"Time.enterTimeHourMinute\": `Saisir l'heure (heure et minute)`,\n  \"Time.enterTimeHourMinuteSecond\": `Saisir l'heure (heure, minute et seconde)`,\n  \"Time.startTime\": `Heure de début`,\n  clearInput: `Effacer la valeur saisie`,\n};\n","/**\n * Pre-compiled pt-BR messages for DatePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  \"Time.enterTime\": `Inserir hora`,\n  \"Time.enterTimeHour\": `Inserir hora (hora)`,\n  \"Time.enterTimeHourMinute\": `Inserir hora (hora e minutos)`,\n  \"Time.enterTimeHourMinuteSecond\": `Inserir hora (hora, minutos e segundos)`,\n  \"Time.startTime\": `Hora de início`,\n  clearInput: `Limpar valores inseridos`,\n};\n","/**\n * Pre-compiled localized messages for DatePicker component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport datePickerMessages_en from \"./intl/en\";\nimport datePickerMessages_de from \"./intl/de\";\nimport datePickerMessages_es from \"./intl/es\";\nimport datePickerMessages_fr from \"./intl/fr-FR\";\nimport datePickerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const datePickerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(datePickerMessages_en),\n  de: normalizeMessages(datePickerMessages_de),\n  es: normalizeMessages(datePickerMessages_es),\n  \"fr-FR\": normalizeMessages(datePickerMessages_fr),\n  \"pt-BR\": normalizeMessages(datePickerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DatePicker component\n */\nexport type DatePickerMessageKey =\n  | \"Time.enterTime\"\n  | \"Time.enterTimeHour\"\n  | \"Time.enterTimeHourMinute\"\n  | \"Time.enterTimeHourMinuteSecond\"\n  | \"Time.startTime\"\n  | \"clearInput\";\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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerCustomContext - Custom context provider for DatePicker\n *\n * Provides React Aria context overrides for button and time input slots,\n * enabling coordinated behavior between DatePicker parts.\n */\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\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 msg.format(\"Time.enterTimeHour\");\n      case \"minute\":\n        return msg.format(\"Time.enterTimeHourMinute\");\n      case \"second\":\n        return msg.format(\"Time.enterTimeHourMinuteSecond\");\n      default:\n        return msg.format(\"Time.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\": msg.format(\"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 { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { datePickerMessagesStrings } from \"../date-picker.messages\";\n\n/**\n * DatePickerTimeInput - Time input component displayed in DatePicker popover footer\n *\n * Only renders when granularity requires time selection (hour, minute, second).\n * Automatically focuses when user selects a date from the calendar.\n *\n * @supportsStyleProps\n */\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const msg = useLocalizedStringFormatter(datePickerMessagesStrings);\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\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: ReturnType<typeof setTimeout> | 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  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\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        {msg.format(\"Time.startTime\")}\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import {\n  DatePickerRootSlot,\n  DatePickerGroupSlot,\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\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput, DatePickerCustomContext } from \"./components\";\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                trailingElement={\n                  <Box>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"clear\"\n                    >\n                      <Close />\n                    </IconButton>\n                    <IconButton\n                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"calendarToggle\"\n                    >\n                      <CalendarMonth />\n                    </IconButton>\n                  </Box>\n                }\n              />\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,mBACP,CAAC,GAMY,IAAqB,EAGhC,OAAO,MAAM,GAKF,IAAsB,EAGjC,OAAO,OAAO,GAKH,IAAwB,EAGnC,OAAO,SAAS,GAKL,IAAyB,EAGpC,OAAO,UAAU;AAKyB,EAG1C,UAAU,gBAAgB,GAKc,EAGxC,SAAS,cAAc,GAKiB,EAGxC,MAAM,cAAc;;;AM3CtB,IAAa,IAGT;CACF,IAAI,EAAkB;ELpBtB,kBAAkB;EAClB,sBAAsB;EACtB,4BAA4B;EAC5B,kCAAkC;EAClC,kBAAkB;EAClB,YAAY;CKeU,CAAqB;CAC3C,IAAI,EAAkB;EJrBtB,kBAAkB;EAClB,sBAAsB;EACtB,4BAA4B;EAC5B,kCAAkC;EAClC,kBAAkB;EAClB,YAAY;CIgBU,CAAqB;CAC3C,IAAI,EAAkB;EHtBtB,kBAAkB;EAClB,sBAAsB;EACtB,4BAA4B;EAC5B,kCAAkC;EAClC,kBAAkB;EAClB,YAAY;CGiBU,CAAqB;CAC3C,SAAS,EAAkB;EFvB3B,kBAAkB;EAClB,sBAAsB;EACtB,4BAA4B;EAC5B,kCAAkC;EAClC,kBAAkB;EAClB,YAAY;CEkBe,CAAqB;CAChD,SAAS,EAAkB;EDxB3B,kBAAkB;EAClB,sBAAsB;EACtB,4BAA4B;EAC5B,kCAAkC;EAClC,kBAAkB;EAClB,YAAY;CCmBe,CAAqB;AAClD,GCda,KAA2B,EACtC,kBAGI;CACJ,IAAM,IAAM,EAA4B,CAAyB,GAC3D,IAAgB,EAAkB,CAAa,KAAK,CAAC,GACrD,IAAkB,EAAW,CAAsB,GACnD,IAAe,GAAiB,cAAc,MAE9C,EAAE,cAAW,iBAAc,mBAAgB,GAG3C,IAAuB,GAAe,YAGtC,UAAqC;EACzC,QAAQ,GAAR;GACE,KAAK,QACH,OAAO,EAAI,OAAO,oBAAoB;GACxC,KAAK,UACH,OAAO,EAAI,OAAO,0BAA0B;GAC9C,KAAK,UACH,OAAO,EAAI,OAAO,gCAAgC;GACpD,SACE,OAAO,EAAI,OAAO,gBAAgB;EACtC;CACF,GAMM,IAAc;EAElB,gBAAgB;GACd,GAAG;GACH,UAAU,MAAsB;IAG9B,IAAM,IAAgB,UAAU;IAMhC,AAJI,KACF,EAAc,KAAK,GAGrB,EAAc,UAAU,CAAK;GAC/B;EACF;EAEA,OAAO;GACL,eAAe,GAAiB,SAAS,IAAI;GAC7C,cAAc,EAAI,OAAO,YAAY;GACrC,YAAY;GAEZ,OAAO,IAAe,EAAE,SAAS,OAAO,IAAI,KAAA;GAC5C,eAAe,IAAe,KAAO,KAAA;EACvC;CACF,GAOM,IAAiB,EACrB,WAAW;EACT,OAAO;EACP,WAAW,MAA4B;GACrC,AAAI,MAAU,QACZ,EAAa,CAAK;EAEtB;EACA,aAAa,MAAgB,QAAQ,KAAA,IAAY;EACjD,cAAc,EAA6B;CAC7C,EACF;CAEA,OACE,kBAAC,GAAD;EACE,QAAQ,CACN,CACE,GACA,EACE,OAAO,EACT,CACF,GACA,CAAC,GAAkB,EAAE,OAAO,EAAe,CAAC,CAC9C;EAEC;CACO,CAAA;AAEd,GChGa,KAAuB,EAClC,iBACA,mBAC8B;CAC9B,IAAM,IAAM,EAA4B,CAAyB,GAE3D,EAAE,gBAAa,iBADG,EAAW,CACA,GAC7B,IAAe,EAAuB,IAAI,GAC1C,IAAkB,EAAO,CAAS;CA6CxC,OA1CA,QAAgB;EAEd,IAAI;EAEJ,IAAI,KAAa,EAAgB,SAAS,QAAQ,CAAS,MAAM,GAAG;GAGlE,IAAM,IAAY,EAAa,SACzB,IAAgB,SAAS;GAK/B,AAHE,GAAW,SAAS,CAAa,KACjC,GAAe,aAAa,MAAM,MAAM,iBAIxC,IAAY,iBAAiB;IAE3B,AAAI,KAIF,EAH+B,cAC7B,uBAEF,CAAA,EAAc,MAAM;GAExB,GAAG,EAAE;EAET;EAKA,OAHA,EAAgB,UAAU,SAGb;GACX,AAAI,KACF,aAAa,CAAS;EAE1B;CACF,GAAG,CAAC,CAAS,CAAC,GAGV,MAAgB,QACX,OAIP,kBAAC,GAAD;EACE,KAAK;EACL,WAAU;EACV,aAAY;EACZ,IAAG;EACH,IAAG;EACH,YAAW;EACX,gBAAe;EACf,KAAI;YARN,CAUE,kBAAC,GAAD;GAAM,WAAU;GAAK,YAAW;GAAM,OAAM;aACzC,EAAI,OAAO,gBAAgB;EACxB,CAAA,GACN,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACS;GACH;EACZ,CAAA,CACG;;AAEV,GC9Da,KAAc,MAA2B;CACpD,IAAM,EACJ,UAAO,MACP,YACA,iBAAc,OACd,iBACA,iBACE,GAEE,CAAC,GAAa,KADL,EAAc,EAAE,QAAQ,EAAqB,CACtB,CAAA,CAAO,kBAAkB,CAAK,GAC9D,CAAC,GAAY,KAAc,EAAkB,CAAc,GAG3D,IAAoB,MAAS,OAAO,OAAO,OAI3C,IACJ,MAAgB,SAAQ,EAAM;CAEhC,OACE,kBAAC,GAAD;EAAoB,GAAI;EAAa,GAAI;EAAY,SAAA;YACnD,kBAAC,GAAD;GACE,GAAI;GACiB;aAErB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAqB,SAAA;cACnB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACQ;KACG;KACT,OAAM;KACQ;KACH;KACX,iBACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,MAAM;MACN,MAAK;gBAEL,kBAAC,GAAD,CAAQ,CAAA;KACE,CAAA,GACZ,kBAAC,GAAD;MACE,SAAQ;MACR,MAAM;MACN,MAAK;gBAEL,kBAAC,GAAD,CAAgB,CAAA;KACN,CAAA,CACT,EAAA,CAAA;IAER,CAAA,EACI,CAAA;GACY,CAAA,GACrB,kBAAC,GAAD;IAAuB,SAAA;cACrB,kBAAC,GAAD;KAAS,WAAU;eACjB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAW,CAAA,EACW,CAAA,GACxB,kBAAC,GAAD;MACgB;MACH;KACZ,CAAA,CACK,EAAA,CAAA;IACD,CAAA;GACY,CAAA,CACA,EAAA,CAAA;EACN,CAAA;CACH,CAAA;AAExB;AAEA,EAAW,cAAc"}

package/dist/chunks/date-range-picker-BladYzh3.cjs

@@ -0,0 +1,2 @@
+const e=require("./Dialog-s5tFTj72.cjs.js"),t=require("./DateField-DI1RhZqo.cjs.js"),n=require("./DatePicker-DRwvjTID.cjs.js"),r=require("./utils-Clf3FzjT.cjs.js"),i=require("./Button-z5JjDtpy.cjs.js"),a=require("./Group-Bw1Y-fMh.cjs.js"),o=require("./icon-button-CSlFdpjB.cjs.js"),s=require("./normalize-messages-BMq9y_ae.cjs.js"),c=require("./flex-D_rZ56ps.cjs.js"),l=require("./theme-tOoHVZZ6.cjs.js"),u=require("./text-B6GuUYfw.cjs.js"),d=require("./time-input-CnqA54LG.cjs.js"),f=require("./date-input-B5yBTSm8.cjs.js"),p=require("./range-calendar-B0U51wMd.cjs.js"),m=require("./extract-style-props-CA1O0IF2.cjs.js");let h=require("react"),g=require("react/jsx-runtime"),_=require("@commercetools/nimbus-icons"),v=require("@chakra-ui/react/styled-system");var{withProvider:y,withContext:b}=(0,v.createSlotRecipeContext)({key:`nimbusDateRangePicker`}),x=y(`div`,`root`),S=b(`div`,`group`),C=b(`div`,`trigger`),w=b(`div`,`popover`),T=b(`div`,`calendar`);b(`header`,`calendarHeader`),b(`table`,`calendarGrid`),b(`td`,`calendarCell`);var E={en:s.t({clearInput:`Clear input value`,clearSelection:`Clear date range`,endTime:`End time`,endTimeHour:`End time (hour)`,endTimeHourMinute:`End time (hour and minute)`,endTimeHourMinuteSecond:`End time (hour, minute, and second)`,endTimeLabel:`End time`,openCalendar:`Open calendar`,startTime:`Start time`,startTimeHour:`Start time (hour)`,startTimeHourMinute:`Start time (hour and minute)`,startTimeHourMinuteSecond:`Start time (hour, minute, and second)`,startTimeLabel:`Start time`}),de:s.t({clearInput:`Eingabewert löschen`,clearSelection:`Datumsbereich löschen`,endTime:`Endzeit`,endTimeHour:`Endzeit (Stunde)`,endTimeHourMinute:`Endzeit (Stunde und Minute)`,endTimeHourMinuteSecond:`Endzeit (Stunde, Minute und Sekunde)`,endTimeLabel:`Endzeit`,openCalendar:`Kalender öffnen`,startTime:`Startzeit`,startTimeHour:`Startzeit (Stunde)`,startTimeHourMinute:`Startzeit (Stunde und Minute)`,startTimeHourMinuteSecond:`Startzeit (Stunde, Minute und Sekunde)`,startTimeLabel:`Startzeit`}),es:s.t({clearInput:`Eliminar valor de entrada`,clearSelection:`Borrar rango de fechas`,endTime:`Finalizar tiempo`,endTimeHour:`Finalizar tiempo (hora)`,endTimeHourMinute:`Finalizar tiempo (hora y minuto)`,endTimeHourMinuteSecond:`Finalizar tiempo (hora, minuto, segundo)`,endTimeLabel:`Finalizar tiempo`,openCalendar:`Abrir calendario`,startTime:`Iniciar tiempo`,startTimeHour:`Iniciar tiempo (hora)`,startTimeHourMinute:`Iniciar tiempo (hora y minuto)`,startTimeHourMinuteSecond:`Iniciar tiempo (hora, minuto y segundo)`,startTimeLabel:`Iniciar tiempo`}),"fr-FR":s.t({clearInput:`Effacer la valeur saisie`,clearSelection:`Effacer la plage de dates`,endTime:`Heure de fin`,endTimeHour:`Heure de fin (heure)`,endTimeHourMinute:`Heure de fin (heure et minute)`,endTimeHourMinuteSecond:` Heure de fin (heure, minute et seconde)`,endTimeLabel:`Heure de fin`,openCalendar:`Ouvrir le calendrier`,startTime:`Heure de début`,startTimeHour:`Heure de début (heure)`,startTimeHourMinute:`Heure de début  (heure et minute)`,startTimeHourMinuteSecond:`Heure de début (heure, minute et seconde)`,startTimeLabel:`Heure de début`}),"pt-BR":s.t({clearInput:`Limpar valores inseridos`,clearSelection:`Limpar intervalo de datas`,endTime:`Hora de término`,endTimeHour:`Hora de término (hora)`,endTimeHourMinute:`Hora de término (hora e minutos)`,endTimeHourMinuteSecond:`Hora de término (hora, minutos e segundos)`,endTimeLabel:`Hora de término`,openCalendar:`Abrir agenda`,startTime:`Hora de início`,startTimeHour:`Hora de início (hora)`,startTimeHourMinute:`Hora de início (hora e minutos)`,startTimeHourMinuteSecond:`Hora de início (hora, minutos e segundos)`,startTimeLabel:`Hora de início`})},D=({hideTimeZone:e,hourCycle:t})=>{let r=s.n(E),{granularity:i,value:a}=(0,h.useContext)(n.i),o=(0,h.useRef)(null),l=(0,h.useRef)(a);return(0,h.useEffect)(()=>{let e;if(a?.start&&l.current?.start?.compare(a.start)!==0||a?.end&&l.current?.end?.compare(a.end)!==0){let t=o.current,n=document.activeElement;t?.contains(n)&&n?.getAttribute(`role`)===`spinbutton`||(e=setTimeout(()=>{if(t){let e=t.querySelector(`[role="spinbutton"]`);e&&e.focus()}},50))}return l.current=a,()=>{e&&clearTimeout(e)}},[a]),i===`day`?null:(0,g.jsxs)(c.t,{ref:o,borderTop:`solid-25`,borderColor:`neutral.3`,py:`300`,px:`400`,alignItems:`center`,justifyContent:`center`,gap:`200`,children:[(0,g.jsxs)(c.t,{alignItems:`center`,gap:`200`,children:[(0,g.jsx)(u.t,{textStyle:`xs`,fontWeight:`500`,color:`neutral.12`,minWidth:`fit-content`,children:r.format(`startTimeLabel`)}),(0,g.jsx)(d.t,{slot:`startTimeInput`,variant:`ghost`,size:`sm`,hideTimeZone:e,hourCycle:t})]}),(0,g.jsxs)(c.t,{alignItems:`center`,gap:`200`,children:[(0,g.jsx)(u.t,{textStyle:`xs`,fontWeight:`500`,color:`neutral.12`,minWidth:`fit-content`,children:r.format(`endTimeLabel`)}),(0,g.jsx)(d.t,{slot:`endTimeInput`,variant:`ghost`,size:`sm`,hideTimeZone:e,hourCycle:t})]})]})},O=({children:e})=>{let a=s.n(E),o=r.c(i.t)||{},c=(0,h.useContext)(n.i),l=e=>e?.day&&e?.month&&e?.year,u=!c?.value||!l(c.value.start)||!l(c.value.end),{granularity:d}=c,f=c?.value?.start&&`hour`in c.value.start?c.value.start:null,p=c?.value?.end&&`hour`in c.value.end?c.value.end:null,m=o?.isDisabled,_=e=>{let t=e===`start`?`start`:`end`;switch(d){case`hour`:return a.format(`${t}TimeHour`);case`minute`:return a.format(`${t}TimeHourMinute`);case`second`:return a.format(`${t}TimeHourMinuteSecond`);default:return a.format(`${t}Time`)}},v={calendarToggle:{...o,onPress:e=>{let t=document?.activeElement;t&&t.blur(),o.onPress?.(e)}},clear:{onPress:()=>c?.setValue(null),"aria-label":a.format(`clearInput`),isDisabled:m,style:u?{display:`none`}:void 0,"aria-hidden":u?!0:void 0}},y={startTimeInput:{value:f,onChange:e=>{if(e!==null&&c?.value?.start){let t=c.value,n=t.start,r=t.end;if(n&&r){let t=n.set({hour:e.hour,minute:e.minute||0,second:e.second||0,millisecond:e.millisecond||0});c.setValue({start:t,end:r})}}},granularity:d===`day`?void 0:d,"aria-label":_(`start`)},endTimeInput:{value:p,onChange:e=>{if(e!==null&&c?.value?.end){let t=c.value,n=t.start,r=t.end;if(n&&r){let t=r.set({hour:e.hour,minute:e.minute||0,second:e.second||0,millisecond:e.millisecond||0});c.setValue({start:n,end:t})}}},granularity:d===`day`?void 0:d,"aria-label":_(`end`)}};return(0,g.jsx)(r.t,{values:[[i.t,{slots:v}],[t.a,{slots:y}]],children:e})},k=t=>{let r=s.n(E),{granularity:i=`day`,hideTimeZone:c,hourCycle:d}=t,[h,y]=(0,v.useSlotRecipe)({recipe:l.m}).splitVariantProps(t),[b,k]=m.t(y),{size:A=`md`}=h,j=A===`md`?`xs`:`2xs`,M=i===`day`&&t.shouldCloseOnSelect;return(0,g.jsx)(x,{...h,...b,asChild:!0,children:(0,g.jsx)(n.t,{...k,shouldCloseOnSelect:M,children:(0,g.jsxs)(O,{children:[(0,g.jsx)(S,{asChild:!0,children:(0,g.jsxs)(a.t,{children:[(0,g.jsx)(f.t,{slot:`start`,size:t.size,variant:`plain`,width:`auto`,hideTimeZone:c,hourCycle:d}),(0,g.jsx)(u.t,{as:`span`,px:`150`,color:`neutral.11`,userSelect:`none`,"aria-hidden":`true`,slot:null,children:`–`}),(0,g.jsx)(f.t,{slot:`end`,size:t.size,variant:`plain`,width:`auto`,hideTimeZone:c,hourCycle:d}),(0,g.jsxs)(C,{children:[(0,g.jsx)(o.t,{variant:`ghost`,size:j,slot:`clear`,"aria-label":r.format(`clearSelection`),children:(0,g.jsx)(_.Close,{})}),(0,g.jsx)(o.t,{variant:`ghost`,size:j,slot:`calendarToggle`,"aria-label":r.format(`openCalendar`),children:(0,g.jsx)(_.CalendarMonth,{})})]})]})}),(0,g.jsx)(w,{asChild:!0,children:(0,g.jsx)(e.u,{placement:`bottom end`,children:(0,g.jsxs)(e.n,{children:[(0,g.jsx)(T,{children:(0,g.jsx)(p.t,{})}),(0,g.jsx)(D,{hideTimeZone:c,hourCycle:d})]})})})]})})})};k.displayName=`DateRangePicker`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return k}});
+//# sourceMappingURL=date-range-picker-BladYzh3.cjs.js.map

package/dist/chunks/date-range-picker-BladYzh3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-BladYzh3.cjs.js","names":[],"sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/intl/en.ts","../../src/components/date-range-picker/intl/de.ts","../../src/components/date-range-picker/intl/es.ts","../../src/components/date-range-picker/intl/fr-FR.ts","../../src/components/date-range-picker/intl/pt-BR.ts","../../src/components/date-range-picker/date-range-picker.messages.ts","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { DateRangePickerRootSlotProps } from \"./date-range-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDateRangePicker\",\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DateRangePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = 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 DateRangePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","/**\n * Pre-compiled en messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Clear input value`,\n  clearSelection: `Clear date range`,\n  endTime: `End time`,\n  endTimeHour: `End time (hour)`,\n  endTimeHourMinute: `End time (hour and minute)`,\n  endTimeHourMinuteSecond: `End time (hour, minute, and second)`,\n  endTimeLabel: `End time`,\n  openCalendar: `Open calendar`,\n  startTime: `Start time`,\n  startTimeHour: `Start time (hour)`,\n  startTimeHourMinute: `Start time (hour and minute)`,\n  startTimeHourMinuteSecond: `Start time (hour, minute, and second)`,\n  startTimeLabel: `Start time`,\n};\n","/**\n * Pre-compiled de messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Eingabewert löschen`,\n  clearSelection: `Datumsbereich löschen`,\n  endTime: `Endzeit`,\n  endTimeHour: `Endzeit (Stunde)`,\n  endTimeHourMinute: `Endzeit (Stunde und Minute)`,\n  endTimeHourMinuteSecond: `Endzeit (Stunde, Minute und Sekunde)`,\n  endTimeLabel: `Endzeit`,\n  openCalendar: `Kalender öffnen`,\n  startTime: `Startzeit`,\n  startTimeHour: `Startzeit (Stunde)`,\n  startTimeHourMinute: `Startzeit (Stunde und Minute)`,\n  startTimeHourMinuteSecond: `Startzeit (Stunde, Minute und Sekunde)`,\n  startTimeLabel: `Startzeit`,\n};\n","/**\n * Pre-compiled es messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Eliminar valor de entrada`,\n  clearSelection: `Borrar rango de fechas`,\n  endTime: `Finalizar tiempo`,\n  endTimeHour: `Finalizar tiempo (hora)`,\n  endTimeHourMinute: `Finalizar tiempo (hora y minuto)`,\n  endTimeHourMinuteSecond: `Finalizar tiempo (hora, minuto, segundo)`,\n  endTimeLabel: `Finalizar tiempo`,\n  openCalendar: `Abrir calendario`,\n  startTime: `Iniciar tiempo`,\n  startTimeHour: `Iniciar tiempo (hora)`,\n  startTimeHourMinute: `Iniciar tiempo (hora y minuto)`,\n  startTimeHourMinuteSecond: `Iniciar tiempo (hora, minuto y segundo)`,\n  startTimeLabel: `Iniciar tiempo`,\n};\n","/**\n * Pre-compiled fr-FR messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Effacer la valeur saisie`,\n  clearSelection: `Effacer la plage de dates`,\n  endTime: `Heure de fin`,\n  endTimeHour: `Heure de fin (heure)`,\n  endTimeHourMinute: `Heure de fin (heure et minute)`,\n  endTimeHourMinuteSecond: ` Heure de fin (heure, minute et seconde)`,\n  endTimeLabel: `Heure de fin`,\n  openCalendar: `Ouvrir le calendrier`,\n  startTime: `Heure de début`,\n  startTimeHour: `Heure de début (heure)`,\n  startTimeHourMinute: `Heure de début  (heure et minute)`,\n  startTimeHourMinuteSecond: `Heure de début (heure, minute et seconde)`,\n  startTimeLabel: `Heure de début`,\n};\n","/**\n * Pre-compiled pt-BR messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Limpar valores inseridos`,\n  clearSelection: `Limpar intervalo de datas`,\n  endTime: `Hora de término`,\n  endTimeHour: `Hora de término (hora)`,\n  endTimeHourMinute: `Hora de término (hora e minutos)`,\n  endTimeHourMinuteSecond: `Hora de término (hora, minutos e segundos)`,\n  endTimeLabel: `Hora de término`,\n  openCalendar: `Abrir agenda`,\n  startTime: `Hora de início`,\n  startTimeHour: `Hora de início (hora)`,\n  startTimeHourMinute: `Hora de início (hora e minutos)`,\n  startTimeHourMinuteSecond: `Hora de início (hora, minutos e segundos)`,\n  startTimeLabel: `Hora de início`,\n};\n","/**\n * Pre-compiled localized messages for DateRangePicker component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport dateRangePickerMessages_en from \"./intl/en\";\nimport dateRangePickerMessages_de from \"./intl/de\";\nimport dateRangePickerMessages_es from \"./intl/es\";\nimport dateRangePickerMessages_fr from \"./intl/fr-FR\";\nimport dateRangePickerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dateRangePickerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(dateRangePickerMessages_en),\n  de: normalizeMessages(dateRangePickerMessages_de),\n  es: normalizeMessages(dateRangePickerMessages_es),\n  \"fr-FR\": normalizeMessages(dateRangePickerMessages_fr),\n  \"pt-BR\": normalizeMessages(dateRangePickerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DateRangePicker component\n */\nexport type DateRangePickerMessageKey =\n  | \"clearInput\"\n  | \"clearSelection\"\n  | \"endTime\"\n  | \"endTimeHour\"\n  | \"endTimeHourMinute\"\n  | \"endTimeHourMinuteSecond\"\n  | \"endTimeLabel\"\n  | \"openCalendar\"\n  | \"startTime\"\n  | \"startTimeHour\"\n  | \"startTimeHourMinute\"\n  | \"startTimeHourMinuteSecond\"\n  | \"startTimeLabel\";\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"../date-range-picker.messages\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\n\n  // Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    // Check if date range changed by comparing start and end dates\n    const hasValueChanged =\n      (value?.start &&\n        previousValueRef.current?.start?.compare(value.start) !== 0) ||\n      (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n    if (hasValueChanged) {\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\n            if (firstSegment) {\n              firstSegment.focus();\n            }\n          }\n        }, 50);\n      }\n    }\n\n    previousValueRef.current = value;\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  }, [value]);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\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      {/* Start DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          {msg.format(\"startTimeLabel\")}\n        </Text>\n        <TimeInput\n          slot=\"startTimeInput\"\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n\n      {/* End DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          {msg.format(\"endTimeLabel\")}\n        </Text>\n        <TimeInput\n          slot=\"endTimeInput\"\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DateRangePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"../date-range-picker.messages\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n  // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const hasCompleteRangeDate = (date: any) =>\n    date?.day && date?.month && date?.year;\n\n  const incompleteValue =\n    !dateRangePickerState?.value ||\n    !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n    !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n  const { granularity } = dateRangePickerState!;\n\n  // Extract time values from start and end dates separately\n  const startTimeValue =\n    dateRangePickerState?.value?.start &&\n    \"hour\" in dateRangePickerState.value.start\n      ? dateRangePickerState.value.start\n      : null;\n  const endTimeValue =\n    dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n      ? dateRangePickerState.value.end\n      : null;\n\n  // Try to get disabled state from the button context\n  const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n    const messageKey = type === \"start\" ? \"start\" : \"end\";\n    switch (granularity) {\n      case \"hour\":\n        return msg.format(\n          `${messageKey}TimeHour` as \"startTimeHour\" | \"endTimeHour\"\n        );\n      case \"minute\":\n        return msg.format(\n          `${messageKey}TimeHourMinute` as\n            \"startTimeHourMinute\" | \"endTimeHourMinute\"\n        );\n      case \"second\":\n        return msg.format(\n          `${messageKey}TimeHourMinuteSecond` as\n            \"startTimeHourMinuteSecond\" | \"endTimeHourMinuteSecond\"\n        );\n      default:\n        return msg.format(`${messageKey}Time` as \"startTime\" | \"endTime\");\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      // Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": msg.format(\"clearInput\"),\n      isDisabled: isDateRangePickerDisabled,\n      // Hide the button when there's no value\n      style: incompleteValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": incompleteValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // Separate time input slots for start and end times\n  const timeInputSlots = {\n    startTimeInput: {\n      value: startTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.start) {\n          // Update the start date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newStartDate = startDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: newStartDate,\n              end: endDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n    },\n    endTimeInput: {\n      value: endTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.end) {\n          // Update the end date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newEndDate = endDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: startDate,\n              end: newEndDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\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  DateRangePickerRootSlot,\n  DateRangePickerGroupSlot,\n  DateRangePickerTriggerSlot,\n  DateRangePickerPopoverSlot,\n  DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DateRangePicker as ReactAriaDateRangePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"./date-range-picker.messages\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n *\n * @supportsStyleProps\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n  const msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\n\n  // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n  const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n  const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // Extract size and variant from recipe props to pass to DateInputs\n  const { size = \"md\" } = recipeProps;\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    <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDateRangePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DateRangePickerCustomContext>\n          <DateRangePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                slot=\"start\"\n                size={props.size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <Text\n                as=\"span\"\n                px=\"150\"\n                color=\"neutral.11\"\n                userSelect=\"none\"\n                aria-hidden=\"true\"\n                slot={null}\n              >\n                –\n              </Text>\n              <DateInput\n                slot=\"end\"\n                size={props.size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DateRangePickerTriggerSlot>\n                <IconButton\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                  aria-label={msg.format(\"clearSelection\")}\n                >\n                  <Close />\n                </IconButton>\n                <IconButton\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                  aria-label={msg.format(\"openCalendar\")}\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DateRangePickerTriggerSlot>\n            </Group>\n          </DateRangePickerGroupSlot>\n          <DateRangePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DateRangePickerCalendarSlot>\n                  <RangeCalendar />\n                </DateRangePickerCalendarSlot>\n                <DateRangePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DateRangePickerPopoverSlot>\n        </DateRangePickerCustomContext>\n      </ReactAriaDateRangePicker>\n    </DateRangePickerRootSlot>\n  );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"mappings":"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"}