@commercetools/nimbus 0.0.11 → 0.0.12-rc1

package/dist/chunks/config-Mt8_uyhI.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=e=>e,c=e=>e;exports.defineRecipe=i;exports.defineSlotRecipe=c;
+//# sourceMappingURL=config-Mt8_uyhI.cjs.js.map

package/dist/chunks/config-Mt8_uyhI.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-Mt8_uyhI.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/config.js"],"sourcesContent":["\"use strict\";\nimport { clone } from '../utils/clone.js';\nimport { mergeWith } from '../utils/merge.js';\n\nconst defineConditions = (v) => v;\nconst defineRecipe = (v) => v;\nconst defineSlotRecipe = (v) => v;\nconst defineKeyframes = (v) => v;\nconst defineGlobalStyles = (v) => v;\nconst defineStyle = (v) => v;\nconst defineTextStyles = (v) => v;\nconst defineAnimationStyles = (v) => v;\nconst defineLayerStyles = (v) => v;\nfunction createProxy() {\n  const identity = (v) => v;\n  return new Proxy(identity, {\n    get() {\n      return identity;\n    }\n  });\n}\nconst defineTokens = /* @__PURE__ */ createProxy();\nconst defineSemanticTokens = /* @__PURE__ */ createProxy();\nconst defineConfig = (v) => v;\nconst mergeConfigs = (...configs) => {\n  return mergeWith({}, ...configs.map(clone));\n};\n\nexport { defineAnimationStyles, defineConditions, defineConfig, defineGlobalStyles, defineKeyframes, defineLayerStyles, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineStyle, defineTextStyles, defineTokens, mergeConfigs };\n"],"names":["defineRecipe","v","defineSlotRecipe"],"mappings":"aAKK,MAACA,EAAgBC,GAAMA,EACtBC,EAAoBD,GAAMA","x_google_ignoreList":[0]}

package/dist/chunks/config-ufbQ08Vi.es.js

@@ -0,0 +1,6 @@
+const c = (e) => e, i = (e) => e;
+export {
+  i as a,
+  c as d
+};
+//# sourceMappingURL=config-ufbQ08Vi.es.js.map

package/dist/chunks/config-ufbQ08Vi.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-ufbQ08Vi.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/config.js"],"sourcesContent":["\"use strict\";\nimport { clone } from '../utils/clone.js';\nimport { mergeWith } from '../utils/merge.js';\n\nconst defineConditions = (v) => v;\nconst defineRecipe = (v) => v;\nconst defineSlotRecipe = (v) => v;\nconst defineKeyframes = (v) => v;\nconst defineGlobalStyles = (v) => v;\nconst defineStyle = (v) => v;\nconst defineTextStyles = (v) => v;\nconst defineAnimationStyles = (v) => v;\nconst defineLayerStyles = (v) => v;\nfunction createProxy() {\n  const identity = (v) => v;\n  return new Proxy(identity, {\n    get() {\n      return identity;\n    }\n  });\n}\nconst defineTokens = /* @__PURE__ */ createProxy();\nconst defineSemanticTokens = /* @__PURE__ */ createProxy();\nconst defineConfig = (v) => v;\nconst mergeConfigs = (...configs) => {\n  return mergeWith({}, ...configs.map(clone));\n};\n\nexport { defineAnimationStyles, defineConditions, defineConfig, defineGlobalStyles, defineKeyframes, defineLayerStyles, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineStyle, defineTextStyles, defineTokens, mergeConfigs };\n"],"names":["defineRecipe","v","defineSlotRecipe"],"mappings":"AAKK,MAACA,IAAe,CAACC,MAAMA,GACtBC,IAAmB,CAACD,MAAMA;","x_google_ignoreList":[0]}

package/dist/chunks/create-recipe-context-BfiKn3k_.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const h=require("react/jsx-runtime"),i=require("react"),v=require("./provider-CUesptNK.cjs.js"),u=require("./factory-DNbWS0Ob.cjs.js"),S=require("./empty-B5_AO6Pg.cjs.js"),$=require("./use-recipe-CJAjTxPP.cjs.js"),k=r=>r.charAt(0).toUpperCase()+r.slice(1);function w(r){const{key:l,recipe:m}=r,P=k(l||m.className||"Component"),[x,y]=v.createContext({strict:!1,name:`${P}PropsContext`,providerName:`${P}PropsContext`});function C(s){const{unstyled:c,...t}=s,e=$.useRecipe({key:l,recipe:t.recipe||m}),[o,n]=i.useMemo(()=>e.splitVariantProps(t),[e,t]);return{styles:c?S.EMPTY_STYLES:e(o),className:e.className,props:n}}const d=(s,c)=>{const t=u.chakra(s,{},c),e=i.forwardRef((o,n)=>{const p=y(),a=i.useMemo(()=>u.mergeProps(p,o),[o,p]),{styles:R,className:f,props:q}=C(a);return h.jsx(t,{...q,ref:n,css:[R,a.css],className:u.cx(f,a.className)})});return e.displayName=s.displayName||s.name,e};function N(){return x}return{withContext:d,PropsProvider:x,withPropsProvider:N,usePropsContext:y,useRecipeResult:C}}exports.createRecipeContext=w;
+//# sourceMappingURL=create-recipe-context-BfiKn3k_.cjs.js.map

package/dist/chunks/create-recipe-context-BfiKn3k_.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-recipe-context-BfiKn3k_.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/create-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { useMemo, forwardRef } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useRecipe } from './use-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nfunction createRecipeContext(options) {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const recipe = useRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(restProps),\n      [recipe, restProps]\n    );\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    return {\n      styles,\n      className: recipe.className,\n      props: otherProps\n    };\n  }\n  const withContext = (Component, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(propsContext, inProps),\n        [inProps, propsContext]\n      );\n      const { styles, className, props: localProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...localProps,\n          ref,\n          css: [styles, props.css],\n          className: cx(className, props.className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  function withPropsProvider() {\n    return PropsProvider;\n  }\n  return {\n    withContext,\n    PropsProvider,\n    withPropsProvider,\n    usePropsContext,\n    useRecipeResult\n  };\n}\n\nexport { createRecipeContext };\n"],"names":["upperFirst","str","createRecipeContext","options","recipeKey","recipeConfig","contextName","PropsProvider","usePropsContext","createContext","useRecipeResult","props","unstyled","restProps","recipe","useRecipe","variantProps","otherProps","useMemo","EMPTY_STYLES","withContext","Component","options2","SuperComponent","chakra","StyledComponent","forwardRef","inProps","ref","propsContext","mergeProps","styles","className","localProps","jsx","cx","withPropsProvider"],"mappings":"mOAWMA,EAAcC,GAAQA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,MAAM,CAAC,EACrE,SAASC,EAAoBC,EAAS,CACpC,KAAM,CAAE,IAAKC,EAAW,OAAQC,CAAY,EAAKF,EAC3CG,EAAcN,EAClBI,GAAaC,EAAa,WAAa,WAC3C,EACQ,CAACE,EAAeC,CAAe,EAAIC,gBAAc,CACrD,OAAQ,GACR,KAAM,GAAGH,CAAW,eACpB,aAAc,GAAGA,CAAW,cAChC,CAAG,EACD,SAASI,EAAgBC,EAAO,CAC9B,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAS,EAAKF,EAC7BG,EAASC,EAAAA,UAAU,CACvB,IAAKX,EACL,OAAQS,EAAU,QAAUR,CAClC,CAAK,EACK,CAACW,EAAcC,CAAU,EAAIC,EAAAA,QACjC,IAAMJ,EAAO,kBAAkBD,CAAS,EACxC,CAACC,EAAQD,CAAS,CACxB,EAEI,MAAO,CACL,OAFaD,EAAWO,eAAeL,EAAOE,CAAY,EAG1D,UAAWF,EAAO,UAClB,MAAOG,CACb,CACE,CACA,MAAMG,EAAc,CAACC,EAAWC,IAAa,CAC3C,MAAMC,EAAiBC,EAAAA,OAAOH,EAAW,CAAA,EAAIC,CAAQ,EAC/CG,EAAkBC,EAAAA,WAAW,CAACC,EAASC,IAAQ,CACnD,MAAMC,EAAerB,EAAe,EAC9BG,EAAQO,EAAAA,QACZ,IAAMY,EAAAA,WAAWD,EAAcF,CAAO,EACtC,CAACA,EAASE,CAAY,CAC9B,EACY,CAAE,OAAAE,EAAQ,UAAAC,EAAW,MAAOC,CAAU,EAAKvB,EAAgBC,CAAK,EACtE,OAAuBuB,EAAAA,IACrBX,EACA,CACE,GAAGU,EACH,IAAAL,EACA,IAAK,CAACG,EAAQpB,EAAM,GAAG,EACvB,UAAWwB,EAAAA,GAAGH,EAAWrB,EAAM,SAAS,CAClD,CACA,CACI,CAAC,EACD,OAAAc,EAAgB,YAAcJ,EAAU,aAAeA,EAAU,KAC1DI,CACT,EACA,SAASW,GAAoB,CAC3B,OAAO7B,CACT,CACA,MAAO,CACL,YAAAa,EACA,cAAAb,EACA,kBAAA6B,EACA,gBAAA5B,EACA,gBAAAE,CACJ,CACA","x_google_ignoreList":[0]}

package/dist/chunks/create-recipe-context-c0qjq1fz.es.js

@@ -0,0 +1,62 @@
+import { jsx as R } from "react/jsx-runtime";
+import { useMemo as x, forwardRef as v } from "react";
+import { c as S } from "./provider-D5u1b72_.es.js";
+import { c as k, m as w, a as E } from "./factory-BpGQXckI.es.js";
+import { E as g } from "./empty-D7ZFmvo6.es.js";
+import { u as M } from "./use-recipe-dUXCQYfa.es.js";
+const T = (r) => r.charAt(0).toUpperCase() + r.slice(1);
+function L(r) {
+  const { key: i, recipe: m } = r, l = T(
+    i || m.className || "Component"
+  ), [u, f] = S({
+    strict: !1,
+    name: `${l}PropsContext`,
+    providerName: `${l}PropsContext`
+  });
+  function P(s) {
+    const { unstyled: c, ...t } = s, e = M({
+      key: i,
+      recipe: t.recipe || m
+    }), [o, p] = x(
+      () => e.splitVariantProps(t),
+      [e, t]
+    );
+    return {
+      styles: c ? g : e(o),
+      className: e.className,
+      props: p
+    };
+  }
+  const y = (s, c) => {
+    const t = k(s, {}, c), e = v((o, p) => {
+      const a = f(), n = x(
+        () => w(a, o),
+        [o, a]
+      ), { styles: N, className: d, props: h } = P(n);
+      return /* @__PURE__ */ R(
+        t,
+        {
+          ...h,
+          ref: p,
+          css: [N, n.css],
+          className: E(d, n.className)
+        }
+      );
+    });
+    return e.displayName = s.displayName || s.name, e;
+  };
+  function C() {
+    return u;
+  }
+  return {
+    withContext: y,
+    PropsProvider: u,
+    withPropsProvider: C,
+    usePropsContext: f,
+    useRecipeResult: P
+  };
+}
+export {
+  L as c
+};
+//# sourceMappingURL=create-recipe-context-c0qjq1fz.es.js.map

package/dist/chunks/create-recipe-context-c0qjq1fz.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-recipe-context-c0qjq1fz.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/create-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { useMemo, forwardRef } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useRecipe } from './use-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nfunction createRecipeContext(options) {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const recipe = useRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(restProps),\n      [recipe, restProps]\n    );\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    return {\n      styles,\n      className: recipe.className,\n      props: otherProps\n    };\n  }\n  const withContext = (Component, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(propsContext, inProps),\n        [inProps, propsContext]\n      );\n      const { styles, className, props: localProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...localProps,\n          ref,\n          css: [styles, props.css],\n          className: cx(className, props.className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  function withPropsProvider() {\n    return PropsProvider;\n  }\n  return {\n    withContext,\n    PropsProvider,\n    withPropsProvider,\n    usePropsContext,\n    useRecipeResult\n  };\n}\n\nexport { createRecipeContext };\n"],"names":["upperFirst","str","createRecipeContext","options","recipeKey","recipeConfig","contextName","PropsProvider","usePropsContext","createContext","useRecipeResult","props","unstyled","restProps","recipe","useRecipe","variantProps","otherProps","useMemo","EMPTY_STYLES","withContext","Component","options2","SuperComponent","chakra","StyledComponent","forwardRef","inProps","ref","propsContext","mergeProps","styles","className","localProps","jsx","cx","withPropsProvider"],"mappings":";;;;;;AAWA,MAAMA,IAAa,CAACC,MAAQA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AACrE,SAASC,EAAoBC,GAAS;AACpC,QAAM,EAAE,KAAKC,GAAW,QAAQC,EAAY,IAAKF,GAC3CG,IAAcN;AAAA,IAClBI,KAAaC,EAAa,aAAa;AAAA,EAC3C,GACQ,CAACE,GAAeC,CAAe,IAAIC,EAAc;AAAA,IACrD,QAAQ;AAAA,IACR,MAAM,GAAGH,CAAW;AAAA,IACpB,cAAc,GAAGA,CAAW;AAAA,EAChC,CAAG;AACD,WAASI,EAAgBC,GAAO;AAC9B,UAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKF,GAC7BG,IAASC,EAAU;AAAA,MACvB,KAAKX;AAAA,MACL,QAAQS,EAAU,UAAUR;AAAA,IAClC,CAAK,GACK,CAACW,GAAcC,CAAU,IAAIC;AAAA,MACjC,MAAMJ,EAAO,kBAAkBD,CAAS;AAAA,MACxC,CAACC,GAAQD,CAAS;AAAA,IACxB;AAEI,WAAO;AAAA,MACL,QAFaD,IAAWO,IAAeL,EAAOE,CAAY;AAAA,MAG1D,WAAWF,EAAO;AAAA,MAClB,OAAOG;AAAA,IACb;AAAA,EACE;AACA,QAAMG,IAAc,CAACC,GAAWC,MAAa;AAC3C,UAAMC,IAAiBC,EAAOH,GAAW,CAAA,GAAIC,CAAQ,GAC/CG,IAAkBC,EAAW,CAACC,GAASC,MAAQ;AACnD,YAAMC,IAAerB,EAAe,GAC9BG,IAAQO;AAAA,QACZ,MAAMY,EAAWD,GAAcF,CAAO;AAAA,QACtC,CAACA,GAASE,CAAY;AAAA,MAC9B,GACY,EAAE,QAAAE,GAAQ,WAAAC,GAAW,OAAOC,EAAU,IAAKvB,EAAgBC,CAAK;AACtE,aAAuB,gBAAAuB;AAAA,QACrBX;AAAA,QACA;AAAA,UACE,GAAGU;AAAA,UACH,KAAAL;AAAA,UACA,KAAK,CAACG,GAAQpB,EAAM,GAAG;AAAA,UACvB,WAAWwB,EAAGH,GAAWrB,EAAM,SAAS;AAAA,QAClD;AAAA,MACA;AAAA,IACI,CAAC;AACD,WAAAc,EAAgB,cAAcJ,EAAU,eAAeA,EAAU,MAC1DI;AAAA,EACT;AACA,WAASW,IAAoB;AAC3B,WAAO7B;AAAA,EACT;AACA,SAAO;AAAA,IACL,aAAAa;AAAA,IACA,eAAAb;AAAA,IACA,mBAAA6B;AAAA,IACA,iBAAA5B;AAAA,IACA,iBAAAE;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}

package/dist/chunks/create-slot-recipe-context-7JMdJHPF.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),S=require("./provider-CUesptNK.cjs.js"),y=require("./factory-DNbWS0Ob.cjs.js"),L=require("./empty-B5_AO6Pg.cjs.js");function j(p){const{key:u,recipe:x}=p,s=S.useChakraContext();return l.useMemo(()=>{const N=x||(u!=null?s.getSlotRecipe(u):{});return s.sva(structuredClone(N))},[u,x,s])}const O=p=>p.charAt(0).toUpperCase()+p.slice(1),V=p=>{const{key:u,recipe:x}=p,s=O(u||x.className||"Component"),[N,R]=S.createContext({name:`${s}StylesContext`,errorMessage:`use${s}Styles returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `}),[f,w]=S.createContext({name:`${s}ClassNameContext`,errorMessage:`use${s}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `,strict:!1}),[k,h]=S.createContext({strict:!1,name:`${s}PropsContext`,providerName:`${s}PropsContext`,defaultValue:{}});function v(e){const{unstyled:r,...o}=e,t=j({key:u,recipe:o.recipe||x}),[n,c]=l.useMemo(()=>t.splitVariantProps(o),[o,t]);return{styles:l.useMemo(()=>r?L.EMPTY_SLOT_STYLES:t(n),[r,n,t]),classNames:t.classNameMap,props:c}}function q(e,r={}){const{defaultProps:o}=r,t=n=>{const c=h(),a=l.useMemo(()=>y.mergeProps(o,c,n),[c,n]),{styles:m,classNames:C,props:d}=v(a);return i.jsx(N,{value:m,children:i.jsx(f,{value:C,children:i.jsx(e,{...d})})})};return t.displayName=e.displayName||e.name,t}return{StylesProvider:N,ClassNamesProvider:f,PropsProvider:k,usePropsContext:h,useRecipeResult:v,withProvider:(e,r,o)=>{const{defaultProps:t,...n}=o??{},c=y.chakra(e,{},n),a=l.forwardRef((m,C)=>{const d=h(),P=l.useMemo(()=>y.mergeProps(t??{},d,m),[d,m]),{styles:$,props:E,classNames:M}=v(P),T=M[r],g=i.jsx(N,{value:$,children:i.jsx(f,{value:M,children:i.jsx(c,{ref:C,...E,css:[$[r],P.css],className:y.cx(P.className,T)})})});return o?.wrapElement?.(g,P)??g});return a.displayName=e.displayName||e.name,a},withContext:(e,r,o)=>{const t=y.chakra(e,{},o),n=l.forwardRef((c,a)=>{const m=R(),d=w()?.[r];return i.jsx(t,{...c,css:[r?m[r]:void 0,c.css],ref:a,className:y.cx(c.className,d)})});return n.displayName=e.displayName||e.name,n},withRootProvider:q,useStyles:R,useClassNames:w}};exports.createSlotRecipeContext=V;exports.useSlotRecipe=j;
+//# sourceMappingURL=create-slot-recipe-context-7JMdJHPF.cjs.js.map

package/dist/chunks/create-slot-recipe-context-7JMdJHPF.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-slot-recipe-context-7JMdJHPF.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/use-slot-recipe.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/create-slot-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { useMemo } from 'react';\nimport { useChakraContext } from './provider.js';\n\nfunction useSlotRecipe(options) {\n  const { key, recipe: recipeProp } = options;\n  const sys = useChakraContext();\n  return useMemo(() => {\n    const recipe = recipeProp || (key != null ? sys.getSlotRecipe(key) : {});\n    return sys.sva(structuredClone(recipe));\n  }, [key, recipeProp, sys]);\n}\n\nexport { useSlotRecipe };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_SLOT_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useSlotRecipe } from './use-slot-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nconst createSlotRecipeContext = (options) => {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [StylesProvider, useStyles] = createContext({\n    name: `${contextName}StylesContext`,\n    errorMessage: `use${contextName}Styles returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `\n  });\n  const [ClassNamesProvider, useClassNames] = createContext({\n    name: `${contextName}ClassNameContext`,\n    errorMessage: `use${contextName}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `,\n    strict: false\n  });\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`,\n    defaultValue: {}\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const slotRecipe = useSlotRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => slotRecipe.splitVariantProps(restProps),\n      [restProps, slotRecipe]\n    );\n    const styles = useMemo(\n      () => unstyled ? EMPTY_SLOT_STYLES : slotRecipe(variantProps),\n      [unstyled, variantProps, slotRecipe]\n    );\n    return {\n      styles,\n      classNames: slotRecipe.classNameMap,\n      props: otherProps\n    };\n  }\n  function withRootProvider(Component, options2 = {}) {\n    const { defaultProps } = options2;\n    const StyledComponent = (inProps) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, classNames, props: rootProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ...rootProps }) }) });\n    };\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  }\n  const withProvider = (Component, slot, options2) => {\n    const { defaultProps, ...restOptions } = options2 ?? {};\n    const SuperComponent = chakra(Component, {}, restOptions);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps ?? {}, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, props: rootProps, classNames } = useRecipeResult(props);\n      const className = classNames[slot];\n      const element = /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ref,\n          ...rootProps,\n          css: [styles[slot], props.css],\n          className: cx(props.className, className)\n        }\n      ) }) });\n      return options2?.wrapElement?.(element, props) ?? element;\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  const withContext = (Component, slot, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((props, ref) => {\n      const styles = useStyles();\n      const classNames = useClassNames();\n      const className = classNames?.[slot];\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...props,\n          css: [slot ? styles[slot] : void 0, props.css],\n          ref,\n          className: cx(props.className, className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  return {\n    StylesProvider,\n    ClassNamesProvider,\n    PropsProvider,\n    usePropsContext,\n    useRecipeResult,\n    withProvider,\n    withContext,\n    withRootProvider,\n    useStyles,\n    useClassNames\n  };\n};\n\nexport { createSlotRecipeContext };\n"],"names":["useSlotRecipe","options","key","recipeProp","sys","useChakraContext","useMemo","recipe","upperFirst","str","createSlotRecipeContext","recipeKey","recipeConfig","contextName","StylesProvider","useStyles","createContext","ClassNamesProvider","useClassNames","PropsProvider","usePropsContext","useRecipeResult","props","unstyled","restProps","slotRecipe","variantProps","otherProps","EMPTY_SLOT_STYLES","withRootProvider","Component","options2","defaultProps","StyledComponent","inProps","propsContext","mergeProps","styles","classNames","rootProps","jsx","slot","restOptions","SuperComponent","chakra","forwardRef","ref","className","element","cx"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/chunks/create-slot-recipe-context-Cv3lncUO.es.js

@@ -0,0 +1,104 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useMemo as N, forwardRef as k } from "react";
+import { u as _, c as h } from "./provider-D5u1b72_.es.js";
+import { c as M, a as E, m as T } from "./factory-BpGQXckI.es.js";
+import { a as j } from "./empty-D7ZFmvo6.es.js";
+function A(l) {
+  const { key: i, recipe: d } = l, s = _();
+  return N(() => {
+    const y = d || (i != null ? s.getSlotRecipe(i) : {});
+    return s.sva(structuredClone(y));
+  }, [i, d, s]);
+}
+const F = (l) => l.charAt(0).toUpperCase() + l.slice(1), G = (l) => {
+  const { key: i, recipe: d } = l, s = F(
+    i || d.className || "Component"
+  ), [y, v] = h({
+    name: `${s}StylesContext`,
+    errorMessage: `use${s}Styles returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `
+  }), [P, R] = h({
+    name: `${s}ClassNameContext`,
+    errorMessage: `use${s}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in "<${s}.Root />" `,
+    strict: !1
+  }), [L, S] = h({
+    strict: !1,
+    name: `${s}PropsContext`,
+    providerName: `${s}PropsContext`,
+    defaultValue: {}
+  });
+  function x(e) {
+    const { unstyled: o, ...r } = e, t = A({
+      key: i,
+      recipe: r.recipe || d
+    }), [a, n] = N(
+      () => t.splitVariantProps(r),
+      [r, t]
+    );
+    return {
+      styles: N(
+        () => o ? j : t(a),
+        [o, a, t]
+      ),
+      classNames: t.classNameMap,
+      props: n
+    };
+  }
+  function O(e, o = {}) {
+    const { defaultProps: r } = o, t = (a) => {
+      const n = S(), c = N(
+        () => T(r, n, a),
+        [n, a]
+      ), { styles: m, classNames: f, props: u } = x(c);
+      return /* @__PURE__ */ p(y, { value: m, children: /* @__PURE__ */ p(P, { value: f, children: /* @__PURE__ */ p(e, { ...u }) }) });
+    };
+    return t.displayName = e.displayName || e.name, t;
+  }
+  return {
+    StylesProvider: y,
+    ClassNamesProvider: P,
+    PropsProvider: L,
+    usePropsContext: S,
+    useRecipeResult: x,
+    withProvider: (e, o, r) => {
+      const { defaultProps: t, ...a } = r ?? {}, n = M(e, {}, a), c = k((m, f) => {
+        const u = S(), C = N(
+          () => T(t ?? {}, u, m),
+          [u, m]
+        ), { styles: w, props: V, classNames: $ } = x(C), Y = $[o], g = /* @__PURE__ */ p(y, { value: w, children: /* @__PURE__ */ p(P, { value: $, children: /* @__PURE__ */ p(
+          n,
+          {
+            ref: f,
+            ...V,
+            css: [w[o], C.css],
+            className: E(C.className, Y)
+          }
+        ) }) });
+        return r?.wrapElement?.(g, C) ?? g;
+      });
+      return c.displayName = e.displayName || e.name, c;
+    },
+    withContext: (e, o, r) => {
+      const t = M(e, {}, r), a = k((n, c) => {
+        const m = v(), u = R()?.[o];
+        return /* @__PURE__ */ p(
+          t,
+          {
+            ...n,
+            css: [o ? m[o] : void 0, n.css],
+            ref: c,
+            className: E(n.className, u)
+          }
+        );
+      });
+      return a.displayName = e.displayName || e.name, a;
+    },
+    withRootProvider: O,
+    useStyles: v,
+    useClassNames: R
+  };
+};
+export {
+  G as c,
+  A as u
+};
+//# sourceMappingURL=create-slot-recipe-context-Cv3lncUO.es.js.map

package/dist/chunks/create-slot-recipe-context-Cv3lncUO.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-slot-recipe-context-Cv3lncUO.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/use-slot-recipe.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/styled-system/create-slot-recipe-context.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { useMemo } from 'react';\nimport { useChakraContext } from './provider.js';\n\nfunction useSlotRecipe(options) {\n  const { key, recipe: recipeProp } = options;\n  const sys = useChakraContext();\n  return useMemo(() => {\n    const recipe = recipeProp || (key != null ? sys.getSlotRecipe(key) : {});\n    return sys.sva(structuredClone(recipe));\n  }, [key, recipeProp, sys]);\n}\n\nexport { useSlotRecipe };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { createContext } from '../create-context.js';\nimport { mergeProps } from '../merge-props.js';\nimport { cx } from '../utils/cx.js';\nimport { EMPTY_SLOT_STYLES } from './empty.js';\nimport { chakra } from './factory.js';\nimport { useSlotRecipe } from './use-slot-recipe.js';\n\nconst upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nconst createSlotRecipeContext = (options) => {\n  const { key: recipeKey, recipe: recipeConfig } = options;\n  const contextName = upperFirst(\n    recipeKey || recipeConfig.className || \"Component\"\n  );\n  const [StylesProvider, useStyles] = createContext({\n    name: `${contextName}StylesContext`,\n    errorMessage: `use${contextName}Styles returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `\n  });\n  const [ClassNamesProvider, useClassNames] = createContext({\n    name: `${contextName}ClassNameContext`,\n    errorMessage: `use${contextName}ClassNames returned is 'undefined'. Seems you forgot to wrap the components in \"<${contextName}.Root />\" `,\n    strict: false\n  });\n  const [PropsProvider, usePropsContext] = createContext({\n    strict: false,\n    name: `${contextName}PropsContext`,\n    providerName: `${contextName}PropsContext`,\n    defaultValue: {}\n  });\n  function useRecipeResult(props) {\n    const { unstyled, ...restProps } = props;\n    const slotRecipe = useSlotRecipe({\n      key: recipeKey,\n      recipe: restProps.recipe || recipeConfig\n    });\n    const [variantProps, otherProps] = useMemo(\n      () => slotRecipe.splitVariantProps(restProps),\n      [restProps, slotRecipe]\n    );\n    const styles = useMemo(\n      () => unstyled ? EMPTY_SLOT_STYLES : slotRecipe(variantProps),\n      [unstyled, variantProps, slotRecipe]\n    );\n    return {\n      styles,\n      classNames: slotRecipe.classNameMap,\n      props: otherProps\n    };\n  }\n  function withRootProvider(Component, options2 = {}) {\n    const { defaultProps } = options2;\n    const StyledComponent = (inProps) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, classNames, props: rootProps } = useRecipeResult(props);\n      return /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ...rootProps }) }) });\n    };\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  }\n  const withProvider = (Component, slot, options2) => {\n    const { defaultProps, ...restOptions } = options2 ?? {};\n    const SuperComponent = chakra(Component, {}, restOptions);\n    const StyledComponent = forwardRef((inProps, ref) => {\n      const propsContext = usePropsContext();\n      const props = useMemo(\n        () => mergeProps(defaultProps ?? {}, propsContext, inProps),\n        [propsContext, inProps]\n      );\n      const { styles, props: rootProps, classNames } = useRecipeResult(props);\n      const className = classNames[slot];\n      const element = /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ref,\n          ...rootProps,\n          css: [styles[slot], props.css],\n          className: cx(props.className, className)\n        }\n      ) }) });\n      return options2?.wrapElement?.(element, props) ?? element;\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  const withContext = (Component, slot, options2) => {\n    const SuperComponent = chakra(Component, {}, options2);\n    const StyledComponent = forwardRef((props, ref) => {\n      const styles = useStyles();\n      const classNames = useClassNames();\n      const className = classNames?.[slot];\n      return /* @__PURE__ */ jsx(\n        SuperComponent,\n        {\n          ...props,\n          css: [slot ? styles[slot] : void 0, props.css],\n          ref,\n          className: cx(props.className, className)\n        }\n      );\n    });\n    StyledComponent.displayName = Component.displayName || Component.name;\n    return StyledComponent;\n  };\n  return {\n    StylesProvider,\n    ClassNamesProvider,\n    PropsProvider,\n    usePropsContext,\n    useRecipeResult,\n    withProvider,\n    withContext,\n    withRootProvider,\n    useStyles,\n    useClassNames\n  };\n};\n\nexport { createSlotRecipeContext };\n"],"names":["useSlotRecipe","options","key","recipeProp","sys","useChakraContext","useMemo","recipe","upperFirst","str","createSlotRecipeContext","recipeKey","recipeConfig","contextName","StylesProvider","useStyles","createContext","ClassNamesProvider","useClassNames","PropsProvider","usePropsContext","useRecipeResult","props","unstyled","restProps","slotRecipe","variantProps","otherProps","EMPTY_SLOT_STYLES","withRootProvider","Component","options2","defaultProps","StyledComponent","inProps","propsContext","mergeProps","styles","classNames","rootProps","jsx","slot","restOptions","SuperComponent","chakra","forwardRef","ref","className","element","cx"],"mappings":";;;;;AAKA,SAASA,EAAcC,GAAS;AAC9B,QAAM,EAAE,KAAAC,GAAK,QAAQC,EAAU,IAAKF,GAC9BG,IAAMC,EAAgB;AAC5B,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAASJ,MAAeD,KAAO,OAAOE,EAAI,cAAcF,CAAG,IAAI;AACrE,WAAOE,EAAI,IAAI,gBAAgBG,CAAM,CAAC;AAAA,EACxC,GAAG,CAACL,GAAKC,GAAYC,CAAG,CAAC;AAC3B;ACDA,MAAMI,IAAa,CAACC,MAAQA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC,GAC/DC,IAA0B,CAACT,MAAY;AAC3C,QAAM,EAAE,KAAKU,GAAW,QAAQC,EAAY,IAAKX,GAC3CY,IAAcL;AAAA,IAClBG,KAAaC,EAAa,aAAa;AAAA,EAC3C,GACQ,CAACE,GAAgBC,CAAS,IAAIC,EAAc;AAAA,IAChD,MAAM,GAAGH,CAAW;AAAA,IACpB,cAAc,MAAMA,CAAW,gFAAgFA,CAAW;AAAA,EAC9H,CAAG,GACK,CAACI,GAAoBC,CAAa,IAAIF,EAAc;AAAA,IACxD,MAAM,GAAGH,CAAW;AAAA,IACpB,cAAc,MAAMA,CAAW,oFAAoFA,CAAW;AAAA,IAC9H,QAAQ;AAAA,EACZ,CAAG,GACK,CAACM,GAAeC,CAAe,IAAIJ,EAAc;AAAA,IACrD,QAAQ;AAAA,IACR,MAAM,GAAGH,CAAW;AAAA,IACpB,cAAc,GAAGA,CAAW;AAAA,IAC5B,cAAc,CAAA;AAAA,EAClB,CAAG;AACD,WAASQ,EAAgBC,GAAO;AAC9B,UAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKF,GAC7BG,IAAazB,EAAc;AAAA,MAC/B,KAAKW;AAAA,MACL,QAAQa,EAAU,UAAUZ;AAAA,IAClC,CAAK,GACK,CAACc,GAAcC,CAAU,IAAIrB;AAAA,MACjC,MAAMmB,EAAW,kBAAkBD,CAAS;AAAA,MAC5C,CAACA,GAAWC,CAAU;AAAA,IAC5B;AAKI,WAAO;AAAA,MACL,QALanB;AAAA,QACb,MAAMiB,IAAWK,IAAoBH,EAAWC,CAAY;AAAA,QAC5D,CAACH,GAAUG,GAAcD,CAAU;AAAA,MACzC;AAAA,MAGM,YAAYA,EAAW;AAAA,MACvB,OAAOE;AAAA,IACb;AAAA,EACE;AACA,WAASE,EAAiBC,GAAWC,IAAW,IAAI;AAClD,UAAM,EAAE,cAAAC,EAAY,IAAKD,GACnBE,IAAkB,CAACC,MAAY;AACnC,YAAMC,IAAef,EAAe,GAC9BE,IAAQhB;AAAA,QACZ,MAAM8B,EAAWJ,GAAcG,GAAcD,CAAO;AAAA,QACpD,CAACC,GAAcD,CAAO;AAAA,MAC9B,GACY,EAAE,QAAAG,GAAQ,YAAAC,GAAY,OAAOC,EAAS,IAAKlB,EAAgBC,CAAK;AACtE,aAAuB,gBAAAkB,EAAI1B,GAAgB,EAAE,OAAOuB,GAAQ,UAA0B,gBAAAG,EAAIvB,GAAoB,EAAE,OAAOqB,GAAY,UAA0B,gBAAAE,EAAIV,GAAW,EAAE,GAAGS,EAAS,CAAE,EAAC,CAAE,GAAG;AAAA,IACpM;AACA,WAAAN,EAAgB,cAAcH,EAAU,eAAeA,EAAU,MAC1DG;AAAA,EACT;AA6CA,SAAO;AAAA,IACL,gBAAAnB;AAAA,IACA,oBAAAG;AAAA,IACA,eAAAE;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAlDmB,CAACS,GAAWW,GAAMV,MAAa;AAClD,YAAM,EAAE,cAAAC,GAAc,GAAGU,EAAW,IAAKX,KAAY,CAAA,GAC/CY,IAAiBC,EAAOd,GAAW,CAAA,GAAIY,CAAW,GAClDT,IAAkBY,EAAW,CAACX,GAASY,MAAQ;AACnD,cAAMX,IAAef,EAAe,GAC9BE,IAAQhB;AAAA,UACZ,MAAM8B,EAAWJ,KAAgB,IAAIG,GAAcD,CAAO;AAAA,UAC1D,CAACC,GAAcD,CAAO;AAAA,QAC9B,GACY,EAAE,QAAAG,GAAQ,OAAOE,GAAW,YAAAD,EAAU,IAAKjB,EAAgBC,CAAK,GAChEyB,IAAYT,EAAWG,CAAI,GAC3BO,IAA0B,gBAAAR,EAAI1B,GAAgB,EAAE,OAAOuB,GAAQ,UAA0B,gBAAAG,EAAIvB,GAAoB,EAAE,OAAOqB,GAAY,UAA0B,gBAAAE;AAAA,UACpKG;AAAA,UACA;AAAA,YACE,KAAAG;AAAA,YACA,GAAGP;AAAA,YACH,KAAK,CAACF,EAAOI,CAAI,GAAGnB,EAAM,GAAG;AAAA,YAC7B,WAAW2B,EAAG3B,EAAM,WAAWyB,CAAS;AAAA,UAClD;AAAA,QACA,EAAO,CAAE,EAAC,CAAE;AACN,eAAOhB,GAAU,cAAciB,GAAS1B,CAAK,KAAK0B;AAAA,MACpD,CAAC;AACD,aAAAf,EAAgB,cAAcH,EAAU,eAAeA,EAAU,MAC1DG;AAAA,IACT;AAAA,IA2BE,aA1BkB,CAACH,GAAWW,GAAMV,MAAa;AACjD,YAAMY,IAAiBC,EAAOd,GAAW,CAAA,GAAIC,CAAQ,GAC/CE,IAAkBY,EAAW,CAACvB,GAAOwB,MAAQ;AACjD,cAAMT,IAAStB,EAAS,GAElBgC,IADa7B,EAAa,IACDuB,CAAI;AACnC,eAAuB,gBAAAD;AAAA,UACrBG;AAAA,UACA;AAAA,YACE,GAAGrB;AAAA,YACH,KAAK,CAACmB,IAAOJ,EAAOI,CAAI,IAAI,QAAQnB,EAAM,GAAG;AAAA,YAC7C,KAAAwB;AAAA,YACA,WAAWG,EAAG3B,EAAM,WAAWyB,CAAS;AAAA,UAClD;AAAA,QACA;AAAA,MACI,CAAC;AACD,aAAAd,EAAgB,cAAcH,EAAU,eAAeA,EAAU,MAC1DG;AAAA,IACT;AAAA,IASE,kBAAAJ;AAAA,IACA,WAAAd;AAAA,IACA,eAAAG;AAAA,EACJ;AACA;","x_google_ignoreList":[0,1]}

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

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

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

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

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

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

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

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

package/dist/chunks/{date-picker-CTGHoJdV.es.js → date-picker-BFVj989W.es.js}

@@ -1,40 +1,41 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { createSlotRecipeContext as S, Flex as v, useSlotRecipe as y } from "@chakra-ui/react";
-import { d as P } from "./date-picker.recipe-Dy6NmKHA.es.js";
-import { Close as D, CalendarMonth as k } from "@commercetools/nimbus-icons";
-import { $ as g, a as T } from "./DatePicker-3TZ8oKaR.es.js";
-import { $ as I, a as E } from "./Dialog-CFERgD91.es.js";
-import { $ as R } from "./Group-Brffs0pl.es.js";
-import { e as V } from "./extractStyleProps-CxgBrz3O.es.js";
-import { I as h } from "./icon-button-CPBzhg2C.es.js";
-import { D as z } from "./date-input-TeYMF5Hb.es.js";
-import { C as w } from "./calendar-BCsFBFkk.es.js";
-import { T as j } from "./text-CFsPSPPs.es.js";
-import { T as B } from "./time-input-DeYvqDoa.es.js";
-import { useContext as C, useRef as $, useEffect as G } from "react";
-import { $ as O } from "./context-D3RF-nTI.es.js";
-import { $ as x } from "./Button-BsN1D5Hi.es.js";
-import { c as q, d as A } from "./utils-CEdpnSRC.es.js";
-import { d as F } from "./DateField-BozrMa9v.es.js";
-const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
+import { c as P } from "./index--oJQaJZy.es.js";
+import { c as v, u as y } from "./create-slot-recipe-context-Cv3lncUO.es.js";
+import { Close as S, CalendarMonth as D } from "@commercetools/nimbus-icons";
+import { $ as g, a as k } from "./DatePicker-BnQyHiTi.es.js";
+import { $ as T, a as I } from "./Dialog-CTf0VB6B.es.js";
+import { $ as E } from "./Group-nelci54o.es.js";
+import { e as R } from "./extractStyleProps-KcWE_ep4.es.js";
+import { I as h } from "./icon-button-C7MMcLBN.es.js";
+import { D as V } from "./date-input-CCTsf1nI.es.js";
+import { C as z } from "./calendar-DwmLJswz.es.js";
+import { T as w } from "./text-CcMvqWol.es.js";
+import { T as j } from "./time-input-Bdh2yhge.es.js";
+import { useContext as C, useRef as $, useEffect as B } from "react";
+import { $ as F } from "./context-D3RF-nTI.es.js";
+import { F as G } from "./flex-DgabwPpo.es.js";
+import { $ as x } from "./Button-BLHXvl6m.es.js";
+import { c as O, d as q } from "./utils-C4ruQppN.es.js";
+import { d as A } from "./DateField-Aj6J_Ms0.es.js";
+const { withProvider: H, withContext: f } = /* @__PURE__ */ v({
   recipe: P
 }), L = /* @__PURE__ */ H("div", "root"), M = /* @__PURE__ */ f("div", "group"), N = /* @__PURE__ */ f("div", "trigger"), W = /* @__PURE__ */ f("div", "popover"), Z = /* @__PURE__ */ f("div", "calendar"), J = ({
   hideTimeZone: a,
   hourCycle: r
 }) => {
-  const { locale: n } = O(), u = C(g), { granularity: s, dateValue: t } = u, o = $(null), c = $(t);
-  return s === "day" ? null : (G(() => {
-    t && c.current?.compare(t) !== 0 && setTimeout(() => {
-      const l = o.current;
-      if (l) {
-        const d = l.querySelector(
+  const { locale: n } = F(), s = C(g), { granularity: c, dateValue: t } = s, o = $(null), l = $(t);
+  return c === "day" ? null : (B(() => {
+    t && l.current?.compare(t) !== 0 && setTimeout(() => {
+      const d = o.current;
+      if (d) {
+        const u = d.querySelector(
           '[role="spinbutton"]'
         );
-        d && d.focus();
+        u && u.focus();
       }
-    }, 50), c.current = t;
+    }, 50), l.current = t;
   }, [t]), /* @__PURE__ */ m(
-    v,
+    G,
     {
       ref: o,
       borderTop: "solid-25",
@@ -45,9 +46,9 @@ const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
       justifyContent: "center",
       gap: "200",
       children: [
-        /* @__PURE__ */ e(j, { textStyle: "xs", fontWeight: "500", color: "neutral.12", children: "Start time" }),
+        /* @__PURE__ */ e(w, { textStyle: "xs", fontWeight: "500", color: "neutral.12", children: "Start time" }),
         /* @__PURE__ */ e(
-          B,
+          j,
           {
             slot: "timeInput",
             locale: n,
@@ -63,7 +64,7 @@ const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
 }, K = ({
   children: a
 }) => {
-  const r = q(x) || {}, n = C(g), u = n?.dateValue === null, { timeValue: s, setTimeValue: t, granularity: o } = n, c = r?.isDisabled, l = () => {
+  const r = O(x) || {}, n = C(g), s = n?.dateValue === null, { timeValue: c, setTimeValue: t, granularity: o } = n, l = r?.isDisabled, d = () => {
     switch (o) {
       case "hour":
         return "Enter time (hour)";
@@ -74,7 +75,7 @@ const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
       default:
         return "Enter time";
     }
-  }, d = {
+  }, u = {
     /** toggles the calendar popover */
     calendarToggle: {
       ...r,
@@ -83,33 +84,36 @@ const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
         p && p.blur(), r.onPress?.(i);
       }
     },
-    /** clears the input value */
+    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */
     clear: {
       onPress: () => n?.setValue(null),
       "aria-label": "Clear input value",
-      isDisabled: u || c
+      isDisabled: l,
+      // Hide the button when there's no value
+      style: s ? { display: "none" } : void 0,
+      "aria-hidden": s ? !0 : void 0
     }
   }, b = {
     timeInput: {
-      value: s,
+      value: c,
       onChange: (i) => {
         i !== null && t(i);
       },
       granularity: o === "day" ? void 0 : o,
-      "aria-label": l()
+      "aria-label": d()
     }
   };
   return /* @__PURE__ */ e(
-    A,
+    q,
     {
       values: [
         [
           x,
           {
-            slots: d
+            slots: u
           }
         ],
-        [F, { slots: b }]
+        [A, { slots: b }]
       ],
       children: a
     }
@@ -118,24 +122,24 @@ const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
   const {
     size: r = "md",
     variant: n,
-    granularity: u = "day",
-    hideTimeZone: s,
+    granularity: s = "day",
+    hideTimeZone: c,
     hourCycle: t
-  } = a, o = y({ recipe: P }), [c, l] = o.splitVariantProps(a), [d, b] = V(l), i = r === "md" ? "xs" : "2xs", p = u === "day" ? a.shouldCloseOnSelect : !1;
-  return /* @__PURE__ */ e(L, { ...c, ...d, asChild: !0, children: /* @__PURE__ */ e(
-    T,
+  } = a, o = y({ recipe: P }), [l, d] = o.splitVariantProps(a), [u, b] = R(d), i = r === "md" ? "xs" : "2xs", p = s === "day" ? a.shouldCloseOnSelect : !1;
+  return /* @__PURE__ */ e(L, { ...l, ...u, asChild: !0, children: /* @__PURE__ */ e(
+    k,
     {
       ...b,
       shouldCloseOnSelect: p,
       children: /* @__PURE__ */ m(K, { children: [
-        /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ m(R, { children: [
+        /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ m(E, { children: [
           /* @__PURE__ */ e(
-            z,
+            V,
             {
               size: r,
               variant: n,
               width: "full",
-              hideTimeZone: s,
+              hideTimeZone: c,
               hourCycle: t
             }
           ),
@@ -147,7 +151,7 @@ const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
                 variant: "ghost",
                 size: i,
                 slot: "clear",
-                children: /* @__PURE__ */ e(D, {})
+                children: /* @__PURE__ */ e(S, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -157,17 +161,17 @@ const { withProvider: H, withContext: f } = /* @__PURE__ */ S({
                 variant: "ghost",
                 size: i,
                 slot: "calendarToggle",
-                children: /* @__PURE__ */ e(k, {})
+                children: /* @__PURE__ */ e(D, {})
               }
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(I, { placement: "bottom end", children: /* @__PURE__ */ m(E, { children: [
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(w, {}) }),
+        /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(T, { placement: "bottom end", children: /* @__PURE__ */ m(I, { children: [
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(z, {}) }),
           /* @__PURE__ */ e(
             J,
             {
-              hideTimeZone: s,
+              hideTimeZone: c,
               hourCycle: t
             }
           )
@@ -180,4 +184,4 @@ Q.displayName = "DatePicker";
 export {
   Q as D
 };
-//# sourceMappingURL=date-picker-CTGHoJdV.es.js.map
+//# sourceMappingURL=date-picker-BFVj989W.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-BFVj989W.es.js","sources":["../../src/components/date-picker/date-picker.slots.tsx","../../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 and trigger button.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DatePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DatePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DatePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DatePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DatePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DatePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport { DatePickerStateContext } from \"react-aria-components\";\nimport type { DatePickerTimeInputProps } from \"../date-picker.types\";\n\nexport const DatePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DatePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const datePickerState = useContext(DatePickerStateContext);\n  const { granularity, dateValue } = datePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousDateRef = useRef(dateValue);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date changes (user selects a date from calendar)\n  useEffect(() => {\n    // Check if date changed\n    if (dateValue && previousDateRef.current?.compare(dateValue) !== 0) {\n      // Small delay to ensure the DOM is ready\n      setTimeout(() => {\n        // Find the first focusable segment within the time input container\n        const container = timeInputRef.current;\n        if (container) {\n          const firstSegment = container.querySelector(\n            '[role=\"spinbutton\"]'\n          ) as HTMLElement;\n\n          if (firstSegment) {\n            firstSegment.focus();\n          }\n        }\n      }, 50);\n    }\n\n    previousDateRef.current = dateValue;\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      {/* TODO: translate hardcoded string */}\n      <Text textStyle=\"xs\" fontWeight=\"500\" color=\"neutral.12\">\n        Start time\n      </Text>\n      <TimeInput\n        slot=\"timeInput\"\n        locale={locale}\n        variant=\"ghost\"\n        size=\"sm\"\n        hideTimeZone={hideTimeZone}\n        hourCycle={hourCycle}\n      />\n    </Flex>\n  );\n};\n","import { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DatePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DatePickerCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const datePickerState = useContext(DatePickerStateContext);\n  const noInputValue = datePickerState?.dateValue === null;\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\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 \"Enter time (hour)\";\n      case \"minute\":\n        return \"Enter time (hour and minute)\";\n      case \"second\":\n        return \"Enter time (hour, minute, and second)\";\n      default:\n        return \"Enter time\";\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\": \"Clear input value\",\n      isDisabled: isDatePickerDisabled,\n      // Hide the button when there's no value\n      style: noInputValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": noInputValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  const timeInputSlots = {\n    timeInput: {\n      value: timeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null) {\n          setTimeValue(value);\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DatePickerRootSlot,\n  DatePickerGroupSlot,\n  DatePickerTriggerSlot,\n  DatePickerPopoverSlot,\n  DatePickerCalendarSlot,\n} from \"./date-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DatePicker as ReactAriaDatePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerSlotRecipe } from \"./date-picker.recipe\";\nimport type { DatePickerProps } from \"./date-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, Calendar, IconButton } from \"@/components\";\nimport { DatePickerTimeInput } from \"./components/date-picker.time-input\";\nimport { DatePickerCustomContext } from \"./components/date-picker.custom-context\";\n\n/**\n * # DatePicker\n *\n * a UI component for users to enter or select a specific calendar date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}\n */\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    size = \"md\",\n    variant,\n    granularity = \"day\",\n    hideTimeZone,\n    hourCycle,\n  } = props;\n  const recipe = useSlotRecipe({ recipe: datePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DatePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDatePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DatePickerCustomContext>\n          <DatePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                size={size}\n                variant={variant}\n                width=\"full\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DatePickerTriggerSlot>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                >\n                  <Close />\n                </IconButton>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DatePickerTriggerSlot>\n            </Group>\n          </DatePickerGroupSlot>\n          <DatePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DatePickerCalendarSlot>\n                  <Calendar />\n                </DatePickerCalendarSlot>\n                <DatePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DatePickerPopoverSlot>\n        </DatePickerCustomContext>\n      </ReactAriaDatePicker>\n    </DatePickerRootSlot>\n  );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","datePickerSlotRecipe","DatePickerRootSlot","DatePickerGroupSlot","DatePickerTriggerSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","DatePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","datePickerState","useContext","DatePickerStateContext","granularity","dateValue","timeInputRef","useRef","previousDateRef","useEffect","container","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DatePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","noInputValue","timeValue","setTimeValue","isDatePickerDisabled","getDefaultTimeInputAriaLabel","buttonSlots","event","activeElement","timeInputSlots","value","Provider","TimeFieldContext","DatePicker","props","size","variant","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),j=require("./index-Ca-OEf5O.cjs.js"),C=require("./create-slot-recipe-context-7JMdJHPF.cjs.js"),h=require("@commercetools/nimbus-icons"),$=require("./DatePicker-BD8RjPSL.cjs.js"),m=require("./Dialog-Btds5x4W.cjs.js"),v=require("./Group-apcpZquv.cjs.js"),q=require("./extractStyleProps-CRJEfqqS.cjs.js"),P=require("./icon-button-DF2_vh-X.cjs.js"),D=require("./date-input-CmiFb8SU.cjs.js"),k=require("./calendar-DssRRpmr.cjs.js"),I=require("./text-tO5nXPfT.cjs.js"),R=require("./time-input-7bQqoZ8n.cjs.js"),p=require("react"),T=require("./context-DURpz5en.cjs.js"),E=require("./flex-DgsstZZT.cjs.js"),g=require("./Button-BjOgrRmH.cjs.js"),S=require("./utils-sWqo2nmW.cjs.js"),V=require("./DateField-G0i9Cflc.cjs.js"),{withProvider:z,withContext:f}=C.createSlotRecipeContext({recipe:j.datePickerSlotRecipe}),B=z("div","root"),w=f("div","group"),G=f("div","trigger"),F=f("div","popover"),O=f("div","calendar"),A=({hideTimeZone:o,hourCycle:r})=>{const{locale:c}=T.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),i=p.useContext($.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),{granularity:a,dateValue:t}=i,n=p.useRef(null),l=p.useRef(t);return a==="day"?null:(p.useEffect(()=>{t&&l.current?.compare(t)!==0&&setTimeout(()=>{const d=n.current;if(d){const u=d.querySelector('[role="spinbutton"]');u&&u.focus()}},50),l.current=t},[t]),e.jsxs(E.Flex,{ref:n,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsx(I.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",children:"Start time"}),e.jsx(R.TimeInput,{slot:"timeInput",locale:c,variant:"ghost",size:"sm",hideTimeZone:o,hourCycle:r})]}))},H=({children:o})=>{const r=S.$64fa3d84918910a7$export$fabf2dc03a41866e(g.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},c=p.useContext($.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),i=c?.dateValue===null,{timeValue:a,setTimeValue:t,granularity:n}=c,l=r?.isDisabled,d=()=>{switch(n){case"hour":return"Enter time (hour)";case"minute":return"Enter time (hour and minute)";case"second":return"Enter time (hour, minute, and second)";default:return"Enter time"}},u={calendarToggle:{...r,onPress:s=>{const x=document?.activeElement;x&&x.blur(),r.onPress?.(s)}},clear:{onPress:()=>c?.setValue(null),"aria-label":"Clear input value",isDisabled:l,style:i?{display:"none"}:void 0,"aria-hidden":i?!0:void 0}},b={timeInput:{value:a,onChange:s=>{s!==null&&t(s)},granularity:n==="day"?void 0:n,"aria-label":d()}};return e.jsx(S.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[g.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:u}],[V.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:b}]],children:o})},y=o=>{const{size:r="md",variant:c,granularity:i="day",hideTimeZone:a,hourCycle:t}=o,n=C.useSlotRecipe({recipe:j.datePickerSlotRecipe}),[l,d]=n.splitVariantProps(o),[u,b]=q.extractStyleProps(d),s=r==="md"?"xs":"2xs",x=i==="day"?o.shouldCloseOnSelect:!1;return e.jsx(B,{...l,...u,asChild:!0,children:e.jsx($.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00,{...b,shouldCloseOnSelect:x,children:e.jsxs(H,{children:[e.jsx(w,{asChild:!0,children:e.jsxs(v.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:[e.jsx(D.DateInput,{size:r,variant:c,width:"full",hideTimeZone:a,hourCycle:t}),e.jsxs(G,{children:[e.jsx(P.IconButton,{tone:"primary",variant:"ghost",size:s,slot:"clear",children:e.jsx(h.Close,{})}),e.jsx(P.IconButton,{tone:"primary",variant:"ghost",size:s,slot:"calendarToggle",children:e.jsx(h.CalendarMonth,{})})]})]})}),e.jsx(F,{asChild:!0,children:e.jsx(m.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(m.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(O,{children:e.jsx(k.Calendar,{})}),e.jsx(A,{hideTimeZone:a,hourCycle:t})]})})})]})})})};y.displayName="DatePicker";exports.DatePicker=y;
+//# sourceMappingURL=date-picker-BwlDu__G.cjs.js.map