npm - @commercetools/nimbus - Versions diffs - 0.0.0-canary-20251008065712 → 0.0.0-canary-20251009112243 - Mend

@commercetools/nimbus 0.0.0-canary-20251008065712 → 0.0.0-canary-20251009112243

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (330) hide show

package/dist/chunks/{date-input-C7BR3eTg.cjs.js → date-input-CUWc63rA.cjs.js} RENAMED Viewed

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

package/dist/chunks/{date-input-C7BR3eTg.cjs.js.map → date-input-CUWc63rA.cjs.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-input-~~C7BR3eTg~~.cjs.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dateInputSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DateInputRootSlot = withProvider<\n HTMLDivElement,\n DateInputRootProps\n>(\"div\", \"root\");\n\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/extractStyleProps\";\n\n/\n # DateInput\n \n allows entering a date\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n */\nexport const DateInput = (props: DateInputProps) => {\n const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n const { 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","dateInputSlotRecipe","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":"6NAyBM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQC,EAAAA,mBACV,CAAC,EAMYC,EAAoBJ,EAG/B,MAAO,MAAM,EAEFK,EAA8BJ,EAGzC,MAAO,gBAAgB,EAEZK,EAA+BL,EAG1C,MAAO,iBAAiB,EAKbM,EAA4BN,EAGvC,MAAO,cAAc,EAKVO,EAAuBP,EAGlC,MAAO,SAAS,ECrCLQ,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQT,EAAAA,oBAAqB,EAClD,CAAE,eAAAU,EAAgB,gBAAAC,EAAiB,GAAGC,GAASL,EAC/C,CAACM,EAAaC,CAAe,EAAIN,EAAO,kBAAkB,CAAE,GAAGI,EAAM,EACrE,CAACG,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAACjB,EAAA,CAAmB,GAAGY,EAAc,GAAGE,EAAY,QAAO,GACzD,SAAAG,EAAAA,IAACC,EAAAA,0CAAA,CAAW,GAAGH,EACb,SAAAI,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAX,GACCQ,EAAAA,IAAChB,GACE,SAAAQ,CAAA,CACH,QAEDN,EAAA,CAA0B,QAAO,GAChC,SAAAc,EAAAA,IAACI,6CACE,SAACC,GACAL,EAAAA,IAACb,EAAA,CAAqB,QAAO,GAC3B,SAAAa,EAAAA,IAACM,6CAAY,QAAAD,CAAA,CAAkB,EACjC,EAEJ,CAAA,CACF,EACCZ,GACCO,EAAAA,IAACf,EAAA,CACE,SAAAQ,CAAA,CACH,CAAA,CAAA,CAEJ,EACF,EACF,CAEJ,EAEAL,EAAU,YAAc"}
1	+ {"version":3,"file":"date-input-CUWc63rA.cjs.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dateInputSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DateInputRootSlot = withProvider<\n HTMLDivElement,\n DateInputRootProps\n>(\"div\", \"root\");\n\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/extractStyleProps\";\n\n/\n # DateInput\n \n allows entering a date\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n */\nexport const DateInput = (props: DateInputProps) => {\n const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n const { 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","dateInputSlotRecipe","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":"6NAyBM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQC,EAAAA,mBACV,CAAC,EAMYC,EAAoBJ,EAG/B,MAAO,MAAM,EAEFK,EAA8BJ,EAGzC,MAAO,gBAAgB,EAEZK,EAA+BL,EAG1C,MAAO,iBAAiB,EAKbM,EAA4BN,EAGvC,MAAO,cAAc,EAKVO,EAAuBP,EAGlC,MAAO,SAAS,ECrCLQ,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQT,EAAAA,oBAAqB,EAClD,CAAE,eAAAU,EAAgB,gBAAAC,EAAiB,GAAGC,GAASL,EAC/C,CAACM,EAAaC,CAAe,EAAIN,EAAO,kBAAkB,CAAE,GAAGI,EAAM,EACrE,CAACG,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAACjB,EAAA,CAAmB,GAAGY,EAAc,GAAGE,EAAY,QAAO,GACzD,SAAAG,EAAAA,IAACC,EAAAA,0CAAA,CAAW,GAAGH,EACb,SAAAI,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAX,GACCQ,EAAAA,IAAChB,GACE,SAAAQ,CAAA,CACH,QAEDN,EAAA,CAA0B,QAAO,GAChC,SAAAc,EAAAA,IAACI,6CACE,SAACC,GACAL,EAAAA,IAACb,EAAA,CAAqB,QAAO,GAC3B,SAAAa,EAAAA,IAACM,6CAAY,QAAAD,CAAA,CAAkB,EACjC,EAEJ,CAAA,CACF,EACCZ,GACCO,EAAAA,IAACf,EAAA,CACE,SAAAQ,CAAA,CACH,CAAA,CAAA,CAEJ,EACF,EACF,CAEJ,EAEAL,EAAU,YAAc"}

package/dist/chunks/{date-input-DOiFNdVS.es.js → date-input-Dab_Fdrq.es.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as u, Fragment as f } from "react/jsx-runtime";
 import { createSlotRecipeContext as h, useRecipe as g } from "@chakra-ui/react/styled-system";
-import { d as o } from "./index-D26EXIvZ.es.js";
-import { $ as S, a as $, b as x } from "./DateField-5ys1kBci.es.js";
-import { e as D } from "./extractStyleProps-DikjPnnl.es.js";
+import { d as o } from "./index-DthLdwMN.es.js";
+import { $ as S, a as $, b as x } from "./DateField-BnqI8eDK.es.js";
+import { e as D } from "./extractStyleProps-CNXOLneR.es.js";
 const { withProvider: I, withContext: t } = /* @__PURE__ */ h({
   recipe: o
 }), b = /* @__PURE__ */ I("div", "root"), P = /* @__PURE__ */ t("div", "leadingElement"), v = /* @__PURE__ */ t("div", "trailingElement"), E = /* @__PURE__ */ t("div", "segmentGroup"), C = /* @__PURE__ */ t("div", "segment"), R = (i) => {
@@ -17,4 +17,4 @@ R.displayName = "DateInput";
 export {
   R as D
 };
-//# sourceMappingURL=date-input-DOiFNdVS.es.js.map
+//# sourceMappingURL=date-input-Dab_Fdrq.es.js.map

package/dist/chunks/{date-input-DOiFNdVS.es.js.map → date-input-Dab_Fdrq.es.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-input-~~DOiFNdVS~~.es.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dateInputSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DateInputRootSlot = withProvider<\n HTMLDivElement,\n DateInputRootProps\n>(\"div\", \"root\");\n\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/extractStyleProps\";\n\n/\n # DateInput\n \n allows entering a date\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n */\nexport const DateInput = (props: DateInputProps) => {\n const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n const { 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","dateInputSlotRecipe","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":";;;;;AAyBA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQC;AACV,CAAC,GAMYC,IAAoB,gBAAAJ,EAG/B,OAAO,MAAM,GAEFK,IAA8B,gBAAAJ,EAGzC,OAAO,gBAAgB,GAEZK,IAA+B,gBAAAL,EAG1C,OAAO,iBAAiB,GAKbM,IAA4B,gBAAAN,EAGvC,OAAO,cAAc,GAKVO,IAAuB,gBAAAP,EAGlC,OAAO,SAAS,GCrCLQ,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQT,GAAqB,GAClD,EAAE,gBAAAU,GAAgB,iBAAAC,GAAiB,GAAGC,MAASL,GAC/C,CAACM,GAAaC,CAAe,IAAIN,EAAO,kBAAkB,EAAE,GAAGI,GAAM,GACrE,CAACG,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAACjB,GAAA,EAAmB,GAAGY,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,UAAA,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KACC,gBAAAQ,EAAChB,KACE,UAAAQ,EAAA,CACH;AAAA,sBAEDN,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAc,EAACI,KACE,UAAA,CAACC,MACA,gBAAAL,EAACb,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAa,EAACM,KAAY,SAAAD,EAAA,CAAkB,GACjC,GAEJ,EAAA,CACF;AAAA,IACCZ,KACC,gBAAAO,EAACf,GAAA,EACE,UAAAQ,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,GACF,GACF;AAEJ;AAEAL,EAAU,cAAc;"}
1	+ {"version":3,"file":"date-input-Dab_Fdrq.es.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dateInputSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DateInputRootSlot = withProvider<\n HTMLDivElement,\n DateInputRootProps\n>(\"div\", \"root\");\n\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/extractStyleProps\";\n\n/\n # DateInput\n \n allows entering a date\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}\n */\nexport const DateInput = (props: DateInputProps) => {\n const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n const { 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","dateInputSlotRecipe","DateInputRootSlot","DateInputLeadingElementSlot","DateInputTrailingElementSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","leadingElement","trailingElement","rest","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","jsxs","Fragment","DateInputField","segment","DateSegment"],"mappings":";;;;;AAyBA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQC;AACV,CAAC,GAMYC,IAAoB,gBAAAJ,EAG/B,OAAO,MAAM,GAEFK,IAA8B,gBAAAJ,EAGzC,OAAO,gBAAgB,GAEZK,IAA+B,gBAAAL,EAG1C,OAAO,iBAAiB,GAKbM,IAA4B,gBAAAN,EAGvC,OAAO,cAAc,GAKVO,IAAuB,gBAAAP,EAGlC,OAAO,SAAS,GCrCLQ,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQT,GAAqB,GAClD,EAAE,gBAAAU,GAAgB,iBAAAC,GAAiB,GAAGC,MAASL,GAC/C,CAACM,GAAaC,CAAe,IAAIN,EAAO,kBAAkB,EAAE,GAAGI,GAAM,GACrE,CAACG,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAACjB,GAAA,EAAmB,GAAGY,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,UAAA,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KACC,gBAAAQ,EAAChB,KACE,UAAAQ,EAAA,CACH;AAAA,sBAEDN,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAc,EAACI,KACE,UAAA,CAACC,MACA,gBAAAL,EAACb,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAa,EAACM,KAAY,SAAAD,EAAA,CAAkB,GACjC,GAEJ,EAAA,CACF;AAAA,IACCZ,KACC,gBAAAO,EAACf,GAAA,EACE,UAAAQ,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,GACF,GACF;AAEJ;AAEAL,EAAU,cAAc;"}

package/dist/chunks/{date-picker-Cm9gyNP-.cjs.js → date-picker-C6A6CiIu.cjs.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),D=require("@chakra-ui/react/styled-system"),j=require("./index-DhO4Z_an.cjs.js"),P=require("@commercetools/nimbus-icons"),x=require("./DatePicker-DCjrqg4Q.cjs.js"),T=require("./Dialog-XGXh4NXU.cjs.js"),C=require("./Group-BX1EpD9E.cjs.js"),q=require("./extractStyleProps-Dm0IZP1e.cjs.js"),f=require("react"),h=require("react-intl"),I=require("./time-input-BCBvliVc.cjs.js"),M=require("@chakra-ui/react/flex"),R=require("./text-CCW9kDT_.cjs.js"),S=require("./Button-CFZnLKVR.cjs.js"),k=require("./utils-BHdR5Nww.cjs.js"),E=require("./DateField-CDTSjqvQ.cjs.js"),H=require("./date-input-C7BR3eTg.cjs.js"),N=require("./calendar-CmRpEeaV.cjs.js"),V=require("./box-CWni3A32.cjs.js"),y=require("./icon-button-Bwkgcdyv.cjs.js"),{withProvider:B,withContext:g}=D.createSlotRecipeContext({recipe:j.datePickerSlotRecipe}),w=B("div","root"),z=g("div","group"),F=g("div","popover"),G=g("div","calendar"),m=h.defineMessages({clearInput:{id:"Nimbus.DatePicker.clearInput",description:"aria-label for clear input button in date picker",defaultMessage:"Clear input value"},enterTime:{id:"Nimbus.DatePicker.Time.enterTime",description:"aria-label for time input field in date picker",defaultMessage:"Enter time"},enterTimeHour:{id:"Nimbus.DatePicker.Time.enterTimeHour",description:"aria-label for hour-only time input in date picker",defaultMessage:"Enter time (hour)"},enterTimeHourMinute:{id:"Nimbus.DatePicker.Time.enterTimeHourMinute",description:"aria-label for hour and minute time input in date picker",defaultMessage:"Enter time (hour and minute)"},enterTimeHourMinuteSecond:{id:"Nimbus.DatePicker.Time.enterTimeHourMinuteSecond",description:"aria-label for full time input with seconds in date picker",defaultMessage:"Enter time (hour, minute, and second)"},startTime:{id:"Nimbus.DatePicker.Time.startTime",description:"Label for start time in date picker",defaultMessage:"Start time"}}),A=({hideTimeZone:n,hourCycle:r})=>{const s=f.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),{granularity:o,dateValue:t}=s,a=f.useRef(null),u=f.useRef(t);return o==="day"?null:(f.useEffect(()=>{let i;if(t&&u.current?.compare(t)!==0){const c=a.current,l=document.activeElement;c?.contains(l)&&l?.getAttribute("role")==="spinbutton"||(i=setTimeout(()=>{c&&c.querySelector('[role="spinbutton"]')?.focus()},50))}return u.current=t,()=>{i&&clearTimeout(i)}},[t]),e.jsxs(M.Flex,{ref:a,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsx(R.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",children:e.jsx(h.FormattedMessage,{...m.startTime})}),e.jsx(I.TimeInput,{slot:"timeInput",variant:"ghost",size:"sm",hideTimeZone:n,hourCycle:r})]}))},L=({children:n})=>{const r=h.useIntl(),s=k.$64fa3d84918910a7$export$fabf2dc03a41866e(S.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},o=f.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),t=o?.dateValue===null,{timeValue:a,setTimeValue:u,granularity:i}=o,c=s?.isDisabled,l=()=>{switch(i){case"hour":return r.formatMessage(m.enterTimeHour);case"minute":return r.formatMessage(m.enterTimeHourMinute);case"second":return r.formatMessage(m.enterTimeHourMinuteSecond);default:return r.formatMessage(m.enterTime)}},b={calendarToggle:{...s,onPress:d=>{const $=document?.activeElement;$&&$.blur(),s.onPress?.(d)}},clear:{onPress:()=>o?.setValue(null),"aria-label":r.formatMessage(m.clearInput),isDisabled:c,style:t?{display:"none"}:void 0,"aria-hidden":t?!0:void 0}},p={timeInput:{value:a,onChange:d=>{d!==null&&u(d)},granularity:i==="day"?void 0:i,"aria-label":l()}};return e.jsx(k.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[S.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:b}],[E.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:p}]],children:n})},v=n=>{const{size:r="md",variant:s,granularity:o="day",hideTimeZone:t,hourCycle:a}=n,u=D.useSlotRecipe({recipe:j.datePickerSlotRecipe}),[i,c]=u.splitVariantProps(n),[l,b]=q.extractStyleProps(c),p=r==="md"?"xs":"2xs",d=o==="day"?n.shouldCloseOnSelect:!1;return e.jsx(w,{...i,...l,asChild:!0,children:e.jsx(x.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00,{...b,shouldCloseOnSelect:d,children:e.jsxs(L,{children:[e.jsx(z,{asChild:!0,children:e.jsx(C.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:e.jsx(H.DateInput,{size:r,variant:s,width:"full",hideTimeZone:t,hourCycle:a,trailingElement:e.jsxs(V.Box,{children:[e.jsx(y.IconButton,{tone:"primary",variant:"ghost",size:p,slot:"clear",children:e.jsx(P.Close,{})}),e.jsx(y.IconButton,{tone:"primary",variant:"ghost",size:p,slot:"calendarToggle",children:e.jsx(P.CalendarMonth,{})})]})})})}),e.jsx(F,{asChild:!0,children:e.jsx(T.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(T.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(G,{children:e.jsx(N.Calendar,{})}),e.jsx(A,{hideTimeZone:t,hourCycle:a})]})})})]})})})};v.displayName="DatePicker";exports.DatePicker=v;
-//# sourceMappingURL=date-picker-Cm9gyNP-.cjs.js.map
+"use strict";const e=require("react/jsx-runtime"),D=require("@chakra-ui/react/styled-system"),j=require("./index-Bx9ez6gh.cjs.js"),P=require("@commercetools/nimbus-icons"),x=require("./DatePicker-DCjrqg4Q.cjs.js"),T=require("./Dialog-XGXh4NXU.cjs.js"),C=require("./Group-BX1EpD9E.cjs.js"),q=require("./extractStyleProps-G58aSXl8.cjs.js"),f=require("react"),h=require("react-intl"),I=require("./time-input-UNOO6gaq.cjs.js"),M=require("@chakra-ui/react/flex"),R=require("./text-CCW9kDT_.cjs.js"),S=require("./Button-CFZnLKVR.cjs.js"),k=require("./utils-BHdR5Nww.cjs.js"),E=require("./DateField-CDTSjqvQ.cjs.js"),H=require("./date-input-CUWc63rA.cjs.js"),N=require("./calendar-GA5ACIqm.cjs.js"),V=require("./box-CWni3A32.cjs.js"),y=require("./icon-button-CkjZc6Br.cjs.js"),{withProvider:B,withContext:g}=D.createSlotRecipeContext({recipe:j.datePickerSlotRecipe}),w=B("div","root"),z=g("div","group"),F=g("div","popover"),G=g("div","calendar"),m=h.defineMessages({clearInput:{id:"Nimbus.DatePicker.clearInput",description:"aria-label for clear input button in date picker",defaultMessage:"Clear input value"},enterTime:{id:"Nimbus.DatePicker.Time.enterTime",description:"aria-label for time input field in date picker",defaultMessage:"Enter time"},enterTimeHour:{id:"Nimbus.DatePicker.Time.enterTimeHour",description:"aria-label for hour-only time input in date picker",defaultMessage:"Enter time (hour)"},enterTimeHourMinute:{id:"Nimbus.DatePicker.Time.enterTimeHourMinute",description:"aria-label for hour and minute time input in date picker",defaultMessage:"Enter time (hour and minute)"},enterTimeHourMinuteSecond:{id:"Nimbus.DatePicker.Time.enterTimeHourMinuteSecond",description:"aria-label for full time input with seconds in date picker",defaultMessage:"Enter time (hour, minute, and second)"},startTime:{id:"Nimbus.DatePicker.Time.startTime",description:"Label for start time in date picker",defaultMessage:"Start time"}}),A=({hideTimeZone:n,hourCycle:r})=>{const s=f.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),{granularity:o,dateValue:t}=s,a=f.useRef(null),u=f.useRef(t);return o==="day"?null:(f.useEffect(()=>{let i;if(t&&u.current?.compare(t)!==0){const c=a.current,l=document.activeElement;c?.contains(l)&&l?.getAttribute("role")==="spinbutton"||(i=setTimeout(()=>{c&&c.querySelector('[role="spinbutton"]')?.focus()},50))}return u.current=t,()=>{i&&clearTimeout(i)}},[t]),e.jsxs(M.Flex,{ref:a,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsx(R.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",children:e.jsx(h.FormattedMessage,{...m.startTime})}),e.jsx(I.TimeInput,{slot:"timeInput",variant:"ghost",size:"sm",hideTimeZone:n,hourCycle:r})]}))},L=({children:n})=>{const r=h.useIntl(),s=k.$64fa3d84918910a7$export$fabf2dc03a41866e(S.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},o=f.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),t=o?.dateValue===null,{timeValue:a,setTimeValue:u,granularity:i}=o,c=s?.isDisabled,l=()=>{switch(i){case"hour":return r.formatMessage(m.enterTimeHour);case"minute":return r.formatMessage(m.enterTimeHourMinute);case"second":return r.formatMessage(m.enterTimeHourMinuteSecond);default:return r.formatMessage(m.enterTime)}},b={calendarToggle:{...s,onPress:d=>{const $=document?.activeElement;$&&$.blur(),s.onPress?.(d)}},clear:{onPress:()=>o?.setValue(null),"aria-label":r.formatMessage(m.clearInput),isDisabled:c,style:t?{display:"none"}:void 0,"aria-hidden":t?!0:void 0}},p={timeInput:{value:a,onChange:d=>{d!==null&&u(d)},granularity:i==="day"?void 0:i,"aria-label":l()}};return e.jsx(k.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[S.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:b}],[E.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:p}]],children:n})},v=n=>{const{size:r="md",variant:s,granularity:o="day",hideTimeZone:t,hourCycle:a}=n,u=D.useSlotRecipe({recipe:j.datePickerSlotRecipe}),[i,c]=u.splitVariantProps(n),[l,b]=q.extractStyleProps(c),p=r==="md"?"xs":"2xs",d=o==="day"?n.shouldCloseOnSelect:!1;return e.jsx(w,{...i,...l,asChild:!0,children:e.jsx(x.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00,{...b,shouldCloseOnSelect:d,children:e.jsxs(L,{children:[e.jsx(z,{asChild:!0,children:e.jsx(C.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:e.jsx(H.DateInput,{size:r,variant:s,width:"full",hideTimeZone:t,hourCycle:a,trailingElement:e.jsxs(V.Box,{children:[e.jsx(y.IconButton,{tone:"primary",variant:"ghost",size:p,slot:"clear",children:e.jsx(P.Close,{})}),e.jsx(y.IconButton,{tone:"primary",variant:"ghost",size:p,slot:"calendarToggle",children:e.jsx(P.CalendarMonth,{})})]})})})}),e.jsx(F,{asChild:!0,children:e.jsx(T.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(T.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(G,{children:e.jsx(N.Calendar,{})}),e.jsx(A,{hideTimeZone:t,hourCycle:a})]})})})]})})})};v.displayName="DatePicker";exports.DatePicker=v;
+//# sourceMappingURL=date-picker-C6A6CiIu.cjs.js.map

package/dist/chunks/{date-picker-Cm9gyNP-.cjs.js.map → date-picker-C6A6CiIu.cjs.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker-Cm9gyNP-.cjs.js","sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/date-picker.i18n.ts","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DatePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DatePickerRootProps\n extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: datePickerSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DatePickerRootSlot = withProvider<\n HTMLDivElement,\n DatePickerRootProps\n>(\"div\", \"root\");\n\n/\n Slot component for the input group containing the DateInput.\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","import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n clearInput: {\n id: \"Nimbus.DatePicker.clearInput\",\n description: \"aria-label for clear input button in date picker\",\n defaultMessage: \"Clear input value\",\n },\n enterTime: {\n id: \"Nimbus.DatePicker.Time.enterTime\",\n description: \"aria-label for time input field in date picker\",\n defaultMessage: \"Enter time\",\n },\n enterTimeHour: {\n id: \"Nimbus.DatePicker.Time.enterTimeHour\",\n description: \"aria-label for hour-only time input in date picker\",\n defaultMessage: \"Enter time (hour)\",\n },\n enterTimeHourMinute: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinute\",\n description: \"aria-label for hour and minute time input in date picker\",\n defaultMessage: \"Enter time (hour and minute)\",\n },\n enterTimeHourMinuteSecond: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinuteSecond\",\n description: \"aria-label for full time input with seconds in date picker\",\n defaultMessage: \"Enter time (hour, minute, and second)\",\n },\n startTime: {\n id: \"Nimbus.DatePicker.Time.startTime\",\n description: \"Label for start time in date picker\",\n defaultMessage: \"Start time\",\n },\n});\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { FormattedMessage } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerTimeInput = ({\n hideTimeZone,\n hourCycle,\n}: DatePickerTimeInputProps) => {\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 <FormattedMessage {...messages.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 { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n DatePickerStateContext,\n TimeFieldContext,\n useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useIntl } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const buttonContext = useSlottedContext(ButtonContext) \|\| {};\n const datePickerState = useContext(DatePickerStateContext);\n const noInputValue = datePickerState?.dateValue === null;\n\n const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n // Try to get disabled state from the button context\n const isDatePickerDisabled = buttonContext?.isDisabled;\n\n // Generate default aria-label based on granularity if not provided\n const getDefaultTimeInputAriaLabel = () => {\n switch (granularity) {\n case \"hour\":\n return intl.formatMessage(messages.enterTimeHour);\n case \"minute\":\n return intl.formatMessage(messages.enterTimeHourMinute);\n case \"second\":\n return intl.formatMessage(messages.enterTimeHourMinuteSecond);\n default:\n return intl.formatMessage(messages.enterTime);\n }\n };\n\n /\n Button slots\n * ================================\n /\n const buttonSlots = {\n /* toggles the calendar popover /\n calendarToggle: {\n ...buttonContext,\n onPress: (event: PressEvent) => {\n // Ensure any active input (e.g., date picker segment) loses focus\n // because blurring the input will close the popover if it's open (or was just opened)\n const activeElement = document?.activeElement as HTMLElement \| null;\n\n if (activeElement) {\n activeElement.blur();\n }\n\n buttonContext.onPress?.(event);\n },\n },\n /* Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value /\n clear: {\n onPress: () => datePickerState?.setValue(null),\n \"aria-label\": intl.formatMessage(messages.clearInput),\n isDisabled: isDatePickerDisabled,\n // Hide the button when there's no value\n style: noInputValue ? { display: \"none\" } : undefined,\n \"aria-hidden\": noInputValue ? true : undefined,\n },\n };\n\n /\n TimeInput slots\n * ================================\n /\n\n const timeInputSlots = {\n timeInput: {\n value: timeValue,\n onChange: (value: TimeValue \| null) => {\n if (value !== null) {\n setTimeValue(value);\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(),\n },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n slots: buttonSlots,\n },\n ],\n [TimeFieldContext, { slots: timeInputSlots }],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import {\n DatePickerRootSlot,\n DatePickerGroupSlot,\n DatePickerPopoverSlot,\n DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n DatePicker as ReactAriaDatePicker,\n Group,\n Popover,\n Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/\n # DatePicker\n \n a UI component for users to enter or select a specific calendar date.\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\n /\nexport const DatePicker = (props: DatePickerProps) => {\n const {\n size = \"md\",\n variant,\n granularity = \"day\",\n hideTimeZone,\n hourCycle,\n } = props;\n const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n // the size of the buttons overlaying the input\n const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n // When granularity is \"day\", use the prop value (defaults to true if not provided)\n // For other granularities (time-based), force to false so users can set both date and time\n const shouldCloseOnSelect =\n granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n return (\n <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n <ReactAriaDatePicker\n {...otherProps}\n shouldCloseOnSelect={shouldCloseOnSelect}\n >\n <DatePickerCustomContext>\n <DatePickerGroupSlot asChild>\n <Group>\n <DateInput\n size={size}\n variant={variant}\n width=\"full\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n trailingElement={\n <Box>\n {/ @ts-expect-error react aria is adding the aria-label prop /}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"clear\"\n >\n <Close />\n </IconButton>\n {/ @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"calendarToggle\"\n >\n <CalendarMonth />\n </IconButton>\n </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","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","messages","defineMessages","DatePickerTimeInput","hideTimeZone","hourCycle","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","activeElement","jsxs","Flex","jsx","Text","FormattedMessage","TimeInput","DatePickerCustomContext","children","intl","useIntl","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","props","size","variant","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}
1	+ {"version":3,"file":"date-picker-C6A6CiIu.cjs.js","sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/date-picker.i18n.ts","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DatePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DatePickerRootProps\n extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: datePickerSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DatePickerRootSlot = withProvider<\n HTMLDivElement,\n DatePickerRootProps\n>(\"div\", \"root\");\n\n/\n Slot component for the input group containing the DateInput.\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","import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n clearInput: {\n id: \"Nimbus.DatePicker.clearInput\",\n description: \"aria-label for clear input button in date picker\",\n defaultMessage: \"Clear input value\",\n },\n enterTime: {\n id: \"Nimbus.DatePicker.Time.enterTime\",\n description: \"aria-label for time input field in date picker\",\n defaultMessage: \"Enter time\",\n },\n enterTimeHour: {\n id: \"Nimbus.DatePicker.Time.enterTimeHour\",\n description: \"aria-label for hour-only time input in date picker\",\n defaultMessage: \"Enter time (hour)\",\n },\n enterTimeHourMinute: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinute\",\n description: \"aria-label for hour and minute time input in date picker\",\n defaultMessage: \"Enter time (hour and minute)\",\n },\n enterTimeHourMinuteSecond: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinuteSecond\",\n description: \"aria-label for full time input with seconds in date picker\",\n defaultMessage: \"Enter time (hour, minute, and second)\",\n },\n startTime: {\n id: \"Nimbus.DatePicker.Time.startTime\",\n description: \"Label for start time in date picker\",\n defaultMessage: \"Start time\",\n },\n});\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { FormattedMessage } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerTimeInput = ({\n hideTimeZone,\n hourCycle,\n}: DatePickerTimeInputProps) => {\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 <FormattedMessage {...messages.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 { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n DatePickerStateContext,\n TimeFieldContext,\n useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useIntl } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const buttonContext = useSlottedContext(ButtonContext) \|\| {};\n const datePickerState = useContext(DatePickerStateContext);\n const noInputValue = datePickerState?.dateValue === null;\n\n const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n // Try to get disabled state from the button context\n const isDatePickerDisabled = buttonContext?.isDisabled;\n\n // Generate default aria-label based on granularity if not provided\n const getDefaultTimeInputAriaLabel = () => {\n switch (granularity) {\n case \"hour\":\n return intl.formatMessage(messages.enterTimeHour);\n case \"minute\":\n return intl.formatMessage(messages.enterTimeHourMinute);\n case \"second\":\n return intl.formatMessage(messages.enterTimeHourMinuteSecond);\n default:\n return intl.formatMessage(messages.enterTime);\n }\n };\n\n /\n Button slots\n * ================================\n /\n const buttonSlots = {\n /* toggles the calendar popover /\n calendarToggle: {\n ...buttonContext,\n onPress: (event: PressEvent) => {\n // Ensure any active input (e.g., date picker segment) loses focus\n // because blurring the input will close the popover if it's open (or was just opened)\n const activeElement = document?.activeElement as HTMLElement \| null;\n\n if (activeElement) {\n activeElement.blur();\n }\n\n buttonContext.onPress?.(event);\n },\n },\n /* Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value /\n clear: {\n onPress: () => datePickerState?.setValue(null),\n \"aria-label\": intl.formatMessage(messages.clearInput),\n isDisabled: isDatePickerDisabled,\n // Hide the button when there's no value\n style: noInputValue ? { display: \"none\" } : undefined,\n \"aria-hidden\": noInputValue ? true : undefined,\n },\n };\n\n /\n TimeInput slots\n * ================================\n /\n\n const timeInputSlots = {\n timeInput: {\n value: timeValue,\n onChange: (value: TimeValue \| null) => {\n if (value !== null) {\n setTimeValue(value);\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(),\n },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n slots: buttonSlots,\n },\n ],\n [TimeFieldContext, { slots: timeInputSlots }],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import {\n DatePickerRootSlot,\n DatePickerGroupSlot,\n DatePickerPopoverSlot,\n DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n DatePicker as ReactAriaDatePicker,\n Group,\n Popover,\n Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/\n # DatePicker\n \n a UI component for users to enter or select a specific calendar date.\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\n /\nexport const DatePicker = (props: DatePickerProps) => {\n const {\n size = \"md\",\n variant,\n granularity = \"day\",\n hideTimeZone,\n hourCycle,\n } = props;\n const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n // the size of the buttons overlaying the input\n const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n // When granularity is \"day\", use the prop value (defaults to true if not provided)\n // For other granularities (time-based), force to false so users can set both date and time\n const shouldCloseOnSelect =\n granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n return (\n <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n <ReactAriaDatePicker\n {...otherProps}\n shouldCloseOnSelect={shouldCloseOnSelect}\n >\n <DatePickerCustomContext>\n <DatePickerGroupSlot asChild>\n <Group>\n <DateInput\n size={size}\n variant={variant}\n width=\"full\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n trailingElement={\n <Box>\n {/ @ts-expect-error react aria is adding the aria-label prop /}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"clear\"\n >\n <Close />\n </IconButton>\n {/ @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"calendarToggle\"\n >\n <CalendarMonth />\n </IconButton>\n </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","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","messages","defineMessages","DatePickerTimeInput","hideTimeZone","hourCycle","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","activeElement","jsxs","Flex","jsx","Text","FormattedMessage","TimeInput","DatePickerCustomContext","children","intl","useIntl","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","props","size","variant","recipe","useSlotRecipe","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-yZG8AJhH.es.js → date-picker-CT6jwApn.es.js} RENAMED Viewed

@@ -1,23 +1,23 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { createSlotRecipeContext as D, useSlotRecipe as v } from "@chakra-ui/react/styled-system";
-import { h as x } from "./index-D26EXIvZ.es.js";
+import { h as x } from "./index-DthLdwMN.es.js";
 import { Close as y, CalendarMonth as C } from "@commercetools/nimbus-icons";
-import { b as S, c as M } from "./DatePicker-YExF9ktq.es.js";
-import { $ as I, a as E } from "./Dialog-CWqCOpjC.es.js";
-import { $ as H } from "./Group-BpLIGg06.es.js";
-import { e as N } from "./extractStyleProps-DikjPnnl.es.js";
+import { b as S, c as M } from "./DatePicker-Df88_VwG.es.js";
+import { g as I, h as E } from "./Dialog-FtshtbuD.es.js";
+import { $ as H } from "./Group-BBaUrRF9.es.js";
+import { e as N } from "./extractStyleProps-CNXOLneR.es.js";
 import { useContext as k, useRef as T, useEffect as R } from "react";
 import { defineMessages as V, FormattedMessage as w, useIntl as z } from "react-intl";
-import { T as B } from "./time-input-BbCVYXM4.es.js";
+import { T as B } from "./time-input-CwfMLg_y.es.js";
 import { Flex as F } from "@chakra-ui/react/flex";
-import { T as j } from "./text-hbdb3OKq.es.js";
-import { $ } from "./Button-BvIjIGsV.es.js";
-import { c as A, d as G } from "./utils-D5g6AoR2.es.js";
-import { d as L } from "./DateField-5ys1kBci.es.js";
-import { D as O } from "./date-input-DOiFNdVS.es.js";
-import { C as q } from "./calendar-BeLNlFT1.es.js";
+import { T as j } from "./text-BgiP8ZB6.es.js";
+import { $ as P } from "./Button-DbDspzBf.es.js";
+import { e as A, d as G } from "./utils-Cyja2WdR.es.js";
+import { d as L } from "./DateField-BnqI8eDK.es.js";
+import { D as O } from "./date-input-Dab_Fdrq.es.js";
+import { C as q } from "./calendar-C33Q6JGN.es.js";
 import { B as W } from "./box-DuBoAZvq.es.js";
-import { I as P } from "./icon-button-CbjASJ_F.es.js";
+import { I as $ } from "./icon-button-D4w1XTVg.es.js";
 const { withProvider: Z, withContext: h } = /* @__PURE__ */ D({
   recipe: x
 }), J = /* @__PURE__ */ Z("div", "root"), K = /* @__PURE__ */ h("div", "group"), Q = /* @__PURE__ */ h("div", "popover"), U = /* @__PURE__ */ h("div", "calendar"), u = /* @__PURE__ */ V({
@@ -98,7 +98,7 @@ const { withProvider: Z, withContext: h } = /* @__PURE__ */ D({
 }, Y = ({
   children: o
 }) => {
-  const r = z(), a = A($) || {}, n = k(S), t = n?.dateValue === null, { timeValue: s, setTimeValue: l, granularity: i } = n, c = a?.isDisabled, d = () => {
+  const r = z(), a = A(P) || {}, n = k(S), t = n?.dateValue === null, { timeValue: s, setTimeValue: l, granularity: i } = n, c = a?.isDisabled, d = () => {
     switch (i) {
       case "hour":
         return r.formatMessage(u.enterTimeHour);
@@ -142,7 +142,7 @@ const { withProvider: Z, withContext: h } = /* @__PURE__ */ D({
     {
       values: [
         [
-          $,
+          P,
           {
             slots: f
           }
@@ -176,7 +176,7 @@ const { withProvider: Z, withContext: h } = /* @__PURE__ */ D({
             hourCycle: s,
             trailingElement: /* @__PURE__ */ b(W, { children: [
               /* @__PURE__ */ e(
-                P,
+                $,
                 {
                   tone: "primary",
                   variant: "ghost",
@@ -186,7 +186,7 @@ const { withProvider: Z, withContext: h } = /* @__PURE__ */ D({
                 }
               ),
               /* @__PURE__ */ e(
-                P,
+                $,
                 {
                   tone: "primary",
                   variant: "ghost",
@@ -216,4 +216,4 @@ _.displayName = "DatePicker";
 export {
   _ as D
 };
-//# sourceMappingURL=date-picker-yZG8AJhH.es.js.map
+//# sourceMappingURL=date-picker-CT6jwApn.es.js.map

package/dist/chunks/{date-picker-yZG8AJhH.es.js.map → date-picker-CT6jwApn.es.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker-yZG8AJhH.es.js","sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/date-picker.i18n.ts","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DatePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DatePickerRootProps\n extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: datePickerSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DatePickerRootSlot = withProvider<\n HTMLDivElement,\n DatePickerRootProps\n>(\"div\", \"root\");\n\n/\n Slot component for the input group containing the DateInput.\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","import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n clearInput: {\n id: \"Nimbus.DatePicker.clearInput\",\n description: \"aria-label for clear input button in date picker\",\n defaultMessage: \"Clear input value\",\n },\n enterTime: {\n id: \"Nimbus.DatePicker.Time.enterTime\",\n description: \"aria-label for time input field in date picker\",\n defaultMessage: \"Enter time\",\n },\n enterTimeHour: {\n id: \"Nimbus.DatePicker.Time.enterTimeHour\",\n description: \"aria-label for hour-only time input in date picker\",\n defaultMessage: \"Enter time (hour)\",\n },\n enterTimeHourMinute: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinute\",\n description: \"aria-label for hour and minute time input in date picker\",\n defaultMessage: \"Enter time (hour and minute)\",\n },\n enterTimeHourMinuteSecond: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinuteSecond\",\n description: \"aria-label for full time input with seconds in date picker\",\n defaultMessage: \"Enter time (hour, minute, and second)\",\n },\n startTime: {\n id: \"Nimbus.DatePicker.Time.startTime\",\n description: \"Label for start time in date picker\",\n defaultMessage: \"Start time\",\n },\n});\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { FormattedMessage } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerTimeInput = ({\n hideTimeZone,\n hourCycle,\n}: DatePickerTimeInputProps) => {\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 <FormattedMessage {...messages.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 { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n DatePickerStateContext,\n TimeFieldContext,\n useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useIntl } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const buttonContext = useSlottedContext(ButtonContext) \|\| {};\n const datePickerState = useContext(DatePickerStateContext);\n const noInputValue = datePickerState?.dateValue === null;\n\n const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n // Try to get disabled state from the button context\n const isDatePickerDisabled = buttonContext?.isDisabled;\n\n // Generate default aria-label based on granularity if not provided\n const getDefaultTimeInputAriaLabel = () => {\n switch (granularity) {\n case \"hour\":\n return intl.formatMessage(messages.enterTimeHour);\n case \"minute\":\n return intl.formatMessage(messages.enterTimeHourMinute);\n case \"second\":\n return intl.formatMessage(messages.enterTimeHourMinuteSecond);\n default:\n return intl.formatMessage(messages.enterTime);\n }\n };\n\n /\n Button slots\n * ================================\n /\n const buttonSlots = {\n /* toggles the calendar popover /\n calendarToggle: {\n ...buttonContext,\n onPress: (event: PressEvent) => {\n // Ensure any active input (e.g., date picker segment) loses focus\n // because blurring the input will close the popover if it's open (or was just opened)\n const activeElement = document?.activeElement as HTMLElement \| null;\n\n if (activeElement) {\n activeElement.blur();\n }\n\n buttonContext.onPress?.(event);\n },\n },\n /* Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value /\n clear: {\n onPress: () => datePickerState?.setValue(null),\n \"aria-label\": intl.formatMessage(messages.clearInput),\n isDisabled: isDatePickerDisabled,\n // Hide the button when there's no value\n style: noInputValue ? { display: \"none\" } : undefined,\n \"aria-hidden\": noInputValue ? true : undefined,\n },\n };\n\n /\n TimeInput slots\n * ================================\n /\n\n const timeInputSlots = {\n timeInput: {\n value: timeValue,\n onChange: (value: TimeValue \| null) => {\n if (value !== null) {\n setTimeValue(value);\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(),\n },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n slots: buttonSlots,\n },\n ],\n [TimeFieldContext, { slots: timeInputSlots }],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import {\n DatePickerRootSlot,\n DatePickerGroupSlot,\n DatePickerPopoverSlot,\n DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n DatePicker as ReactAriaDatePicker,\n Group,\n Popover,\n Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/\n # DatePicker\n \n a UI component for users to enter or select a specific calendar date.\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\n /\nexport const DatePicker = (props: DatePickerProps) => {\n const {\n size = \"md\",\n variant,\n granularity = \"day\",\n hideTimeZone,\n hourCycle,\n } = props;\n const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n // the size of the buttons overlaying the input\n const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n // When granularity is \"day\", use the prop value (defaults to true if not provided)\n // For other granularities (time-based), force to false so users can set both date and time\n const shouldCloseOnSelect =\n granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n return (\n <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n <ReactAriaDatePicker\n {...otherProps}\n shouldCloseOnSelect={shouldCloseOnSelect}\n >\n <DatePickerCustomContext>\n <DatePickerGroupSlot asChild>\n <Group>\n <DateInput\n size={size}\n variant={variant}\n width=\"full\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n trailingElement={\n <Box>\n {/ @ts-expect-error react aria is adding the aria-label prop /}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"clear\"\n >\n <Close />\n </IconButton>\n {/ @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"calendarToggle\"\n >\n <CalendarMonth />\n </IconButton>\n </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","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","messages","defineMessages","DatePickerTimeInput","hideTimeZone","hourCycle","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","activeElement","jsxs","Flex","jsx","Text","FormattedMessage","TimeInput","DatePickerCustomContext","children","intl","useIntl","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","props","size","variant","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}
1	+ {"version":3,"file":"date-picker-CT6jwApn.es.js","sources":["../../src/components/date-picker/date-picker.slots.tsx","../../src/components/date-picker/date-picker.i18n.ts","../../src/components/date-picker/components/date-picker.time-input.tsx","../../src/components/date-picker/components/date-picker.custom-context.tsx","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\n\n/*\n Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n /\ninterface DatePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/\n Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n /\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DatePickerRootProps\n extends HTMLChakraProps<\"div\", DatePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: datePickerSlotRecipe,\n});\n\n/\n Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n /\nexport const DatePickerRootSlot = withProvider<\n HTMLDivElement,\n DatePickerRootProps\n>(\"div\", \"root\");\n\n/\n Slot component for the input group containing the DateInput.\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","import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n clearInput: {\n id: \"Nimbus.DatePicker.clearInput\",\n description: \"aria-label for clear input button in date picker\",\n defaultMessage: \"Clear input value\",\n },\n enterTime: {\n id: \"Nimbus.DatePicker.Time.enterTime\",\n description: \"aria-label for time input field in date picker\",\n defaultMessage: \"Enter time\",\n },\n enterTimeHour: {\n id: \"Nimbus.DatePicker.Time.enterTimeHour\",\n description: \"aria-label for hour-only time input in date picker\",\n defaultMessage: \"Enter time (hour)\",\n },\n enterTimeHourMinute: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinute\",\n description: \"aria-label for hour and minute time input in date picker\",\n defaultMessage: \"Enter time (hour and minute)\",\n },\n enterTimeHourMinuteSecond: {\n id: \"Nimbus.DatePicker.Time.enterTimeHourMinuteSecond\",\n description: \"aria-label for full time input with seconds in date picker\",\n defaultMessage: \"Enter time (hour, minute, and second)\",\n },\n startTime: {\n id: \"Nimbus.DatePicker.Time.startTime\",\n description: \"Label for start time in date picker\",\n defaultMessage: \"Start time\",\n },\n});\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\nimport { FormattedMessage } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerTimeInput = ({\n hideTimeZone,\n hourCycle,\n}: DatePickerTimeInputProps) => {\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 <FormattedMessage {...messages.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 { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n DatePickerStateContext,\n TimeFieldContext,\n useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useIntl } from \"react-intl\";\nimport messages from \"../date-picker.i18n\";\n\nexport const DatePickerCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const buttonContext = useSlottedContext(ButtonContext) \|\| {};\n const datePickerState = useContext(DatePickerStateContext);\n const noInputValue = datePickerState?.dateValue === null;\n\n const { timeValue, setTimeValue, granularity } = datePickerState!;\n\n // Try to get disabled state from the button context\n const isDatePickerDisabled = buttonContext?.isDisabled;\n\n // Generate default aria-label based on granularity if not provided\n const getDefaultTimeInputAriaLabel = () => {\n switch (granularity) {\n case \"hour\":\n return intl.formatMessage(messages.enterTimeHour);\n case \"minute\":\n return intl.formatMessage(messages.enterTimeHourMinute);\n case \"second\":\n return intl.formatMessage(messages.enterTimeHourMinuteSecond);\n default:\n return intl.formatMessage(messages.enterTime);\n }\n };\n\n /\n Button slots\n * ================================\n /\n const buttonSlots = {\n /* toggles the calendar popover /\n calendarToggle: {\n ...buttonContext,\n onPress: (event: PressEvent) => {\n // Ensure any active input (e.g., date picker segment) loses focus\n // because blurring the input will close the popover if it's open (or was just opened)\n const activeElement = document?.activeElement as HTMLElement \| null;\n\n if (activeElement) {\n activeElement.blur();\n }\n\n buttonContext.onPress?.(event);\n },\n },\n /* Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value /\n clear: {\n onPress: () => datePickerState?.setValue(null),\n \"aria-label\": intl.formatMessage(messages.clearInput),\n isDisabled: isDatePickerDisabled,\n // Hide the button when there's no value\n style: noInputValue ? { display: \"none\" } : undefined,\n \"aria-hidden\": noInputValue ? true : undefined,\n },\n };\n\n /\n TimeInput slots\n * ================================\n /\n\n const timeInputSlots = {\n timeInput: {\n value: timeValue,\n onChange: (value: TimeValue \| null) => {\n if (value !== null) {\n setTimeValue(value);\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(),\n },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n slots: buttonSlots,\n },\n ],\n [TimeFieldContext, { slots: timeInputSlots }],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import {\n DatePickerRootSlot,\n DatePickerGroupSlot,\n DatePickerPopoverSlot,\n DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n DatePicker as ReactAriaDatePicker,\n Group,\n Popover,\n Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton, Box } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/\n # DatePicker\n \n a UI component for users to enter or select a specific calendar date.\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\n /\nexport const DatePicker = (props: DatePickerProps) => {\n const {\n size = \"md\",\n variant,\n granularity = \"day\",\n hideTimeZone,\n hourCycle,\n } = props;\n const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n // the size of the buttons overlaying the input\n const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n // When granularity is \"day\", use the prop value (defaults to true if not provided)\n // For other granularities (time-based), force to false so users can set both date and time\n const shouldCloseOnSelect =\n granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n return (\n <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n <ReactAriaDatePicker\n {...otherProps}\n shouldCloseOnSelect={shouldCloseOnSelect}\n >\n <DatePickerCustomContext>\n <DatePickerGroupSlot asChild>\n <Group>\n <DateInput\n size={size}\n variant={variant}\n width=\"full\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n trailingElement={\n <Box>\n {/ @ts-expect-error react aria is adding the aria-label prop /}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"clear\"\n >\n <Close />\n </IconButton>\n {/ @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"calendarToggle\"\n >\n <CalendarMonth />\n </IconButton>\n </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","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","messages","defineMessages","DatePickerTimeInput","hideTimeZone","hourCycle","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","timeoutId","container","activeElement","jsxs","Flex","jsx","Text","FormattedMessage","TimeInput","DatePickerCustomContext","children","intl","useIntl","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","props","size","variant","recipe","useSlotRecipe","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-D-81vyFH.es.js → date-range-picker-BICRnCsn.es.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import { createSlotRecipeContext as V, useSlotRecipe as E } from "@chakra-ui/react/styled-system";
-import { g as T } from "./index-D26EXIvZ.es.js";
+import { g as T } from "./index-DthLdwMN.es.js";
 import { Close as w, CalendarMonth as z } from "@commercetools/nimbus-icons";
-import { $ as I, a as W } from "./DatePicker-YExF9ktq.es.js";
-import { $ as j, a as F } from "./Dialog-CWqCOpjC.es.js";
-import { $ as A } from "./Group-BpLIGg06.es.js";
-import { e as B } from "./extractStyleProps-DikjPnnl.es.js";
+import { $ as I, a as W } from "./DatePicker-Df88_VwG.es.js";
+import { g as j, h as F } from "./Dialog-FtshtbuD.es.js";
+import { $ as A } from "./Group-BBaUrRF9.es.js";
+import { e as B } from "./extractStyleProps-CNXOLneR.es.js";
 import { useContext as k, useRef as y, useEffect as G } from "react";
 import { Flex as x } from "@chakra-ui/react/flex";
-import { T as S } from "./text-hbdb3OKq.es.js";
-import { T as C } from "./time-input-BbCVYXM4.es.js";
-import { $ as D } from "./Button-BvIjIGsV.es.js";
-import { c as O, d as q } from "./utils-D5g6AoR2.es.js";
-import { d as H } from "./DateField-5ys1kBci.es.js";
-import { R as L } from "./range-calendar-C6yPojX-.es.js";
-import { D as P } from "./date-input-DOiFNdVS.es.js";
-import { I as R } from "./icon-button-CbjASJ_F.es.js";
-const { withProvider: M, withContext: $ } = /* @__PURE__ */ V({
+import { T as S } from "./text-BgiP8ZB6.es.js";
+import { T as C } from "./time-input-CwfMLg_y.es.js";
+import { $ as D } from "./Button-DbDspzBf.es.js";
+import { e as O, d as q } from "./utils-Cyja2WdR.es.js";
+import { d as H } from "./DateField-BnqI8eDK.es.js";
+import { R as L } from "./range-calendar-C0InkSSo.es.js";
+import { D as P } from "./date-input-Dab_Fdrq.es.js";
+import { I as R } from "./icon-button-D4w1XTVg.es.js";
+const { withProvider: M, withContext: v } = /* @__PURE__ */ V({
   recipe: T
-}), N = /* @__PURE__ */ M("div", "root"), J = /* @__PURE__ */ $("div", "group"), K = /* @__PURE__ */ $("div", "trigger"), Q = /* @__PURE__ */ $("div", "popover"), U = /* @__PURE__ */ $("div", "calendar"), X = ({
+}), N = /* @__PURE__ */ M("div", "root"), J = /* @__PURE__ */ v("div", "group"), K = /* @__PURE__ */ v("div", "trigger"), Q = /* @__PURE__ */ v("div", "popover"), U = /* @__PURE__ */ v("div", "calendar"), X = ({
   hideTimeZone: s,
   hourCycle: l
 }) => {
@@ -139,14 +139,14 @@ const { withProvider: M, withContext: $ } = /* @__PURE__ */ V({
         if (t !== null && e?.value?.start) {
           const r = e.value, f = r.start, h = r.end;
           if (f && h) {
-            const v = f.set({
+            const $ = f.set({
               hour: t.hour,
               minute: t.minute || 0,
               second: t.second || 0,
               millisecond: t.millisecond || 0
             });
             e.setValue({
-              start: v,
+              start: $,
               end: h
             });
           }
@@ -161,7 +161,7 @@ const { withProvider: M, withContext: $ } = /* @__PURE__ */ V({
         if (t !== null && e?.value?.end) {
           const r = e.value, f = r.start, h = r.end;
           if (f && h) {
-            const v = h.set({
+            const $ = h.set({
               hour: t.hour,
               minute: t.minute || 0,
               second: t.second || 0,
@@ -169,7 +169,7 @@ const { withProvider: M, withContext: $ } = /* @__PURE__ */ V({
             });
             e.setValue({
               start: f,
-              end: v
+              end: $
             });
           }
         }
@@ -277,4 +277,4 @@ Z.displayName = "DateRangePicker";
 export {
   Z as D
 };
-//# sourceMappingURL=date-range-picker-D-81vyFH.es.js.map
+//# sourceMappingURL=date-range-picker-BICRnCsn.es.js.map