@commercetools/nimbus 2.2.0 → 2.3.0

package/dist/chunks/{date-input-DkYcGwBy.cjs.js → date-input-BL7owE4Q.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("@chakra-ui/react"),n=require("./DateField-BxXzaXAv.cjs.js"),h=require("@chakra-ui/react/styled-system"),S=require("./index-CVXB9mwf.cjs.js"),g=require("./extract-style-props-B4hqila-.cjs.js"),{withProvider:j,withContext:t}=m.createSlotRecipeContext({key:"dateInput"}),I=j("div","root"),D=t("div","leadingElement"),$=t("div","trailingElement"),f=t("div","segmentGroup"),P=t("div","segment"),s=c=>{const o=h.useRecipe({recipe:S.dateInputSlotRecipe}),{leadingElement:r,trailingElement:i,...l}=c,[a,d]=o.splitVariantProps({...l}),[p,u]=g.extractStyleProps(d);return e.jsx(I,{...a,...p,asChild:!0,children:e.jsx(n.$40825cdb76e74f70$export$d9781c7894a82487,{...u,children:e.jsxs(e.Fragment,{children:[r&&e.jsx(D,{children:r}),e.jsx(f,{asChild:!0,children:e.jsx(n.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:x=>e.jsx(P,{asChild:!0,children:e.jsx(n.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:x})})})}),i&&e.jsx($,{children:i})]})})})};s.displayName="DateInput";exports.DateInput=s;
-//# sourceMappingURL=date-input-DkYcGwBy.cjs.js.map
+"use strict";const e=require("react/jsx-runtime"),m=require("@chakra-ui/react"),n=require("./DateField-BxXzaXAv.cjs.js"),h=require("@chakra-ui/react/styled-system"),S=require("./index-CBRmb4jF.cjs.js"),g=require("./extract-style-props-BvvBKXOu.cjs.js"),{withProvider:j,withContext:t}=m.createSlotRecipeContext({key:"dateInput"}),I=j("div","root"),D=t("div","leadingElement"),$=t("div","trailingElement"),f=t("div","segmentGroup"),P=t("div","segment"),s=c=>{const o=h.useRecipe({recipe:S.dateInputSlotRecipe}),{leadingElement:r,trailingElement:i,...l}=c,[a,d]=o.splitVariantProps({...l}),[p,u]=g.extractStyleProps(d);return e.jsx(I,{...a,...p,asChild:!0,children:e.jsx(n.$40825cdb76e74f70$export$d9781c7894a82487,{...u,children:e.jsxs(e.Fragment,{children:[r&&e.jsx(D,{children:r}),e.jsx(f,{asChild:!0,children:e.jsx(n.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:x=>e.jsx(P,{asChild:!0,children:e.jsx(n.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:x})})})}),i&&e.jsx($,{children:i})]})})})};s.displayName="DateInput";exports.DateInput=s;
+//# sourceMappingURL=date-input-BL7owE4Q.cjs.js.map

package/dist/chunks/{date-input-DkYcGwBy.cjs.js.map → date-input-BL7owE4Q.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-input-DkYcGwBy.cjs.js","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\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"dateInput\",\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"],"names":["withProvider","withContext","createSlotRecipeContext","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","dateInputSlotRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":"6PAOM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,WACP,CAAC,EAMYC,EAAoBH,EAG/B,MAAO,MAAM,EAEFI,EAA8BH,EAGzC,MAAO,gBAAgB,EAEZI,EAA+BJ,EAG1C,MAAO,iBAAiB,EAKbK,EAA4BL,EAGvC,MAAO,cAAc,EAKVM,EAAuBN,EAGlC,MAAO,SAAS,ECnBLO,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQC,EAAAA,oBAAqB,EAClD,CAAE,eAAAC,EAAgB,gBAAAC,EAAiB,GAAGC,GAASN,EAC/C,CAACO,EAAaC,CAAe,EAAIP,EAAO,kBAAkB,CAAE,GAAGK,EAAM,EACrE,CAACG,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAAClB,EAAA,CAAmB,GAAGa,EAAc,GAAGE,EAAY,QAAO,GACzD,SAAAG,EAAAA,IAACC,EAAAA,0CAAA,CAAW,GAAGH,EACb,SAAAI,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAX,GACCQ,EAAAA,IAACjB,GACE,SAAAS,CAAA,CACH,QAEDP,EAAA,CAA0B,QAAO,GAChC,SAAAe,EAAAA,IAACI,6CACE,SAACC,GACAL,EAAAA,IAACd,EAAA,CAAqB,QAAO,GAC3B,SAAAc,EAAAA,IAACM,6CAAY,QAAAD,CAAA,CAAkB,EACjC,EAEJ,CAAA,CACF,EACCZ,GACCO,EAAAA,IAAChB,EAAA,CACE,SAAAS,CAAA,CACH,CAAA,CAAA,CAEJ,EACF,EACF,CAEJ,EAEAN,EAAU,YAAc"}
+{"version":3,"file":"date-input-BL7owE4Q.cjs.js","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\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"dateInput\",\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"],"names":["withProvider","withContext","createSlotRecipeContext","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","dateInputSlotRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":"6PAOM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,WACP,CAAC,EAMYC,EAAoBH,EAG/B,MAAO,MAAM,EAEFI,EAA8BH,EAGzC,MAAO,gBAAgB,EAEZI,EAA+BJ,EAG1C,MAAO,iBAAiB,EAKbK,EAA4BL,EAGvC,MAAO,cAAc,EAKVM,EAAuBN,EAGlC,MAAO,SAAS,ECnBLO,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQC,EAAAA,oBAAqB,EAClD,CAAE,eAAAC,EAAgB,gBAAAC,EAAiB,GAAGC,GAASN,EAC/C,CAACO,EAAaC,CAAe,EAAIP,EAAO,kBAAkB,CAAE,GAAGK,EAAM,EACrE,CAACG,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAAClB,EAAA,CAAmB,GAAGa,EAAc,GAAGE,EAAY,QAAO,GACzD,SAAAG,EAAAA,IAACC,EAAAA,0CAAA,CAAW,GAAGH,EACb,SAAAI,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAX,GACCQ,EAAAA,IAACjB,GACE,SAAAS,CAAA,CACH,QAEDP,EAAA,CAA0B,QAAO,GAChC,SAAAe,EAAAA,IAACI,6CACE,SAACC,GACAL,EAAAA,IAACd,EAAA,CAAqB,QAAO,GAC3B,SAAAc,EAAAA,IAACM,6CAAY,QAAAD,CAAA,CAAkB,EACjC,EAEJ,CAAA,CACF,EACCZ,GACCO,EAAAA,IAAChB,EAAA,CACE,SAAAS,CAAA,CACH,CAAA,CAAA,CAEJ,EACF,EACF,CAEJ,EAEAN,EAAU,YAAc"}

package/dist/chunks/{date-input-Cd9q4qBj.es.js → date-input-Ba6r9wMb.es.js}

@@ -2,8 +2,8 @@ import { jsx as e, jsxs as m, Fragment as u } from "react/jsx-runtime";
 import { createSlotRecipeContext as f } from "@chakra-ui/react";
 import { $ as h, a as g, b as S } from "./DateField-DCWy1Ysp.es.js";
 import { useRecipe as $ } from "@chakra-ui/react/styled-system";
-import { d as x } from "./index-C2qW4ynb.es.js";
-import { e as I } from "./extract-style-props-BdibuNZ7.es.js";
+import { d as x } from "./index-D3KlpJA5.es.js";
+import { e as I } from "./extract-style-props-CM4QZGaE.es.js";
 const { withProvider: D, withContext: t } = /* @__PURE__ */ f({
   key: "dateInput"
 }), b = /* @__PURE__ */ D("div", "root"), P = /* @__PURE__ */ t("div", "leadingElement"), v = /* @__PURE__ */ t("div", "trailingElement"), E = /* @__PURE__ */ t("div", "segmentGroup"), C = /* @__PURE__ */ t("div", "segment"), y = (o) => {
@@ -18,4 +18,4 @@ y.displayName = "DateInput";
 export {
   y as D
 };
-//# sourceMappingURL=date-input-Cd9q4qBj.es.js.map
+//# sourceMappingURL=date-input-Ba6r9wMb.es.js.map

package/dist/chunks/{date-input-Cd9q4qBj.es.js.map → date-input-Ba6r9wMb.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-input-Cd9q4qBj.es.js","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\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"dateInput\",\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"],"names":["withProvider","withContext","createSlotRecipeContext","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","dateInputSlotRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":";;;;;;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAMYC,IAAoB,gBAAAH,EAG/B,OAAO,MAAM,GAEFI,IAA8B,gBAAAH,EAGzC,OAAO,gBAAgB,GAEZI,IAA+B,gBAAAJ,EAG1C,OAAO,iBAAiB,GAKbK,IAA4B,gBAAAL,EAGvC,OAAO,cAAc,GAKVM,IAAuB,gBAAAN,EAGlC,OAAO,SAAS,GCnBLO,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQC,GAAqB,GAClD,EAAE,gBAAAC,GAAgB,iBAAAC,GAAiB,GAAGC,MAASN,GAC/C,CAACO,GAAaC,CAAe,IAAIP,EAAO,kBAAkB,EAAE,GAAGK,GAAM,GACrE,CAACG,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAAClB,GAAA,EAAmB,GAAGa,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,UAAA,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KACC,gBAAAQ,EAACjB,KACE,UAAAS,EAAA,CACH;AAAA,sBAEDP,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAe,EAACI,KACE,UAAA,CAACC,MACA,gBAAAL,EAACd,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAc,EAACM,KAAY,SAAAD,EAAA,CAAkB,GACjC,GAEJ,EAAA,CACF;AAAA,IACCZ,KACC,gBAAAO,EAAChB,GAAA,EACE,UAAAS,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,GACF,GACF;AAEJ;AAEAN,EAAU,cAAc;"}
+{"version":3,"file":"date-input-Ba6r9wMb.es.js","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\";\nimport type { DateInputRootSlotProps } from \"./date-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"dateInput\",\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"],"names":["withProvider","withContext","createSlotRecipeContext","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","dateInputSlotRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":";;;;;;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAMYC,IAAoB,gBAAAH,EAG/B,OAAO,MAAM,GAEFI,IAA8B,gBAAAH,EAGzC,OAAO,gBAAgB,GAEZI,IAA+B,gBAAAJ,EAG1C,OAAO,iBAAiB,GAKbK,IAA4B,gBAAAL,EAGvC,OAAO,cAAc,GAKVM,IAAuB,gBAAAN,EAGlC,OAAO,SAAS,GCnBLO,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQC,GAAqB,GAClD,EAAE,gBAAAC,GAAgB,iBAAAC,GAAiB,GAAGC,MAASN,GAC/C,CAACO,GAAaC,CAAe,IAAIP,EAAO,kBAAkB,EAAE,GAAGK,GAAM,GACrE,CAACG,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAAClB,GAAA,EAAmB,GAAGa,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,UAAA,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KACC,gBAAAQ,EAACjB,KACE,UAAAS,EAAA,CACH;AAAA,sBAEDP,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAe,EAACI,KACE,UAAA,CAACC,MACA,gBAAAL,EAACd,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAc,EAACM,KAAY,SAAAD,EAAA,CAAkB,GACjC,GAEJ,EAAA,CACF;AAAA,IACCZ,KACC,gBAAAO,EAAChB,GAAA,EACE,UAAAS,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,GACF,GACF;AAEJ;AAEAN,EAAU,cAAc;"}

package/dist/chunks/{date-picker-DQ5IZcRe.cjs.js → date-picker-Bm6DjFOx.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),y=require("@chakra-ui/react"),g=require("@commercetools/nimbus-icons"),x=require("./DatePicker-NWRDzwUt.cjs.js"),S=require("./Dialog-CSr6lHSd.cjs.js"),j=require("./Group-1nWkximy.cjs.js"),k=require("@chakra-ui/react/styled-system"),q=require("./index-CVXB9mwf.cjs.js"),C=require("./extract-style-props-B4hqila-.cjs.js"),h=require("react"),$=require("./Button-DLCecw8f.cjs.js"),P=require("./utils-DVb3jcp5.cjs.js"),H=require("./DateField-BxXzaXAv.cjs.js"),d=require("./normalize-messages-CaDzkuUm.cjs.js"),D=require("./date-input-DkYcGwBy.cjs.js"),z=require("./calendar-B01Vti5k.cjs.js"),E=require("./time-input-9Q5vV4UD.cjs.js"),R=require("@chakra-ui/react/flex"),B=require("./text-BtRhIklG.cjs.js"),F=require("./box-CWni3A32.cjs.js"),I=require("./icon-button-CeB8_Yyr.cjs.js"),{withProvider:V,withContext:f}=y.createSlotRecipeContext({key:"datePicker"}),w=V("div","root"),Z=f("div","group"),_=f("div","popover"),L=f("div","calendar"),G={"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"},A={"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"},O={"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"},N={"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"},W={"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"},M={en:d.normalizeMessages(G),de:d.normalizeMessages(A),es:d.normalizeMessages(O),"fr-FR":d.normalizeMessages(N),"pt-BR":d.normalizeMessages(W)},J=({children:n})=>{const t=d.useLocalizedStringFormatter(M),o=P.$64fa3d84918910a7$export$fabf2dc03a41866e($.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},s=h.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),a=s?.dateValue===null,{timeValue:r,setTimeValue:m,granularity:i}=s,c=o?.isDisabled,u=()=>{switch(i){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")}},T={calendarToggle:{...o,onPress:l=>{const b=document?.activeElement;b&&b.blur(),o.onPress?.(l)}},clear:{onPress:()=>s?.setValue(null),"aria-label":t.format("clearInput"),isDisabled:c,style:a?{display:"none"}:void 0,"aria-hidden":a?!0:void 0}},p={timeInput:{value:r,onChange:l=>{l!==null&&m(l)},granularity:i==="day"?void 0:i,"aria-label":u()}};return e.jsx(P.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[$.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:T}],[H.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:p}]],children:n})},K=({hideTimeZone:n,hourCycle:t})=>{const o=d.useLocalizedStringFormatter(M),s=h.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),{granularity:a,dateValue:r}=s,m=h.useRef(null),i=h.useRef(r);return a==="day"?null:(h.useEffect(()=>{let c;if(r&&i.current?.compare(r)!==0){const u=m.current,T=document.activeElement;u?.contains(T)&&T?.getAttribute("role")==="spinbutton"||(c=setTimeout(()=>{u&&u.querySelector('[role="spinbutton"]')?.focus()},50))}return i.current=r,()=>{c&&clearTimeout(c)}},[r]),e.jsxs(R.Flex,{ref:m,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsx(B.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",children:o.format("Time.startTime")}),e.jsx(E.TimeInput,{slot:"timeInput",variant:"ghost",size:"sm",hideTimeZone:n,hourCycle:t})]}))},v=n=>{const{size:t="md",variant:o,granularity:s="day",hideTimeZone:a,hourCycle:r}=n,m=k.useSlotRecipe({recipe:q.datePickerSlotRecipe}),[i,c]=m.splitVariantProps(n),[u,T]=C.extractStyleProps(c),p=t==="md"?"xs":"2xs",l=s==="day"?n.shouldCloseOnSelect:!1;return e.jsx(w,{...i,...u,asChild:!0,children:e.jsx(x.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00,{...T,shouldCloseOnSelect:l,children:e.jsxs(J,{children:[e.jsx(Z,{asChild:!0,children:e.jsx(j.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:e.jsx(D.DateInput,{size:t,variant:o,width:"full",hideTimeZone:a,hourCycle:r,trailingElement:e.jsxs(F.Box,{children:[e.jsx(I.IconButton,{variant:"ghost",size:p,slot:"clear",children:e.jsx(g.Close,{})}),e.jsx(I.IconButton,{variant:"ghost",size:p,slot:"calendarToggle",children:e.jsx(g.CalendarMonth,{})})]})})})}),e.jsx(_,{asChild:!0,children:e.jsx(S.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(S.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(L,{children:e.jsx(z.Calendar,{})}),e.jsx(K,{hideTimeZone:a,hourCycle:r})]})})})]})})})};v.displayName="DatePicker";exports.DatePicker=v;
-//# sourceMappingURL=date-picker-DQ5IZcRe.cjs.js.map
+"use strict";const e=require("react/jsx-runtime"),y=require("@chakra-ui/react"),g=require("@commercetools/nimbus-icons"),x=require("./DatePicker-NWRDzwUt.cjs.js"),S=require("./Dialog-CSr6lHSd.cjs.js"),j=require("./Group-1nWkximy.cjs.js"),k=require("@chakra-ui/react/styled-system"),q=require("./index-CBRmb4jF.cjs.js"),C=require("./extract-style-props-BvvBKXOu.cjs.js"),h=require("react"),$=require("./Button-DLCecw8f.cjs.js"),P=require("./utils-DVb3jcp5.cjs.js"),H=require("./DateField-BxXzaXAv.cjs.js"),d=require("./normalize-messages-CaDzkuUm.cjs.js"),D=require("./date-input-BL7owE4Q.cjs.js"),z=require("./calendar-D0OrT88Y.cjs.js"),E=require("./time-input-G64QnJLm.cjs.js"),R=require("@chakra-ui/react/flex"),B=require("./text-BtRhIklG.cjs.js"),F=require("./box-CWni3A32.cjs.js"),I=require("./icon-button-5pYAEokc.cjs.js"),{withProvider:V,withContext:f}=y.createSlotRecipeContext({key:"datePicker"}),w=V("div","root"),Z=f("div","group"),_=f("div","popover"),L=f("div","calendar"),G={"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"},A={"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"},O={"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"},N={"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"},W={"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"},M={en:d.normalizeMessages(G),de:d.normalizeMessages(A),es:d.normalizeMessages(O),"fr-FR":d.normalizeMessages(N),"pt-BR":d.normalizeMessages(W)},J=({children:n})=>{const t=d.useLocalizedStringFormatter(M),o=P.$64fa3d84918910a7$export$fabf2dc03a41866e($.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},s=h.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),a=s?.dateValue===null,{timeValue:r,setTimeValue:m,granularity:i}=s,c=o?.isDisabled,u=()=>{switch(i){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")}},T={calendarToggle:{...o,onPress:l=>{const b=document?.activeElement;b&&b.blur(),o.onPress?.(l)}},clear:{onPress:()=>s?.setValue(null),"aria-label":t.format("clearInput"),isDisabled:c,style:a?{display:"none"}:void 0,"aria-hidden":a?!0:void 0}},p={timeInput:{value:r,onChange:l=>{l!==null&&m(l)},granularity:i==="day"?void 0:i,"aria-label":u()}};return e.jsx(P.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[$.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:T}],[H.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:p}]],children:n})},K=({hideTimeZone:n,hourCycle:t})=>{const o=d.useLocalizedStringFormatter(M),s=h.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),{granularity:a,dateValue:r}=s,m=h.useRef(null),i=h.useRef(r);return a==="day"?null:(h.useEffect(()=>{let c;if(r&&i.current?.compare(r)!==0){const u=m.current,T=document.activeElement;u?.contains(T)&&T?.getAttribute("role")==="spinbutton"||(c=setTimeout(()=>{u&&u.querySelector('[role="spinbutton"]')?.focus()},50))}return i.current=r,()=>{c&&clearTimeout(c)}},[r]),e.jsxs(R.Flex,{ref:m,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsx(B.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",children:o.format("Time.startTime")}),e.jsx(E.TimeInput,{slot:"timeInput",variant:"ghost",size:"sm",hideTimeZone:n,hourCycle:t})]}))},v=n=>{const{size:t="md",variant:o,granularity:s="day",hideTimeZone:a,hourCycle:r}=n,m=k.useSlotRecipe({recipe:q.datePickerSlotRecipe}),[i,c]=m.splitVariantProps(n),[u,T]=C.extractStyleProps(c),p=t==="md"?"xs":"2xs",l=s==="day"?n.shouldCloseOnSelect:!1;return e.jsx(w,{...i,...u,asChild:!0,children:e.jsx(x.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00,{...T,shouldCloseOnSelect:l,children:e.jsxs(J,{children:[e.jsx(Z,{asChild:!0,children:e.jsx(j.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:e.jsx(D.DateInput,{size:t,variant:o,width:"full",hideTimeZone:a,hourCycle:r,trailingElement:e.jsxs(F.Box,{children:[e.jsx(I.IconButton,{variant:"ghost",size:p,slot:"clear",children:e.jsx(g.Close,{})}),e.jsx(I.IconButton,{variant:"ghost",size:p,slot:"calendarToggle",children:e.jsx(g.CalendarMonth,{})})]})})})}),e.jsx(_,{asChild:!0,children:e.jsx(S.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(S.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(L,{children:e.jsx(z.Calendar,{})}),e.jsx(K,{hideTimeZone:a,hourCycle:r})]})})})]})})})};v.displayName="DatePicker";exports.DatePicker=v;
+//# sourceMappingURL=date-picker-Bm6DjFOx.cjs.js.map

package/dist/chunks/{date-picker-DQ5IZcRe.cjs.js.map → date-picker-Bm6DjFOx.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-picker-DQ5IZcRe.cjs.js","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\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"datePicker\",\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  // 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: 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  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"],"names":["withProvider","withContext","createSlotRecipeContext","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","datePickerMessages_en","datePickerMessages_de","datePickerMessages_es","datePickerMessages_fr","datePickerMessages_pt","datePickerMessagesStrings","normalizeMessages","DatePickerCustomContext","children","msg","useLocalizedStringFormatter","buttonContext","useSlottedContext","ButtonContext","datePickerState","useContext","DatePickerStateContext","noInputValue","timeValue","setTimeValue","granularity","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","activeElement","timeInputSlots","value","jsx","Provider","TimeFieldContext","DatePickerTimeInput","hideTimeZone","hourCycle","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","jsxs","Flex","Text","TimeInput","DatePicker","props","size","variant","recipe","useSlotRecipe","datePickerSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}
+{"version":3,"file":"date-picker-Bm6DjFOx.cjs.js","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\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"datePicker\",\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  // 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: 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  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"],"names":["withProvider","withContext","createSlotRecipeContext","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","datePickerMessages_en","datePickerMessages_de","datePickerMessages_es","datePickerMessages_fr","datePickerMessages_pt","datePickerMessagesStrings","normalizeMessages","DatePickerCustomContext","children","msg","useLocalizedStringFormatter","buttonContext","useSlottedContext","ButtonContext","datePickerState","useContext","DatePickerStateContext","noInputValue","timeValue","setTimeValue","granularity","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","activeElement","timeInputSlots","value","jsx","Provider","TimeFieldContext","DatePickerTimeInput","hideTimeZone","hourCycle","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","jsxs","Flex","Text","TimeInput","DatePicker","props","size","variant","recipe","useSlotRecipe","datePickerSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}

package/dist/chunks/{date-picker-B8VVNXU3.es.js → date-picker-DwQ1WWNP.es.js}

@@ -5,20 +5,20 @@ import { b as $, c as M } from "./DatePicker-CL72jbDo.es.js";
 import { $ as H, k as D } from "./Dialog-B0BQfdQa.es.js";
 import { $ as E } from "./Group-BQc9LuMT.es.js";
 import { useSlotRecipe as R } from "@chakra-ui/react/styled-system";
-import { h as z } from "./index-C2qW4ynb.es.js";
-import { e as V } from "./extract-style-props-BdibuNZ7.es.js";
+import { h as z } from "./index-D3KlpJA5.es.js";
+import { e as V } from "./extract-style-props-CM4QZGaE.es.js";
 import { useContext as I, useRef as g, useEffect as w } from "react";
 import { $ as S } from "./Button-BjcDZ5eb.es.js";
 import { c as B, e as F } from "./utils-B6pV5ewr.es.js";
 import { o as Z } from "./DateField-DCWy1Ysp.es.js";
 import { n as T, u as x } from "./normalize-messages-D5T4I93D.es.js";
-import { D as _ } from "./date-input-Cd9q4qBj.es.js";
-import { C as j } from "./calendar-lSoXK-yt.es.js";
-import { T as L } from "./time-input-CCuIFoY2.es.js";
+import { D as _ } from "./date-input-Ba6r9wMb.es.js";
+import { C as j } from "./calendar-Bnw0u0vz.es.js";
+import { T as L } from "./time-input-T4jAE9kM.es.js";
 import { Flex as A } from "@chakra-ui/react/flex";
 import { T as G } from "./text-CIb_VDvO.es.js";
 import { B as O } from "./box-DuBoAZvq.es.js";
-import { I as P } from "./icon-button-CosIm3oY.es.js";
+import { I as P } from "./icon-button-DhHKxd27.es.js";
 const { withProvider: q, withContext: h } = /* @__PURE__ */ k({
   key: "datePicker"
 }), N = /* @__PURE__ */ q("div", "root"), W = /* @__PURE__ */ h("div", "group"), J = /* @__PURE__ */ h("div", "popover"), K = /* @__PURE__ */ h("div", "calendar"), Q = {
@@ -225,4 +225,4 @@ ie.displayName = "DatePicker";
 export {
   ie as D
 };
-//# sourceMappingURL=date-picker-B8VVNXU3.es.js.map
+//# sourceMappingURL=date-picker-DwQ1WWNP.es.js.map

package/dist/chunks/{date-picker-B8VVNXU3.es.js.map → date-picker-DwQ1WWNP.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-picker-B8VVNXU3.es.js","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\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"datePicker\",\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  // 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: 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  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"],"names":["withProvider","withContext","createSlotRecipeContext","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","datePickerMessages_en","datePickerMessages_de","datePickerMessages_es","datePickerMessages_fr","datePickerMessages_pt","datePickerMessagesStrings","normalizeMessages","DatePickerCustomContext","children","msg","useLocalizedStringFormatter","buttonContext","useSlottedContext","ButtonContext","datePickerState","useContext","DatePickerStateContext","noInputValue","timeValue","setTimeValue","granularity","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","activeElement","timeInputSlots","value","jsx","Provider","TimeFieldContext","DatePickerTimeInput","hideTimeZone","hourCycle","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","jsxs","Flex","Text","TimeInput","DatePicker","props","size","variant","recipe","useSlotRecipe","datePickerSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}
+{"version":3,"file":"date-picker-DwQ1WWNP.es.js","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\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"datePicker\",\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  // 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: 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  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"],"names":["withProvider","withContext","createSlotRecipeContext","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","datePickerMessages_en","datePickerMessages_de","datePickerMessages_es","datePickerMessages_fr","datePickerMessages_pt","datePickerMessagesStrings","normalizeMessages","DatePickerCustomContext","children","msg","useLocalizedStringFormatter","buttonContext","useSlottedContext","ButtonContext","datePickerState","useContext","DatePickerStateContext","noInputValue","timeValue","setTimeValue","granularity","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","activeElement","timeInputSlots","value","jsx","Provider","TimeFieldContext","DatePickerTimeInput","hideTimeZone","hourCycle","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","jsxs","Flex","Text","TimeInput","DatePicker","props","size","variant","recipe","useSlotRecipe","datePickerSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}

package/dist/chunks/{date-range-picker-CO2HH0mY.cjs.js → date-range-picker-DaSUwkke.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),q=require("@chakra-ui/react"),z=require("@commercetools/nimbus-icons"),$=require("./DatePicker-NWRDzwUt.cjs.js"),P=require("./Dialog-CSr6lHSd.cjs.js"),E=require("./Group-1nWkximy.cjs.js"),L=require("@chakra-ui/react/styled-system"),F=require("./index-CVXB9mwf.cjs.js"),V=require("./extract-style-props-B4hqila-.cjs.js"),f=require("react"),l=require("./normalize-messages-CaDzkuUm.cjs.js"),v=require("@chakra-ui/react/flex"),M=require("./text-BtRhIklG.cjs.js"),C=require("./time-input-9Q5vV4UD.cjs.js"),I=require("./Button-DLCecw8f.cjs.js"),y=require("./utils-DVb3jcp5.cjs.js"),w=require("./DateField-BxXzaXAv.cjs.js"),B=require("./range-calendar-Dq5Gtsb6.cjs.js"),j=require("./date-input-DkYcGwBy.cjs.js"),D=require("./icon-button-CeB8_Yyr.cjs.js"),{withProvider:_,withContext:x}=q.createSlotRecipeContext({key:"dateRangePicker"}),A=_("div","root"),O=x("div","group"),W=x("div","trigger"),G=x("div","popover"),K=x("div","calendar"),N={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"},J={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"},Q={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"},U={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"},X={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"},R={en:l.normalizeMessages(N),de:l.normalizeMessages(J),es:l.normalizeMessages(Q),"fr-FR":l.normalizeMessages(U),"pt-BR":l.normalizeMessages(X)},Y=({hideTimeZone:s,hourCycle:i})=>{const u=l.useLocalizedStringFormatter(R),t=f.useContext($.$06d5b8ec9ee5d538$export$80d7ae1f804790be),{granularity:d,value:a}=t,o=f.useRef(null),m=f.useRef(a);return d==="day"?null:(f.useEffect(()=>{let g;if(a?.start&&m.current?.start?.compare(a.start)!==0||a?.end&&m.current?.end?.compare(a.end)!==0){const c=o.current,h=document.activeElement;c?.contains(h)&&h?.getAttribute("role")==="spinbutton"||(g=setTimeout(()=>{if(c){const n=c.querySelector('[role="spinbutton"]');n&&n.focus()}},50))}return m.current=a,()=>{g&&clearTimeout(g)}},[a]),e.jsxs(v.Flex,{ref:o,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsxs(v.Flex,{alignItems:"center",gap:"200",children:[e.jsx(M.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:u.format("startTimeLabel")}),e.jsx(C.TimeInput,{slot:"startTimeInput",variant:"ghost",size:"sm",hideTimeZone:s,hourCycle:i})]}),e.jsxs(v.Flex,{alignItems:"center",gap:"200",children:[e.jsx(M.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:u.format("endTimeLabel")}),e.jsx(C.TimeInput,{slot:"endTimeInput",variant:"ghost",size:"sm",hideTimeZone:s,hourCycle:i})]})]}))},Z=({children:s})=>{const i=l.useLocalizedStringFormatter(R),u=y.$64fa3d84918910a7$export$fabf2dc03a41866e(I.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},t=f.useContext($.$06d5b8ec9ee5d538$export$80d7ae1f804790be),d=n=>n?.day&&n?.month&&n?.year,a=!t?.value||!d(t.value.start)||!d(t.value.end),{granularity:o}=t,m=t?.value?.start&&"hour"in t.value.start?t.value.start:null,g=t?.value?.end&&"hour"in t.value.end?t.value.end:null,b=u?.isDisabled,c=n=>{const r=n==="start"?"start":"end";switch(o){case"hour":return i.format(`${r}TimeHour`);case"minute":return i.format(`${r}TimeHourMinute`);case"second":return i.format(`${r}TimeHourMinuteSecond`);default:return i.format(`${r}Time`)}},h={calendarToggle:{...u,onPress:n=>{const r=document?.activeElement;r&&r.blur(),u.onPress?.(n)}},clear:{onPress:()=>t?.setValue(null),"aria-label":i.format("clearInput"),isDisabled:b,style:a?{display:"none"}:void 0,"aria-hidden":a?!0:void 0}},S={startTimeInput:{value:m,onChange:n=>{if(n!==null&&t?.value?.start){const r=t.value,p=r.start,T=r.end;if(p&&T){const H=p.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:H,end:T})}}},granularity:o==="day"?void 0:o,"aria-label":c("start")},endTimeInput:{value:g,onChange:n=>{if(n!==null&&t?.value?.end){const r=t.value,p=r.start,T=r.end;if(p&&T){const H=T.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:p,end:H})}}},granularity:o==="day"?void 0:o,"aria-label":c("end")}};return e.jsx(y.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[I.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:h}],[w.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:S}]],children:s})},k=s=>{const i=l.useLocalizedStringFormatter(R),{granularity:u="day",hideTimeZone:t,hourCycle:d}=s,a=L.useSlotRecipe({recipe:F.dateRangePickerSlotRecipe}),[o,m]=a.splitVariantProps(s),[g,b]=V.extractStyleProps(m),{size:c="md"}=o,h=c==="md"?"xs":"2xs",S=u==="day"?s.shouldCloseOnSelect:!1;return e.jsx(A,{...o,...g,asChild:!0,children:e.jsx($.$06d5b8ec9ee5d538$export$17334619f3ac2224,{...b,shouldCloseOnSelect:S,children:e.jsxs(Z,{children:[e.jsx(O,{asChild:!0,children:e.jsxs(E.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:[e.jsx(j.DateInput,{slot:"start",size:s.size,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:d}),e.jsx(M.Text,{as:"span",px:"150",color:"neutral.11",userSelect:"none","aria-hidden":"true",slot:null,children:"–"}),e.jsx(j.DateInput,{slot:"end",size:s.size,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:d}),e.jsxs(W,{children:[e.jsx(D.IconButton,{variant:"ghost",size:h,slot:"clear","aria-label":i.format("clearSelection"),children:e.jsx(z.Close,{})}),e.jsx(D.IconButton,{variant:"ghost",size:h,slot:"calendarToggle","aria-label":i.format("openCalendar"),children:e.jsx(z.CalendarMonth,{})})]})]})}),e.jsx(G,{asChild:!0,children:e.jsx(P.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(P.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(K,{children:e.jsx(B.RangeCalendar,{})}),e.jsx(Y,{hideTimeZone:t,hourCycle:d})]})})})]})})})};k.displayName="DateRangePicker";exports.DateRangePicker=k;
-//# sourceMappingURL=date-range-picker-CO2HH0mY.cjs.js.map
+"use strict";const e=require("react/jsx-runtime"),q=require("@chakra-ui/react"),z=require("@commercetools/nimbus-icons"),$=require("./DatePicker-NWRDzwUt.cjs.js"),P=require("./Dialog-CSr6lHSd.cjs.js"),E=require("./Group-1nWkximy.cjs.js"),L=require("@chakra-ui/react/styled-system"),F=require("./index-CBRmb4jF.cjs.js"),V=require("./extract-style-props-BvvBKXOu.cjs.js"),f=require("react"),l=require("./normalize-messages-CaDzkuUm.cjs.js"),v=require("@chakra-ui/react/flex"),M=require("./text-BtRhIklG.cjs.js"),C=require("./time-input-G64QnJLm.cjs.js"),I=require("./Button-DLCecw8f.cjs.js"),y=require("./utils-DVb3jcp5.cjs.js"),w=require("./DateField-BxXzaXAv.cjs.js"),B=require("./range-calendar-tLrCZyTQ.cjs.js"),j=require("./date-input-BL7owE4Q.cjs.js"),D=require("./icon-button-5pYAEokc.cjs.js"),{withProvider:_,withContext:x}=q.createSlotRecipeContext({key:"dateRangePicker"}),A=_("div","root"),O=x("div","group"),W=x("div","trigger"),G=x("div","popover"),K=x("div","calendar"),N={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"},J={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"},Q={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"},U={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"},X={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"},R={en:l.normalizeMessages(N),de:l.normalizeMessages(J),es:l.normalizeMessages(Q),"fr-FR":l.normalizeMessages(U),"pt-BR":l.normalizeMessages(X)},Y=({hideTimeZone:s,hourCycle:i})=>{const u=l.useLocalizedStringFormatter(R),t=f.useContext($.$06d5b8ec9ee5d538$export$80d7ae1f804790be),{granularity:d,value:a}=t,o=f.useRef(null),m=f.useRef(a);return d==="day"?null:(f.useEffect(()=>{let g;if(a?.start&&m.current?.start?.compare(a.start)!==0||a?.end&&m.current?.end?.compare(a.end)!==0){const c=o.current,h=document.activeElement;c?.contains(h)&&h?.getAttribute("role")==="spinbutton"||(g=setTimeout(()=>{if(c){const n=c.querySelector('[role="spinbutton"]');n&&n.focus()}},50))}return m.current=a,()=>{g&&clearTimeout(g)}},[a]),e.jsxs(v.Flex,{ref:o,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsxs(v.Flex,{alignItems:"center",gap:"200",children:[e.jsx(M.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:u.format("startTimeLabel")}),e.jsx(C.TimeInput,{slot:"startTimeInput",variant:"ghost",size:"sm",hideTimeZone:s,hourCycle:i})]}),e.jsxs(v.Flex,{alignItems:"center",gap:"200",children:[e.jsx(M.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:u.format("endTimeLabel")}),e.jsx(C.TimeInput,{slot:"endTimeInput",variant:"ghost",size:"sm",hideTimeZone:s,hourCycle:i})]})]}))},Z=({children:s})=>{const i=l.useLocalizedStringFormatter(R),u=y.$64fa3d84918910a7$export$fabf2dc03a41866e(I.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},t=f.useContext($.$06d5b8ec9ee5d538$export$80d7ae1f804790be),d=n=>n?.day&&n?.month&&n?.year,a=!t?.value||!d(t.value.start)||!d(t.value.end),{granularity:o}=t,m=t?.value?.start&&"hour"in t.value.start?t.value.start:null,g=t?.value?.end&&"hour"in t.value.end?t.value.end:null,b=u?.isDisabled,c=n=>{const r=n==="start"?"start":"end";switch(o){case"hour":return i.format(`${r}TimeHour`);case"minute":return i.format(`${r}TimeHourMinute`);case"second":return i.format(`${r}TimeHourMinuteSecond`);default:return i.format(`${r}Time`)}},h={calendarToggle:{...u,onPress:n=>{const r=document?.activeElement;r&&r.blur(),u.onPress?.(n)}},clear:{onPress:()=>t?.setValue(null),"aria-label":i.format("clearInput"),isDisabled:b,style:a?{display:"none"}:void 0,"aria-hidden":a?!0:void 0}},S={startTimeInput:{value:m,onChange:n=>{if(n!==null&&t?.value?.start){const r=t.value,p=r.start,T=r.end;if(p&&T){const H=p.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:H,end:T})}}},granularity:o==="day"?void 0:o,"aria-label":c("start")},endTimeInput:{value:g,onChange:n=>{if(n!==null&&t?.value?.end){const r=t.value,p=r.start,T=r.end;if(p&&T){const H=T.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:p,end:H})}}},granularity:o==="day"?void 0:o,"aria-label":c("end")}};return e.jsx(y.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[I.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:h}],[w.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:S}]],children:s})},k=s=>{const i=l.useLocalizedStringFormatter(R),{granularity:u="day",hideTimeZone:t,hourCycle:d}=s,a=L.useSlotRecipe({recipe:F.dateRangePickerSlotRecipe}),[o,m]=a.splitVariantProps(s),[g,b]=V.extractStyleProps(m),{size:c="md"}=o,h=c==="md"?"xs":"2xs",S=u==="day"?s.shouldCloseOnSelect:!1;return e.jsx(A,{...o,...g,asChild:!0,children:e.jsx($.$06d5b8ec9ee5d538$export$17334619f3ac2224,{...b,shouldCloseOnSelect:S,children:e.jsxs(Z,{children:[e.jsx(O,{asChild:!0,children:e.jsxs(E.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:[e.jsx(j.DateInput,{slot:"start",size:s.size,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:d}),e.jsx(M.Text,{as:"span",px:"150",color:"neutral.11",userSelect:"none","aria-hidden":"true",slot:null,children:"–"}),e.jsx(j.DateInput,{slot:"end",size:s.size,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:d}),e.jsxs(W,{children:[e.jsx(D.IconButton,{variant:"ghost",size:h,slot:"clear","aria-label":i.format("clearSelection"),children:e.jsx(z.Close,{})}),e.jsx(D.IconButton,{variant:"ghost",size:h,slot:"calendarToggle","aria-label":i.format("openCalendar"),children:e.jsx(z.CalendarMonth,{})})]})]})}),e.jsx(G,{asChild:!0,children:e.jsx(P.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(P.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(K,{children:e.jsx(B.RangeCalendar,{})}),e.jsx(Y,{hideTimeZone:t,hourCycle:d})]})})})]})})})};k.displayName="DateRangePicker";exports.DateRangePicker=k;
+//# sourceMappingURL=date-range-picker-DaSUwkke.cjs.js.map