@commercetools/nimbus 0.0.0-canary-20251031122555 → 0.0.0-canary-20251031185705

package/dist/chunks/card-BAS0dyJc.es.js

@@ -1,66 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { createContext as p, useState as l, useMemo as h, useContext as C, useEffect as i } from "react";
-import { createSlotRecipeContext as N } from "@chakra-ui/react";
-import { S as R } from "./stack-CoNreM7B.es.js";
-const { withProvider: y, withContext: u } = /* @__PURE__ */ N({
-  key: "card"
-}), S = /* @__PURE__ */ y(
-  "div",
-  "root"
-), E = /* @__PURE__ */ u(
-  "div",
-  "header"
-), $ = /* @__PURE__ */ u(
-  "div",
-  "content"
-), a = /* @__PURE__ */ p(
-  void 0
-), m = ({ children: e, ref: o, ...t }) => {
-  const [n, s] = l(null), [v, d] = l(null), H = h(
-    () => ({
-      setHeader: s,
-      setContent: d
-    }),
-    [s, d]
-  );
-  return /* @__PURE__ */ r(a.Provider, { value: H, children: /* @__PURE__ */ c(S, { ref: o, ...t, children: [
-    /* @__PURE__ */ c(R, { direction: "column", gap: "200", children: [
-      n,
-      v
-    ] }),
-    e
-  ] }) });
-};
-m.displayName = "Card.Root";
-const x = ({ children: e, ...o }) => {
-  const t = C(a);
-  return i(() => {
-    if (t) {
-      const n = /* @__PURE__ */ r(E, { ...o, children: e });
-      return t.setHeader(n), () => t.setHeader(null);
-    }
-  }, [e, o]), null;
-};
-x.displayName = "Card.Header";
-const f = ({ children: e, ...o }) => {
-  const t = C(a);
-  return i(() => {
-    if (t) {
-      const n = /* @__PURE__ */ r($, { ...o, children: e });
-      return t.setContent(n), () => t.setContent(null);
-    }
-  }, [e, o]), null;
-};
-f.displayName = "Card.Content";
-const b = {
-  Root: m,
-  Header: x,
-  Content: f
-};
-export {
-  b as C,
-  m as a,
-  x as b,
-  f as c
-};
-//# sourceMappingURL=card-BAS0dyJc.es.js.map

package/dist/chunks/card-BAS0dyJc.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-BAS0dyJc.es.js","sources":["../../src/components/card/card.slots.tsx","../../src/components/card/components/card.root.tsx","../../src/components/card/components/card.header.tsx","../../src/components/card/components/card.content.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  CardContentSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"card\",\n});\n\n/**\n * Root component that provides the styling context for the Card component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const CardRoot = withProvider<HTMLDivElement, CardRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const CardHeader = withContext<HTMLDivElement, CardHeaderSlotProps>(\n  \"div\",\n  \"header\"\n);\nexport const CardContent = withContext<HTMLDivElement, CardContentSlotProps>(\n  \"div\",\n  \"content\"\n);\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\n\ntype CardContextValue = {\n  setHeader: (header: React.ReactNode) => void;\n  setContent: (content: React.ReactNode) => void;\n};\n\nexport const CardContext = createContext<CardContextValue | undefined>(\n  undefined\n);\n\n/**\n * # Card\n *\n * A versatile container component presents self-contained information\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n */\nexport const CardRoot = ({ children, ref, ...props }: CardProps) => {\n  const [headerNode, setHeader] = useState<ReactNode>(null);\n  const [contentNode, setContent] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setHeader,\n      setContent,\n    }),\n    [setHeader, setContent]\n  );\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <CardRootSlot ref={ref} {...props}>\n        {/* Always render them in this order/layout to protect consumers */}\n        <Stack direction=\"column\" gap=\"200\">\n          {headerNode}\n          {contentNode}\n        </Stack>\n\n        {/* Render all consumer sub-components, including our own */}\n        {children}\n      </CardRootSlot>\n    </CardContext.Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardHeaderProps } from \"../card.types\";\n\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...props}>{children}</CardHeaderSlot>\n      );\n      // Register it with the parent\n      context.setHeader(slotElement);\n\n      // On unmount, remove it\n      return () => context.setHeader(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport { CardContent as CardContentSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardContentProps } from \"../card.types\";\n\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...props}>{children}</CardContentSlot>\n      );\n      // Register it with the parent\n      context.setContent(slotElement);\n\n      // On unmount, remove it\n      return () => context.setContent(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot } from \"./components/card.root\";\nimport { CardHeader } from \"./components/card.header\";\nimport { CardContent } from \"./components/card.content\";\n\nexport const Card = {\n  Root: CardRoot,\n  Header: CardHeader,\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","children","ref","props","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":";;;;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAMYC,IAAW,gBAAAH;AAAA,EACtB;AAAA,EACA;AACF,GAEaI,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AACF,GACaI,IAAc,gBAAAJ;AAAA,EACzB;AAAA,EACA;AACF,GCjBaK,IAAc,gBAAAC;AAAA,EACzB;AACF,GASaJ,IAAW,CAAC,EAAE,UAAAK,GAAU,KAAAC,GAAK,GAAGC,QAAuB;AAClE,QAAM,CAACC,GAAYC,CAAS,IAAIC,EAAoB,IAAI,GAClD,CAACC,GAAaC,CAAU,IAAIF,EAAoB,IAAI,GAGpDG,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,WAAAL;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,IAEF,CAACH,GAAWG,CAAU;AAAA,EAAA;AAGxB,SACE,gBAAAG,EAACZ,EAAY,UAAZ,EAAqB,OAAOU,GAC3B,UAAA,gBAAAG,EAACC,GAAA,EAAa,KAAAX,GAAW,GAAGC,GAE1B,UAAA;AAAA,IAAA,gBAAAS,EAACE,GAAA,EAAM,WAAU,UAAS,KAAI,OAC3B,UAAA;AAAA,MAAAV;AAAA,MACAG;AAAA,IAAA,GACH;AAAA,IAGCN;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEAL,EAAS,cAAc;AC7ChB,MAAMC,IAAa,CAAC,EAAE,UAAAI,GAAU,GAAGE,QAA6B;AACrE,QAAMY,IAAUC,EAAWjB,CAAW;AAEtC,SAAAkB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAP,EAACQ,GAAA,EAAgB,GAAGhB,GAAQ,UAAAF,GAAS;AAGvC,aAAAc,EAAQ,UAAUG,CAAW,GAGtB,MAAMH,EAAQ,UAAU,IAAI;AAAA,IACrC;AAAA,EACF,GAAG,CAACd,GAAUE,CAAK,CAAC,GAEb;AACT;AACAN,EAAW,cAAc;AClBlB,MAAMC,IAAc,CAAC,EAAE,UAAAG,GAAU,GAAGE,QAA8B;AACvE,QAAMY,IAAUC,EAAWjB,CAAW;AAEtC,SAAAkB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAP,EAACS,GAAA,EAAiB,GAAGjB,GAAQ,UAAAF,GAAS;AAGxC,aAAAc,EAAQ,WAAWG,CAAW,GAGvB,MAAMH,EAAQ,WAAW,IAAI;AAAA,IACtC;AAAA,EACF,GAAG,CAACd,GAAUE,CAAK,CAAC,GAEb;AACT;AAEAL,EAAY,cAAc;ACpBnB,MAAMuB,IAAO;AAAA,EAClB,MAAMzB;AAAA,EACN,QAAQC;AAAA,EACR,SAASC;AACX;"}

package/dist/chunks/card-BxfzRkn1.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),e=require("react"),H=require("@chakra-ui/react"),R=require("./stack-CIN13EDn.cjs.js"),{withProvider:v,withContext:i}=H.createSlotRecipeContext({key:"card"}),f=v("div","root"),j=i("div","header"),h=i("div","content"),a=e.createContext(void 0),d=({children:n,ref:o,...t})=>{const[r,u]=e.useState(null),[x,l]=e.useState(null),m=e.useMemo(()=>({setHeader:u,setContent:l}),[u,l]);return s.jsx(a.Provider,{value:m,children:s.jsxs(f,{ref:o,...t,children:[s.jsxs(R.Stack,{direction:"column",gap:"200",children:[r,x]}),n]})})};d.displayName="Card.Root";const c=({children:n,...o})=>{const t=e.useContext(a);return e.useEffect(()=>{if(t){const r=s.jsx(j,{...o,children:n});return t.setHeader(r),()=>t.setHeader(null)}},[n,o]),null};c.displayName="Card.Header";const C=({children:n,...o})=>{const t=e.useContext(a);return e.useEffect(()=>{if(t){const r=s.jsx(h,{...o,children:n});return t.setContent(r),()=>t.setContent(null)}},[n,o]),null};C.displayName="Card.Content";const N={Root:d,Header:c,Content:C};exports.Card=N;exports.CardContent=C;exports.CardHeader=c;exports.CardRoot=d;
-//# sourceMappingURL=card-BxfzRkn1.cjs.js.map

package/dist/chunks/card-BxfzRkn1.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-BxfzRkn1.cjs.js","sources":["../../src/components/card/card.slots.tsx","../../src/components/card/components/card.root.tsx","../../src/components/card/components/card.header.tsx","../../src/components/card/components/card.content.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  CardContentSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"card\",\n});\n\n/**\n * Root component that provides the styling context for the Card component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const CardRoot = withProvider<HTMLDivElement, CardRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const CardHeader = withContext<HTMLDivElement, CardHeaderSlotProps>(\n  \"div\",\n  \"header\"\n);\nexport const CardContent = withContext<HTMLDivElement, CardContentSlotProps>(\n  \"div\",\n  \"content\"\n);\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\n\ntype CardContextValue = {\n  setHeader: (header: React.ReactNode) => void;\n  setContent: (content: React.ReactNode) => void;\n};\n\nexport const CardContext = createContext<CardContextValue | undefined>(\n  undefined\n);\n\n/**\n * # Card\n *\n * A versatile container component presents self-contained information\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n */\nexport const CardRoot = ({ children, ref, ...props }: CardProps) => {\n  const [headerNode, setHeader] = useState<ReactNode>(null);\n  const [contentNode, setContent] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setHeader,\n      setContent,\n    }),\n    [setHeader, setContent]\n  );\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <CardRootSlot ref={ref} {...props}>\n        {/* Always render them in this order/layout to protect consumers */}\n        <Stack direction=\"column\" gap=\"200\">\n          {headerNode}\n          {contentNode}\n        </Stack>\n\n        {/* Render all consumer sub-components, including our own */}\n        {children}\n      </CardRootSlot>\n    </CardContext.Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardHeaderProps } from \"../card.types\";\n\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...props}>{children}</CardHeaderSlot>\n      );\n      // Register it with the parent\n      context.setHeader(slotElement);\n\n      // On unmount, remove it\n      return () => context.setHeader(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport { CardContent as CardContentSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardContentProps } from \"../card.types\";\n\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...props}>{children}</CardContentSlot>\n      );\n      // Register it with the parent\n      context.setContent(slotElement);\n\n      // On unmount, remove it\n      return () => context.setContent(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot } from \"./components/card.root\";\nimport { CardHeader } from \"./components/card.header\";\nimport { CardContent } from \"./components/card.content\";\n\nexport const Card = {\n  Root: CardRoot,\n  Header: CardHeader,\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","children","ref","props","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":"wIAOM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,MACP,CAAC,EAMYC,EAAWH,EACtB,MACA,MACF,EAEaI,EAAaH,EACxB,MACA,QACF,EACaI,EAAcJ,EACzB,MACA,SACF,ECjBaK,EAAcC,EAAAA,cACzB,MACF,EASaJ,EAAW,CAAC,CAAE,SAAAK,EAAU,IAAAC,EAAK,GAAGC,KAAuB,CAClE,KAAM,CAACC,EAAYC,CAAS,EAAIC,EAAAA,SAAoB,IAAI,EAClD,CAACC,EAAaC,CAAU,EAAIF,EAAAA,SAAoB,IAAI,EAGpDG,EAAeC,EAAAA,QACnB,KAAO,CACL,UAAAL,EACA,WAAAG,CAAA,GAEF,CAACH,EAAWG,CAAU,CAAA,EAGxB,OACEG,EAAAA,IAACZ,EAAY,SAAZ,CAAqB,MAAOU,EAC3B,SAAAG,EAAAA,KAACC,EAAA,CAAa,IAAAX,EAAW,GAAGC,EAE1B,SAAA,CAAAS,EAAAA,KAACE,EAAAA,MAAA,CAAM,UAAU,SAAS,IAAI,MAC3B,SAAA,CAAAV,EACAG,CAAA,EACH,EAGCN,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,EAEAL,EAAS,YAAc,YC7ChB,MAAMC,EAAa,CAAC,CAAE,SAAAI,EAAU,GAAGE,KAA6B,CACrE,MAAMY,EAAUC,EAAAA,WAAWjB,CAAW,EAEtCkB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJP,EAAAA,IAACQ,EAAA,CAAgB,GAAGhB,EAAQ,SAAAF,EAAS,EAGvC,OAAAc,EAAQ,UAAUG,CAAW,EAGtB,IAAMH,EAAQ,UAAU,IAAI,CACrC,CACF,EAAG,CAACd,EAAUE,CAAK,CAAC,EAEb,IACT,EACAN,EAAW,YAAc,cClBlB,MAAMC,EAAc,CAAC,CAAE,SAAAG,EAAU,GAAGE,KAA8B,CACvE,MAAMY,EAAUC,EAAAA,WAAWjB,CAAW,EAEtCkB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJP,EAAAA,IAACS,EAAA,CAAiB,GAAGjB,EAAQ,SAAAF,EAAS,EAGxC,OAAAc,EAAQ,WAAWG,CAAW,EAGvB,IAAMH,EAAQ,WAAW,IAAI,CACtC,CACF,EAAG,CAACd,EAAUE,CAAK,CAAC,EAEb,IACT,EAEAL,EAAY,YAAc,eCpBnB,MAAMuB,EAAO,CAClB,KAAMzB,EACN,OAAQC,EACR,QAASC,CACX"}

package/dist/chunks/collapsible-motion-CUcSKaFQ.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("react"),d=require("@chakra-ui/react"),u=require("./useDisclosureState-mIvoKolL.cjs.js"),g=require("./Button-DLCecw8f.cjs.js"),h=require("@chakra-ui/react/styled-system"),S=require("./extract-style-props-B6-o20G1.cjs.js"),j=require("./mergeProps-CxnHrnow.cjs.js"),q=require("./useObjectRef-4v2MxSjQ.cjs.js"),f=t.createContext(void 0);function b(){const e=t.useContext(f);if(e===void 0)throw new Error("useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component");return e}const{withProvider:y,withContext:x}=d.createSlotRecipeContext({key:"collapsibleMotion"}),w=y("div","root"),v=x("button","trigger"),E=x("div","content"),C=t.forwardRef(({children:e,defaultExpanded:r=!1,isExpanded:i,onExpandedChange:l,isDisabled:n=!1,...a},s)=>{const c=u.$bf996d45f4a36925$export$3fcbf6e4407997e0({defaultExpanded:r,isExpanded:i,onExpandedChange:l}),p=t.useRef(null),{buttonProps:M,panelProps:m}=u.$5e910fae8e128ead$export$6e3e27031a30522f({isDisabled:n},c,p),P={isDisabled:n,isExpanded:c.isExpanded,buttonProps:M,panelProps:m,panelRef:p};return o.jsx(f.Provider,{value:P,children:o.jsx(w,{ref:s,...a,children:e})})});C.displayName="CollapsibleMotion.Root";const R=t.forwardRef(({children:e,asChild:r,...i},l)=>{const{buttonProps:n,isDisabled:a}=b(),s=j.$3ef42575df84b30b$export$9d1611c77c2fe928(i,n,{disabled:a});if(r)return o.jsx(h.chakra.button,{asChild:!0,...s,children:e});const[c,p]=S.extractStyleProps(s);return o.jsx(v,{ref:l,...c,asChild:!0,children:o.jsx(g.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{...p,children:e})})});R.displayName="CollapsibleMotion.Trigger";const $=t.forwardRef(({children:e,...r},i)=>{const{panelProps:l,isExpanded:n}=b(),a=t.useRef(null),s=q.$df56164dff5785e2$export$4338b53315abf666(d.mergeRefs(a,i));return o.jsx(E,{ref:s,...r,...l,asChild:!0,children:o.jsx(d.Presence,{present:n,animationName:{_open:"slide-from-top, fade-in",_closed:"slide-to-top, fade-out"},animationDuration:"fast",children:e})})});$.displayName="CollapsibleMotion.Content";const N={Root:C,Trigger:R,Content:$};exports.CollapsibleMotion=N;
-//# sourceMappingURL=collapsible-motion-CUcSKaFQ.cjs.js.map

package/dist/chunks/collapsible-motion-CUcSKaFQ.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-motion-CUcSKaFQ.cjs.js","sources":["../../src/components/collapsible-motion/components/collapsible-motion-context.tsx","../../src/components/collapsible-motion/collapsible-motion.slots.tsx","../../src/components/collapsible-motion/components/collapsible-motion-root.tsx","../../src/components/collapsible-motion/components/collapsible-motion-trigger.tsx","../../src/components/collapsible-motion/components/collapsible-motion-content.tsx","../../src/components/collapsible-motion/collapsible-motion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CollapsibleMotionContextValue } from \"../collapsible-motion.types\";\n\n/**\n * React Context for sharing CollapsibleMotion state between compound components\n */\nexport const CollapsibleMotionContext = createContext<\n  CollapsibleMotionContextValue | undefined\n>(undefined);\n\n/**\n * Custom hook to consume CollapsibleMotion context\n */\nexport function useCollapsibleMotionContext(): CollapsibleMotionContextValue {\n  const context = useContext(CollapsibleMotionContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component\"\n    );\n  }\n\n  return context;\n}\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"collapsibleMotion\",\n});\n\nexport const CollapsibleMotionRootSlot: SlotComponent<\n  HTMLDivElement,\n  CollapsibleMotionRootSlotProps\n> = withProvider<HTMLDivElement, CollapsibleMotionRootSlotProps>(\"div\", \"root\");\n\nexport const CollapsibleMotionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const CollapsibleMotionContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n","import { useRef, forwardRef } from \"react\";\nimport { useDisclosure } from \"react-aria\";\nimport { useDisclosureState } from \"react-stately\";\nimport { CollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionRootSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionRootProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Root - The root container component that manages state and provides context\n *\n * This component contains all the state management logic and provides context to\n * CollapsibleMotion.Trigger and CollapsibleMotion.Content components.\n */\nexport const CollapsibleMotionRoot: React.ForwardRefExoticComponent<\n  CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CollapsibleMotionRootProps>(\n  (\n    {\n      children,\n      defaultExpanded = false,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    // Use React Aria's disclosure state management\n    const disclosureState = useDisclosureState({\n      defaultExpanded,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Use React Aria's disclosure hook for ARIA props\n    const { buttonProps, panelProps } = useDisclosure(\n      { isDisabled },\n      disclosureState,\n      panelRef\n    );\n\n    // Context value to provide to child components\n    const contextValue = {\n      isDisabled,\n      isExpanded: disclosureState.isExpanded,\n      buttonProps,\n      panelProps,\n      panelRef,\n    };\n\n    return (\n      <CollapsibleMotionContext.Provider value={contextValue}>\n        <CollapsibleMotionRootSlot ref={forwardedRef} {...props}>\n          {children}\n        </CollapsibleMotionRootSlot>\n      </CollapsibleMotionContext.Provider>\n    );\n  }\n);\n\nCollapsibleMotionRoot.displayName = \"CollapsibleMotion.Root\";\n","import { forwardRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionTriggerSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionTriggerProps } from \"../collapsible-motion.types\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content\n *\n * This component renders a button with proper ARIA attributes for accessibility.\n * It automatically handles the toggle functionality when clicked.\n */\nexport const CollapsibleMotionTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleMotionTriggerProps\n>(({ children, asChild, ...props }, forwardedRef) => {\n  const { buttonProps, isDisabled } = useCollapsibleMotionContext();\n\n  // Use mergeProps to properly compose event handlers like React Aria does\n  const componentProps = mergeProps(props, buttonProps, {\n    disabled: isDisabled,\n  });\n\n  // If asChild is true, wrap children directly in a button with asChild\n  if (asChild) {\n    return (\n      <chakra.button asChild {...componentProps}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(componentProps);\n\n  // Otherwise, wrap with both CollapsibleMotionTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <CollapsibleMotionTriggerSlot ref={forwardedRef} {...styleProps} asChild>\n      <RaButton {...restProps}>{children}</RaButton>\n    </CollapsibleMotionTriggerSlot>\n  );\n});\n\nCollapsibleMotionTrigger.displayName = \"CollapsibleMotion.Trigger\";\n","import { forwardRef, useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs, Presence } from \"@chakra-ui/react\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionContentSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionContentProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Content - The collapsible content container\n *\n * This component renders the content that will expand and collapse.\n * It handles accessibility attributes through React Aria.\n */\nexport const CollapsibleMotionContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleMotionContentProps\n>(({ children, ...props }, forwardedRef) => {\n  const { panelProps, isExpanded } = useCollapsibleMotionContext();\n\n  // Create a local ref and merge with forwardedRef (for user)\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <CollapsibleMotionContentSlot ref={ref} {...props} {...panelProps} asChild>\n      <Presence\n        present={isExpanded}\n        animationName={{\n          _open: \"slide-from-top, fade-in\",\n          _closed: \"slide-to-top, fade-out\",\n        }}\n        animationDuration=\"fast\"\n      >\n        {children}\n      </Presence>\n    </CollapsibleMotionContentSlot>\n  );\n});\n\nCollapsibleMotionContent.displayName = \"CollapsibleMotion.Content\";\n","import { CollapsibleMotionRoot } from \"./components/collapsible-motion-root\";\nimport { CollapsibleMotionTrigger } from \"./components/collapsible-motion-trigger\";\nimport { CollapsibleMotionContent } from \"./components/collapsible-motion-content\";\n\n// Exports for internal use by react-docgen\nexport {\n  CollapsibleMotionRoot as _CollapsibleMotionRoot,\n  CollapsibleMotionTrigger as _CollapsibleMotionTrigger,\n  CollapsibleMotionContent as _CollapsibleMotionContent,\n};\n\ntype CollapsibleMotionNamespace = {\n  Root: typeof CollapsibleMotionRoot;\n  Trigger: typeof CollapsibleMotionTrigger;\n  Content: typeof CollapsibleMotionContent;\n};\n\nexport const CollapsibleMotion: CollapsibleMotionNamespace = {\n  Root: CollapsibleMotionRoot,\n  Trigger: CollapsibleMotionTrigger,\n  Content: CollapsibleMotionContent,\n};\n"],"names":["CollapsibleMotionContext","createContext","useCollapsibleMotionContext","context","useContext","withProvider","withContext","createSlotRecipeContext","CollapsibleMotionRootSlot","CollapsibleMotionTriggerSlot","CollapsibleMotionContentSlot","CollapsibleMotionRoot","forwardRef","children","defaultExpanded","controlledExpanded","onExpandedChange","isDisabled","props","forwardedRef","disclosureState","useDisclosureState","panelRef","useRef","buttonProps","panelProps","useDisclosure","contextValue","jsx","CollapsibleMotionTrigger","asChild","componentProps","mergeProps","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":"gXAMaA,EAA2BC,EAAAA,cAEtC,MAAS,EAKJ,SAASC,GAA6D,CAC3E,MAAMC,EAAUC,EAAAA,WAAWJ,CAAwB,EAEnD,GAAIG,IAAY,OACd,MAAM,IAAI,MACR,oFAAA,EAIJ,OAAOA,CACT,CChBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,mBACP,CAAC,EAEYC,EAGTH,EAA6D,MAAO,MAAM,EAEjEI,EAA+BH,EAG1C,SAAU,SAAS,EAERI,EAA+BJ,EAG1C,MAAO,SAAS,ECXLK,EAETC,EAAAA,WACF,CACE,CACE,SAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAYC,EACZ,iBAAAC,EACA,WAAAC,EAAa,GACb,GAAGC,CAAA,EAELC,IACG,CAEH,MAAMC,EAAkBC,EAAAA,0CAAmB,CACzC,gBAAAP,EACA,WAAYC,EACZ,iBAAAC,CAAA,CACD,EAEKM,EAAWC,EAAAA,OAAuB,IAAI,EAGtC,CAAE,YAAAC,EAAa,WAAAC,CAAA,EAAeC,EAAAA,0CAClC,CAAE,WAAAT,CAAA,EACFG,EACAE,CAAA,EAIIK,EAAe,CACnB,WAAAV,EACA,WAAYG,EAAgB,WAC5B,YAAAI,EACA,WAAAC,EACA,SAAAH,CAAA,EAGF,OACEM,EAAAA,IAAC5B,EAAyB,SAAzB,CAAkC,MAAO2B,EACxC,SAAAC,EAAAA,IAACpB,EAAA,CAA0B,IAAKW,EAAe,GAAGD,EAC/C,SAAAL,EACH,EACF,CAEJ,CACF,EAEAF,EAAsB,YAAc,yBChD7B,MAAMkB,EAA2BjB,EAAAA,WAGtC,CAAC,CAAE,SAAAC,EAAU,QAAAiB,EAAS,GAAGZ,CAAA,EAASC,IAAiB,CACnD,KAAM,CAAE,YAAAK,EAAa,WAAAP,CAAA,EAAef,EAAA,EAG9B6B,EAAiBC,EAAAA,0CAAWd,EAAOM,EAAa,CACpD,SAAUP,CAAA,CACX,EAGD,GAAIa,EACF,OACEF,EAAAA,IAACK,EAAAA,OAAO,OAAP,CAAc,QAAO,GAAE,GAAGF,EACxB,SAAAlB,EACH,EAIJ,KAAM,CAACqB,EAAYC,CAAS,EAAIC,EAAAA,kBAAkBL,CAAc,EAIhE,OACEH,EAAAA,IAACnB,EAAA,CAA6B,IAAKU,EAAe,GAAGe,EAAY,QAAO,GACtE,SAAAN,EAAAA,IAACS,4CAAA,CAAU,GAAGF,EAAY,SAAAtB,EAAS,EACrC,CAEJ,CAAC,EAEDgB,EAAyB,YAAc,4BChChC,MAAMS,EAA2B1B,EAAAA,WAGtC,CAAC,CAAE,SAAAC,EAAU,GAAGK,CAAA,EAASC,IAAiB,CAC1C,KAAM,CAAE,WAAAM,EAAY,WAAAc,CAAA,EAAerC,EAAA,EAG7BsC,EAAWjB,EAAAA,OAAuB,IAAI,EACtCkB,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUH,EAAUrB,CAAY,CAAC,EAE1D,OACES,MAAClB,GAA6B,IAAA+B,EAAW,GAAGvB,EAAQ,GAAGO,EAAY,QAAO,GACxE,SAAAG,EAAAA,IAACgB,EAAAA,SAAA,CACC,QAASL,EACT,cAAe,CACb,MAAO,0BACP,QAAS,wBAAA,EAEX,kBAAkB,OAEjB,SAAA1B,CAAA,CAAA,EAEL,CAEJ,CAAC,EAEDyB,EAAyB,YAAc,4BCtBhC,MAAMO,EAAgD,CAC3D,KAAMlC,EACN,QAASkB,EACT,QAASS,CACX"}

package/dist/chunks/collapsible-motion-CqJQvrAr.es.js

@@ -1,83 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createContext as P, useContext as R, forwardRef as c, useRef as d } from "react";
-import { createSlotRecipeContext as h, mergeRefs as v, Presence as w } from "@chakra-ui/react";
-import { $ as y, a as E } from "./useDisclosureState-D1JuSOd2.es.js";
-import { a as S } from "./Button-SjGHt140.es.js";
-import { chakra as N } from "@chakra-ui/react/styled-system";
-import { e as T } from "./extract-style-props-fH5EHRZU.es.js";
-import { $ as k } from "./mergeProps-DtKAFxbD.es.js";
-import { $ as _ } from "./useObjectRef-CaJ5pgjX.es.js";
-const f = /* @__PURE__ */ P(void 0);
-function b() {
-  const o = R(f);
-  if (o === void 0)
-    throw new Error(
-      "useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component"
-    );
-  return o;
-}
-const { withProvider: j, withContext: m } = /* @__PURE__ */ h({
-  key: "collapsibleMotion"
-}), D = /* @__PURE__ */ j("div", "root"), V = /* @__PURE__ */ m("button", "trigger"), q = /* @__PURE__ */ m("div", "content"), C = /* @__PURE__ */ c(
-  ({
-    children: o,
-    defaultExpanded: r = !1,
-    isExpanded: s,
-    onExpandedChange: i,
-    isDisabled: e = !1,
-    ...l
-  }, n) => {
-    const a = y({
-      defaultExpanded: r,
-      isExpanded: s,
-      onExpandedChange: i
-    }), p = d(null), { buttonProps: $, panelProps: M } = E(
-      { isDisabled: e },
-      a,
-      p
-    ), g = {
-      isDisabled: e,
-      isExpanded: a.isExpanded,
-      buttonProps: $,
-      panelProps: M,
-      panelRef: p
-    };
-    return /* @__PURE__ */ t(f.Provider, { value: g, children: /* @__PURE__ */ t(D, { ref: n, ...l, children: o }) });
-  }
-);
-C.displayName = "CollapsibleMotion.Root";
-const u = /* @__PURE__ */ c(({ children: o, asChild: r, ...s }, i) => {
-  const { buttonProps: e, isDisabled: l } = b(), n = k(s, e, {
-    disabled: l
-  });
-  if (r)
-    return /* @__PURE__ */ t(N.button, { asChild: !0, ...n, children: o });
-  const [a, p] = T(n);
-  return /* @__PURE__ */ t(V, { ref: i, ...a, asChild: !0, children: /* @__PURE__ */ t(S, { ...p, children: o }) });
-});
-u.displayName = "CollapsibleMotion.Trigger";
-const x = /* @__PURE__ */ c(({ children: o, ...r }, s) => {
-  const { panelProps: i, isExpanded: e } = b(), l = d(null), n = _(v(l, s));
-  return /* @__PURE__ */ t(q, { ref: n, ...r, ...i, asChild: !0, children: /* @__PURE__ */ t(
-    w,
-    {
-      present: e,
-      animationName: {
-        _open: "slide-from-top, fade-in",
-        _closed: "slide-to-top, fade-out"
-      },
-      animationDuration: "fast",
-      children: o
-    }
-  ) });
-});
-x.displayName = "CollapsibleMotion.Content";
-const L = {
-  Root: C,
-  Trigger: u,
-  Content: x
-};
-export {
-  L as C
-};
-//# sourceMappingURL=collapsible-motion-CqJQvrAr.es.js.map

package/dist/chunks/collapsible-motion-CqJQvrAr.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-motion-CqJQvrAr.es.js","sources":["../../src/components/collapsible-motion/components/collapsible-motion-context.tsx","../../src/components/collapsible-motion/collapsible-motion.slots.tsx","../../src/components/collapsible-motion/components/collapsible-motion-root.tsx","../../src/components/collapsible-motion/components/collapsible-motion-trigger.tsx","../../src/components/collapsible-motion/components/collapsible-motion-content.tsx","../../src/components/collapsible-motion/collapsible-motion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CollapsibleMotionContextValue } from \"../collapsible-motion.types\";\n\n/**\n * React Context for sharing CollapsibleMotion state between compound components\n */\nexport const CollapsibleMotionContext = createContext<\n  CollapsibleMotionContextValue | undefined\n>(undefined);\n\n/**\n * Custom hook to consume CollapsibleMotion context\n */\nexport function useCollapsibleMotionContext(): CollapsibleMotionContextValue {\n  const context = useContext(CollapsibleMotionContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component\"\n    );\n  }\n\n  return context;\n}\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"collapsibleMotion\",\n});\n\nexport const CollapsibleMotionRootSlot: SlotComponent<\n  HTMLDivElement,\n  CollapsibleMotionRootSlotProps\n> = withProvider<HTMLDivElement, CollapsibleMotionRootSlotProps>(\"div\", \"root\");\n\nexport const CollapsibleMotionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const CollapsibleMotionContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n","import { useRef, forwardRef } from \"react\";\nimport { useDisclosure } from \"react-aria\";\nimport { useDisclosureState } from \"react-stately\";\nimport { CollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionRootSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionRootProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Root - The root container component that manages state and provides context\n *\n * This component contains all the state management logic and provides context to\n * CollapsibleMotion.Trigger and CollapsibleMotion.Content components.\n */\nexport const CollapsibleMotionRoot: React.ForwardRefExoticComponent<\n  CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CollapsibleMotionRootProps>(\n  (\n    {\n      children,\n      defaultExpanded = false,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    // Use React Aria's disclosure state management\n    const disclosureState = useDisclosureState({\n      defaultExpanded,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Use React Aria's disclosure hook for ARIA props\n    const { buttonProps, panelProps } = useDisclosure(\n      { isDisabled },\n      disclosureState,\n      panelRef\n    );\n\n    // Context value to provide to child components\n    const contextValue = {\n      isDisabled,\n      isExpanded: disclosureState.isExpanded,\n      buttonProps,\n      panelProps,\n      panelRef,\n    };\n\n    return (\n      <CollapsibleMotionContext.Provider value={contextValue}>\n        <CollapsibleMotionRootSlot ref={forwardedRef} {...props}>\n          {children}\n        </CollapsibleMotionRootSlot>\n      </CollapsibleMotionContext.Provider>\n    );\n  }\n);\n\nCollapsibleMotionRoot.displayName = \"CollapsibleMotion.Root\";\n","import { forwardRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionTriggerSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionTriggerProps } from \"../collapsible-motion.types\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content\n *\n * This component renders a button with proper ARIA attributes for accessibility.\n * It automatically handles the toggle functionality when clicked.\n */\nexport const CollapsibleMotionTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleMotionTriggerProps\n>(({ children, asChild, ...props }, forwardedRef) => {\n  const { buttonProps, isDisabled } = useCollapsibleMotionContext();\n\n  // Use mergeProps to properly compose event handlers like React Aria does\n  const componentProps = mergeProps(props, buttonProps, {\n    disabled: isDisabled,\n  });\n\n  // If asChild is true, wrap children directly in a button with asChild\n  if (asChild) {\n    return (\n      <chakra.button asChild {...componentProps}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(componentProps);\n\n  // Otherwise, wrap with both CollapsibleMotionTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <CollapsibleMotionTriggerSlot ref={forwardedRef} {...styleProps} asChild>\n      <RaButton {...restProps}>{children}</RaButton>\n    </CollapsibleMotionTriggerSlot>\n  );\n});\n\nCollapsibleMotionTrigger.displayName = \"CollapsibleMotion.Trigger\";\n","import { forwardRef, useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs, Presence } from \"@chakra-ui/react\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionContentSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionContentProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Content - The collapsible content container\n *\n * This component renders the content that will expand and collapse.\n * It handles accessibility attributes through React Aria.\n */\nexport const CollapsibleMotionContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleMotionContentProps\n>(({ children, ...props }, forwardedRef) => {\n  const { panelProps, isExpanded } = useCollapsibleMotionContext();\n\n  // Create a local ref and merge with forwardedRef (for user)\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <CollapsibleMotionContentSlot ref={ref} {...props} {...panelProps} asChild>\n      <Presence\n        present={isExpanded}\n        animationName={{\n          _open: \"slide-from-top, fade-in\",\n          _closed: \"slide-to-top, fade-out\",\n        }}\n        animationDuration=\"fast\"\n      >\n        {children}\n      </Presence>\n    </CollapsibleMotionContentSlot>\n  );\n});\n\nCollapsibleMotionContent.displayName = \"CollapsibleMotion.Content\";\n","import { CollapsibleMotionRoot } from \"./components/collapsible-motion-root\";\nimport { CollapsibleMotionTrigger } from \"./components/collapsible-motion-trigger\";\nimport { CollapsibleMotionContent } from \"./components/collapsible-motion-content\";\n\n// Exports for internal use by react-docgen\nexport {\n  CollapsibleMotionRoot as _CollapsibleMotionRoot,\n  CollapsibleMotionTrigger as _CollapsibleMotionTrigger,\n  CollapsibleMotionContent as _CollapsibleMotionContent,\n};\n\ntype CollapsibleMotionNamespace = {\n  Root: typeof CollapsibleMotionRoot;\n  Trigger: typeof CollapsibleMotionTrigger;\n  Content: typeof CollapsibleMotionContent;\n};\n\nexport const CollapsibleMotion: CollapsibleMotionNamespace = {\n  Root: CollapsibleMotionRoot,\n  Trigger: CollapsibleMotionTrigger,\n  Content: CollapsibleMotionContent,\n};\n"],"names":["CollapsibleMotionContext","createContext","useCollapsibleMotionContext","context","useContext","withProvider","withContext","createSlotRecipeContext","CollapsibleMotionRootSlot","CollapsibleMotionTriggerSlot","CollapsibleMotionContentSlot","CollapsibleMotionRoot","forwardRef","children","defaultExpanded","controlledExpanded","onExpandedChange","isDisabled","props","forwardedRef","disclosureState","useDisclosureState","panelRef","useRef","buttonProps","panelProps","useDisclosure","contextValue","jsx","CollapsibleMotionTrigger","asChild","componentProps","mergeProps","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":";;;;;;;;;AAMO,MAAMA,IAA2B,gBAAAC,EAEtC,MAAS;AAKJ,SAASC,IAA6D;AAC3E,QAAMC,IAAUC,EAAWJ,CAAwB;AAEnD,MAAIG,MAAY;AACd,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAIJ,SAAOA;AACT;AChBA,MAAM,EAAE,cAAAE,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAGT,gBAAAH,EAA6D,OAAO,MAAM,GAEjEI,IAA+B,gBAAAH,EAG1C,UAAU,SAAS,GAERI,IAA+B,gBAAAJ,EAG1C,OAAO,SAAS,GCXLK,IAET,gBAAAC;AAAA,EACF,CACE;AAAA,IACE,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,YAAYC;AAAA,IACZ,kBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EAAA,GAELC,MACG;AAEH,UAAMC,IAAkBC,EAAmB;AAAA,MACzC,iBAAAP;AAAA,MACA,YAAYC;AAAA,MACZ,kBAAAC;AAAA,IAAA,CACD,GAEKM,IAAWC,EAAuB,IAAI,GAGtC,EAAE,aAAAC,GAAa,YAAAC,EAAA,IAAeC;AAAAA,MAClC,EAAE,YAAAT,EAAA;AAAA,MACFG;AAAA,MACAE;AAAA,IAAA,GAIIK,IAAe;AAAA,MACnB,YAAAV;AAAA,MACA,YAAYG,EAAgB;AAAA,MAC5B,aAAAI;AAAA,MACA,YAAAC;AAAA,MACA,UAAAH;AAAA,IAAA;AAGF,WACE,gBAAAM,EAAC5B,EAAyB,UAAzB,EAAkC,OAAO2B,GACxC,UAAA,gBAAAC,EAACpB,GAAA,EAA0B,KAAKW,GAAe,GAAGD,GAC/C,UAAAL,GACH,GACF;AAAA,EAEJ;AACF;AAEAF,EAAsB,cAAc;AChD7B,MAAMkB,IAA2B,gBAAAjB,EAGtC,CAAC,EAAE,UAAAC,GAAU,SAAAiB,GAAS,GAAGZ,EAAA,GAASC,MAAiB;AACnD,QAAM,EAAE,aAAAK,GAAa,YAAAP,EAAA,IAAef,EAAA,GAG9B6B,IAAiBC,EAAWd,GAAOM,GAAa;AAAA,IACpD,UAAUP;AAAA,EAAA,CACX;AAGD,MAAIa;AACF,WACE,gBAAAF,EAACK,EAAO,QAAP,EAAc,SAAO,IAAE,GAAGF,GACxB,UAAAlB,GACH;AAIJ,QAAM,CAACqB,GAAYC,CAAS,IAAIC,EAAkBL,CAAc;AAIhE,SACE,gBAAAH,EAACnB,GAAA,EAA6B,KAAKU,GAAe,GAAGe,GAAY,SAAO,IACtE,UAAA,gBAAAN,EAACS,GAAA,EAAU,GAAGF,GAAY,UAAAtB,GAAS,GACrC;AAEJ,CAAC;AAEDgB,EAAyB,cAAc;AChChC,MAAMS,IAA2B,gBAAA1B,EAGtC,CAAC,EAAE,UAAAC,GAAU,GAAGK,EAAA,GAASC,MAAiB;AAC1C,QAAM,EAAE,YAAAM,GAAY,YAAAc,EAAA,IAAerC,EAAA,GAG7BsC,IAAWjB,EAAuB,IAAI,GACtCkB,IAAMC,EAAaC,EAAUH,GAAUrB,CAAY,CAAC;AAE1D,SACE,gBAAAS,EAAClB,KAA6B,KAAA+B,GAAW,GAAGvB,GAAQ,GAAGO,GAAY,SAAO,IACxE,UAAA,gBAAAG;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,eAAe;AAAA,QACb,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,mBAAkB;AAAA,MAEjB,UAAA1B;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,CAAC;AAEDyB,EAAyB,cAAc;ACtBhC,MAAMO,IAAgD;AAAA,EAC3D,MAAMlC;AAAA,EACN,SAASkB;AAAA,EACT,SAASS;AACX;"}

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

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),y=require("@chakra-ui/react"),P=require("@commercetools/nimbus-icons"),x=require("./DatePicker-DGLrUdLu.cjs.js"),T=require("./Dialog-Ye_7tQZU.cjs.js"),q=require("./Group-1nWkximy.cjs.js"),v=require("@chakra-ui/react/styled-system"),C=require("./index-8m2zx8YL.cjs.js"),I=require("./extract-style-props-B6-o20G1.cjs.js"),f=require("react"),h=require("react-intl"),M=require("./time-input-DWrgu6Yp.cjs.js"),E=require("@chakra-ui/react/flex"),H=require("./text-BtRhIklG.cjs.js"),k=require("./Button-DLCecw8f.cjs.js"),S=require("./utils-DVb3jcp5.cjs.js"),R=require("./DateField-B5u8QZFY.cjs.js"),N=require("./date-input-CXFII_3C.cjs.js"),V=require("./calendar-BiE914Ki.cjs.js"),B=require("./box-CWni3A32.cjs.js"),D=require("./icon-button-C_itb6iA.cjs.js"),{withProvider:w,withContext:g}=y.createSlotRecipeContext({key:"datePicker"}),z=w("div","root"),F=g("div","group"),G=g("div","popover"),A=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"}}),L=({hideTimeZone:n,hourCycle:r})=>{const s=f.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),{granularity:a,dateValue:t}=s,o=f.useRef(null),u=f.useRef(t);return a==="day"?null:(f.useEffect(()=>{let i;if(t&&u.current?.compare(t)!==0){const c=o.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(E.Flex,{ref:o,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsx(H.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",children:e.jsx(h.FormattedMessage,{...m.startTime})}),e.jsx(M.TimeInput,{slot:"timeInput",variant:"ghost",size:"sm",hideTimeZone:n,hourCycle:r})]}))},O=({children:n})=>{const r=h.useIntl(),s=S.$64fa3d84918910a7$export$fabf2dc03a41866e(k.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},a=f.useContext(x.$06d5b8ec9ee5d538$export$50a10c048fdcdee9),t=a?.dateValue===null,{timeValue:o,setTimeValue:u,granularity:i}=a,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:()=>a?.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:o,onChange:d=>{d!==null&&u(d)},granularity:i==="day"?void 0:i,"aria-label":l()}};return e.jsx(S.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[k.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:b}],[R.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:p}]],children:n})},j=n=>{const{size:r="md",variant:s,granularity:a="day",hideTimeZone:t,hourCycle:o}=n,u=v.useSlotRecipe({recipe:C.datePickerSlotRecipe}),[i,c]=u.splitVariantProps(n),[l,b]=I.extractStyleProps(c),p=r==="md"?"xs":"2xs",d=a==="day"?n.shouldCloseOnSelect:!1;return e.jsx(z,{...i,...l,asChild:!0,children:e.jsx(x.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00,{...b,shouldCloseOnSelect:d,children:e.jsxs(O,{children:[e.jsx(F,{asChild:!0,children:e.jsx(q.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:e.jsx(N.DateInput,{size:r,variant:s,width:"full",hideTimeZone:t,hourCycle:o,trailingElement:e.jsxs(B.Box,{children:[e.jsx(D.IconButton,{variant:"ghost",size:p,slot:"clear",children:e.jsx(P.Close,{})}),e.jsx(D.IconButton,{variant:"ghost",size:p,slot:"calendarToggle",children:e.jsx(P.CalendarMonth,{})})]})})})}),e.jsx(G,{asChild:!0,children:e.jsx(T.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(T.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(A,{children:e.jsx(V.Calendar,{})}),e.jsx(L,{hideTimeZone:t,hourCycle:o})]})})})]})})})};j.displayName="DatePicker";exports.DatePicker=j;
-//# sourceMappingURL=date-picker-BzSXCoJ0.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-BzSXCoJ0.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  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"datePicker\",\n});\n\n/**\n * Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DatePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DatePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DatePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DatePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DatePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DatePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DatePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = 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\";\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                      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                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"calendarToggle\"\n                    >\n                      <CalendarMonth />\n                    </IconButton>\n                  </Box>\n                }\n              />\n            </Group>\n          </DatePickerGroupSlot>\n          <DatePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DatePickerCalendarSlot>\n                  <Calendar />\n                </DatePickerCalendarSlot>\n                <DatePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DatePickerPopoverSlot>\n        </DatePickerCustomContext>\n      </ReactAriaDatePicker>\n    </DatePickerRootSlot>\n  );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","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","datePickerSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-Zz2Sp3S6.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  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\nimport type { DatePickerRootSlotProps } from \"./date-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"datePicker\",\n});\n\n/**\n * Root component that provides the styling context for the DatePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DatePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DatePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput.\n */\nexport const DatePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DatePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DatePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DatePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DatePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DatePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = 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\";\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                      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                      variant=\"ghost\"\n                      size={overlayButtonSize}\n                      slot=\"calendarToggle\"\n                    >\n                      <CalendarMonth />\n                    </IconButton>\n                  </Box>\n                }\n              />\n            </Group>\n          </DatePickerGroupSlot>\n          <DatePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DatePickerCalendarSlot>\n                  <Calendar />\n                </DatePickerCalendarSlot>\n                <DatePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DatePickerPopoverSlot>\n        </DatePickerCustomContext>\n      </ReactAriaDatePicker>\n    </DatePickerRootSlot>\n  );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","DatePickerRootSlot","DatePickerGroupSlot","DatePickerPopoverSlot","DatePickerCalendarSlot","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","datePickerSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","overlayButtonSize","shouldCloseOnSelect","ReactAriaDatePicker","Group","DateInput","Box","IconButton","Close","CalendarMonth","Popover","Dialog","Calendar"],"mappings":"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"}

package/dist/chunks/date-range-picker-field-BUaFYM2O.es.js

@@ -1,62 +0,0 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { forwardRef as R } from "react";
-import { D as g } from "./date-range-picker-B2Cln3mU.es.js";
-import { F as r } from "./form-field-C25xvMEM.es.js";
-import { F as k } from "./field-errors-ClQprmQz.es.js";
-const x = /* @__PURE__ */ R(function({
-  id: a,
-  label: s,
-  description: i,
-  info: l,
-  errors: o,
-  renderError: d,
-  touched: f = !1,
-  isRequired: p = !1,
-  isDisabled: n = !1,
-  isReadOnly: t = !1,
-  direction: F = "column",
-  size: c = "md",
-  ...h
-}, D) {
-  const m = f && o && Object.values(o).some(Boolean);
-  return /* @__PURE__ */ u(
-    r.Root,
-    {
-      ref: D,
-      id: a,
-      direction: F,
-      size: c,
-      isInvalid: m,
-      isRequired: p,
-      isDisabled: n,
-      isReadOnly: t,
-      children: [
-        /* @__PURE__ */ e(r.Label, { children: s }),
-        /* @__PURE__ */ e(r.Input, { children: /* @__PURE__ */ e(
-          g,
-          {
-            size: c,
-            isDisabled: n,
-            isReadOnly: t,
-            ...h
-          }
-        ) }),
-        i && /* @__PURE__ */ e(r.Description, { children: i }),
-        l && /* @__PURE__ */ e(r.InfoBox, { children: l }),
-        m && /* @__PURE__ */ e(r.Error, { children: /* @__PURE__ */ e(
-          k,
-          {
-            id: `${a}-errors`,
-            errors: o,
-            renderError: d
-          }
-        ) })
-      ]
-    }
-  );
-});
-x.displayName = "DateRangePickerField";
-export {
-  x as D
-};
-//# sourceMappingURL=date-range-picker-field-BUaFYM2O.es.js.map

package/dist/chunks/date-range-picker-field-BUaFYM2O.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-field-BUaFYM2O.es.js","sources":["../../src/patterns/fields/date-range-picker-field/date-range-picker-field.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { DateRangePicker } from \"@/components/date-range-picker\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { DateRangePickerFieldProps } from \"./date-range-picker-field.types\";\n\n/**\n * # DateRangePickerField\n *\n * A form field component that combines DateRangePicker with Form Field features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component follows the same API pattern as other field components in the UI-Kit,\n * providing a consistent interface for date range selection within forms.\n *\n * @example\n * ```tsx\n * <DateRangePickerField\n *   label=\"Date Range\"\n *   description=\"Select a start and end date\"\n *   value={dateRange}\n *   onChange={handleChange}\n *   errors={errors}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\nexport const DateRangePickerField = forwardRef<\n  HTMLDivElement,\n  DateRangePickerFieldProps\n>(function DateRangePickerField(\n  {\n    id,\n    label,\n    description,\n    info,\n    errors,\n    renderError,\n    touched = false,\n    isRequired = false,\n    isDisabled = false,\n    isReadOnly = false,\n    direction = \"column\",\n    size = \"md\",\n    ...dateRangePickerProps\n  },\n  ref\n) {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      ref={ref}\n      id={id}\n      direction={direction as \"row\" | \"column\"}\n      size={size}\n      isInvalid={hasErrors}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <DateRangePicker\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          {...dateRangePickerProps}\n        />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n});\n\nDateRangePickerField.displayName = \"DateRangePickerField\";\n"],"names":["DateRangePickerField","forwardRef","id","label","description","info","errors","renderError","touched","isRequired","isDisabled","isReadOnly","direction","size","dateRangePickerProps","ref","hasErrors","jsxs","FormField","jsx","DateRangePicker","FieldErrors"],"mappings":";;;;;AA2BO,MAAMA,IAAuB,gBAAAC,EAGlC,SACA;AAAA,EACE,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,GACA;AAEA,QAAMC,IAAYR,KAAWF,KAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO;AAEzE,SACE,gBAAAW;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,KAAAH;AAAA,MACA,IAAAb;AAAA,MACA,WAAAU;AAAA,MACA,MAAAC;AAAA,MACA,WAAWG;AAAA,MACX,YAAAP;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAQ,EAACD,EAAU,OAAV,EAAiB,UAAAf,EAAA,CAAM;AAAA,QACxB,gBAAAgB,EAACD,EAAU,OAAV,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAP;AAAA,YACA,YAAAH;AAAA,YACA,YAAAC;AAAA,YACC,GAAGG;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QAECV,KACC,gBAAAe,EAACD,EAAU,aAAV,EAAuB,UAAAd,GAAY;AAAA,QAGrCC,KAAQ,gBAAAc,EAACD,EAAU,SAAV,EAAmB,UAAAb,GAAK;AAAA,QACjCW,KACC,gBAAAG,EAACD,EAAU,OAAV,EACC,UAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI,GAAGnB,CAAE;AAAA,YACT,QAAAI;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAEDP,EAAqB,cAAc;"}

package/dist/chunks/date-range-picker-field-CS0YU89_.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("react"),g=require("./date-range-picker-H_YtkQRE.cjs.js"),r=require("./form-field-CpRzgqpq.cjs.js"),k=require("./field-errors-D2re_C_c.cjs.js"),t=h.forwardRef(function({id:l,label:F,description:n,info:o,errors:i,renderError:m,touched:u=!1,isRequired:j=!1,isDisabled:s=!1,isReadOnly:a=!1,direction:x="column",size:c="md",...f},R){const d=u&&i&&Object.values(i).some(Boolean);return e.jsxs(r.FormField.Root,{ref:R,id:l,direction:x,size:c,isInvalid:d,isRequired:j,isDisabled:s,isReadOnly:a,children:[e.jsx(r.FormField.Label,{children:F}),e.jsx(r.FormField.Input,{children:e.jsx(g.DateRangePicker,{size:c,isDisabled:s,isReadOnly:a,...f})}),n&&e.jsx(r.FormField.Description,{children:n}),o&&e.jsx(r.FormField.InfoBox,{children:o}),d&&e.jsx(r.FormField.Error,{children:e.jsx(k.FieldErrors,{id:`${l}-errors`,errors:i,renderError:m})})]})});t.displayName="DateRangePickerField";exports.DateRangePickerField=t;
-//# sourceMappingURL=date-range-picker-field-CS0YU89_.cjs.js.map

package/dist/chunks/date-range-picker-field-CS0YU89_.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-field-CS0YU89_.cjs.js","sources":["../../src/patterns/fields/date-range-picker-field/date-range-picker-field.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { DateRangePicker } from \"@/components/date-range-picker\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { DateRangePickerFieldProps } from \"./date-range-picker-field.types\";\n\n/**\n * # DateRangePickerField\n *\n * A form field component that combines DateRangePicker with Form Field features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component follows the same API pattern as other field components in the UI-Kit,\n * providing a consistent interface for date range selection within forms.\n *\n * @example\n * ```tsx\n * <DateRangePickerField\n *   label=\"Date Range\"\n *   description=\"Select a start and end date\"\n *   value={dateRange}\n *   onChange={handleChange}\n *   errors={errors}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\nexport const DateRangePickerField = forwardRef<\n  HTMLDivElement,\n  DateRangePickerFieldProps\n>(function DateRangePickerField(\n  {\n    id,\n    label,\n    description,\n    info,\n    errors,\n    renderError,\n    touched = false,\n    isRequired = false,\n    isDisabled = false,\n    isReadOnly = false,\n    direction = \"column\",\n    size = \"md\",\n    ...dateRangePickerProps\n  },\n  ref\n) {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      ref={ref}\n      id={id}\n      direction={direction as \"row\" | \"column\"}\n      size={size}\n      isInvalid={hasErrors}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <DateRangePicker\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          {...dateRangePickerProps}\n        />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n});\n\nDateRangePickerField.displayName = \"DateRangePickerField\";\n"],"names":["DateRangePickerField","forwardRef","id","label","description","info","errors","renderError","touched","isRequired","isDisabled","isReadOnly","direction","size","dateRangePickerProps","ref","hasErrors","jsxs","FormField","jsx","DateRangePicker","FieldErrors"],"mappings":"4MA2BaA,EAAuBC,EAAAA,WAGlC,SACA,CACE,GAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,OAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,UAAAC,EAAY,SACZ,KAAAC,EAAO,KACP,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EAAYR,GAAWF,GAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO,EAEzE,OACEW,EAAAA,KAACC,EAAAA,UAAU,KAAV,CACC,IAAAH,EACA,GAAAb,EACA,UAAAU,EACA,KAAAC,EACA,UAAWG,EACX,WAAAP,EACA,WAAAC,EACA,WAAAC,EAEA,SAAA,CAAAQ,EAAAA,IAACD,EAAAA,UAAU,MAAV,CAAiB,SAAAf,CAAA,CAAM,EACxBgB,EAAAA,IAACD,EAAAA,UAAU,MAAV,CACC,SAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACC,KAAAP,EACA,WAAAH,EACA,WAAAC,EACC,GAAGG,CAAA,CAAA,EAER,EAECV,GACCe,EAAAA,IAACD,EAAAA,UAAU,YAAV,CAAuB,SAAAd,EAAY,EAGrCC,GAAQc,EAAAA,IAACD,EAAAA,UAAU,QAAV,CAAmB,SAAAb,EAAK,EACjCW,GACCG,EAAAA,IAACD,EAAAA,UAAU,MAAV,CACC,SAAAC,EAAAA,IAACE,EAAAA,YAAA,CACC,GAAI,GAAGnB,CAAE,UACT,OAAAI,EACA,YAAAC,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAIR,CAAC,EAEDP,EAAqB,YAAc"}

package/dist/chunks/dialog-D7sGE9KU.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("./dialog.close-trigger-Y9dS7xOy.cjs.js"),e={Root:o.DialogRoot,Trigger:o.DialogTrigger,Content:o.DialogContent,Header:o.DialogHeader,Body:o.DialogBody,Footer:o.DialogFooter,Title:o.DialogTitle,CloseTrigger:o.DialogCloseTrigger};exports.Dialog=e;
-//# sourceMappingURL=dialog-D7sGE9KU.cjs.js.map

package/dist/chunks/dialog-D7sGE9KU.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-D7sGE9KU.cjs.js","sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { DialogRoot } from \"./components/dialog.root\";\nimport { DialogTrigger } from \"./components/dialog.trigger\";\nimport { DialogContent } from \"./components/dialog.content\";\nimport { DialogHeader } from \"./components/dialog.header\";\nimport { DialogBody } from \"./components/dialog.body\";\nimport { DialogFooter } from \"./components/dialog.footer\";\nimport { DialogTitle } from \"./components/dialog.title\";\nimport { DialogCloseTrigger } from \"./components/dialog.close-trigger\";\n\n/**\n * Dialog\n * ============================================================\n * A foundational dialog component for overlays that require user attention.\n * Built with React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n *   <Dialog.Content size=\"md\" placement=\"center\">\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseTrigger>×</Dialog.CloseTrigger>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       Dialog content goes here\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n *\n * @see https://nimbus-documentation.vercel.app/components/feedback/dialog\n */\nexport const Dialog = {\n  /**\n   * # Dialog.Root\n   *\n   * The root component that provides context and state management for the dialog.\n   * Uses React Aria's DialogTrigger for accessibility and keyboard interaction.\n   *\n   * This component must wrap all dialog parts (Trigger, Content, etc.) and provides\n   * the dialog open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Dialog Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Dialog content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Root: DialogRoot,\n  /**\n   * # Dialog.Trigger\n   *\n   * The trigger element that opens the dialog when activated.\n   * Uses React Aria's Button for accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>...</Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Trigger: DialogTrigger,\n  /**\n   * # Dialog.Content\n   *\n   * The main dialog content container that wraps React Aria's Modal and Dialog.\n   * Handles portalling, backdrop, positioning, and content styling.\n   *\n   * This component creates the dialog overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content size=\"md\" placement=\"center\">\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *     <Dialog.Footer>Actions</Dialog.Footer>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Content: DialogContent,\n  /**\n   * # Dialog.Header\n   *\n   * The header section of the dialog content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Dialog Title</Dialog.Title>\n   *     <Dialog.CloseTrigger />\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Header: DialogHeader,\n  /**\n   * # Dialog.Body\n   *\n   * The main body content section of the dialog.\n   * Contains the primary dialog content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>\n   *     <p>This is the main content of the dialog.</p>\n   *   </Dialog.Body>\n   *   <Dialog.Footer>...</Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Body: DialogBody,\n  /**\n   * # Dialog.Footer\n   *\n   * The footer section of the dialog, typically containing action buttons.\n   * Provides consistent spacing and alignment for dialog actions.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   *   <Dialog.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Footer: DialogFooter,\n  /**\n   * # Dialog.Title\n   *\n   * The accessible title element for the dialog.\n   * Uses React Aria's Heading for proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Confirm Action</Dialog.Title>\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Title: DialogTitle,\n  /**\n   * # Dialog.CloseTrigger\n   *\n   * A button that closes the dialog when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior through React Aria's\n   * context, so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *       <Dialog.CloseTrigger aria-label=\"Close dialog\" />\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  CloseTrigger: DialogCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DialogRoot as _DialogRoot,\n  DialogTrigger as _DialogTrigger,\n  DialogContent as _DialogContent,\n  DialogHeader as _DialogHeader,\n  DialogBody as _DialogBody,\n  DialogFooter as _DialogFooter,\n  DialogTitle as _DialogTitle,\n  DialogCloseTrigger as _DialogCloseTrigger,\n};\n"],"names":["Dialog","DialogRoot","DialogTrigger","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogCloseTrigger"],"mappings":"uEA6CaA,EAAS,CAuBpB,KAAMC,EAAAA,WAeN,QAASC,EAAAA,cAwBT,QAASC,EAAAA,cAkBT,OAAQC,EAAAA,aAkBR,KAAMC,EAAAA,WAmBN,OAAQC,EAAAA,aAiBR,MAAOC,EAAAA,YAwBP,aAAcC,EAAAA,kBAChB"}