@utilitywarehouse/hearth-react 0.25.4 → 0.26.0

package/dist/chunk-5XYSIHCG.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-6YU3CQVF.js";import{a as d}from"./chunk-QCEOHNYS.js";import{b as i}from"./chunk-TXDSZ3MR.js";import{ChevronDownSmallIcon as g,ChevronLeftSmallIcon as Y,ChevronRightSmallIcon as S,ChevronUpSmallIcon as H}from"@utilitywarehouse/hearth-react-icons";import{jsx as t,jsxs as s}from"react/jsx-runtime";var l="DatePickerHeader",r=i(l),I=c=>{let{date:n,decreaseYear:m,increaseYear:y,decreaseMonth:u,increaseMonth:p,prevMonthButtonDisabled:h,nextMonthButtonDisabled:b,prevYearButtonDisabled:v,nextYearButtonDisabled:C,view:e,onClick:D,visibleYearsRange:a}=c,k={days:[["January","February","March","April","May","June","July","August","September","October","November","December"][n.getMonth()],n.getFullYear()].join(" "),months:n.getFullYear().toString(),years:a?[a.startYear,"-",a.endYear].join(" "):void 0},N=e==="days"?u:e==="years"?m:void 0,f=e==="days"?p:e==="years"?y:void 0,M=e==="days"&&h||e==="years"&&v,P=e==="days"&&b||e==="years"&&C,x=`previous ${e==="days"?"month":"year"}`,B=`next ${e==="days"?"month":"year"}`;return s("div",{className:r,"data-monthyear-state":e==="days"?"closed":"open",children:[t(d,{asChild:!0,size:"md",weight:"semibold",children:s("button",{className:`${r}MonthButton`,onClick:D,children:[k[e],e==="days"?t(g,{"aria-hidden":!0}):t(H,{"aria-hidden":!0})]})}),e!=="months"?s("div",{className:`${r}Control`,children:[t(o,{onClick:N,disabled:M,label:x,children:t(Y,{})}),t(o,{onClick:f,disabled:P,label:B,children:t(S,{})})]}):null]})};I.displayName=l;export{I as a};
-//# sourceMappingURL=chunk-5XYSIHCG.js.map

package/dist/chunk-5XYSIHCG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { DatePickerHeaderProps } from './DatePickerHeader.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport {\n  ChevronDownSmallIcon,\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  ChevronUpSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { View } from './DatePicker.props';\n\nconst COMPONENT_NAME = 'DatePickerHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const {\n    date,\n    decreaseYear,\n    increaseYear,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n    prevYearButtonDisabled,\n    nextYearButtonDisabled,\n    view,\n    onClick,\n    visibleYearsRange,\n  } = props;\n\n  const MONTHS = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ] as const;\n\n  const buttonText: { [key in View]: string | undefined } = {\n    days: [MONTHS[date.getMonth()], date.getFullYear()].join(' '),\n    months: date.getFullYear().toString(),\n    years: visibleYearsRange\n      ? [visibleYearsRange.startYear, '-', visibleYearsRange.endYear].join(' ')\n      : undefined,\n  };\n\n  const handlePrevClick =\n    view === 'days' ? decreaseMonth : view === 'years' ? decreaseYear : undefined;\n  const handleNextClick =\n    view === 'days' ? increaseMonth : view === 'years' ? increaseYear : undefined;\n\n  const isPrevDisabled =\n    (view === 'days' && prevMonthButtonDisabled) || (view === 'years' && prevYearButtonDisabled);\n  const isNextDisabled =\n    (view === 'days' && nextMonthButtonDisabled) || (view === 'years' && nextYearButtonDisabled);\n\n  const prevLabel = `previous ${view === 'days' ? 'month' : 'year'}`;\n  const nextLabel = `next ${view === 'days' ? 'month' : 'year'}`;\n\n  return (\n    <div className={componentClassName} data-monthyear-state={view === 'days' ? 'closed' : 'open'}>\n      <BodyText asChild size=\"md\" weight=\"semibold\">\n        <button className={`${componentClassName}MonthButton`} onClick={onClick}>\n          {buttonText[view]}\n          {view === 'days' ? (\n            <ChevronDownSmallIcon aria-hidden />\n          ) : (\n            <ChevronUpSmallIcon aria-hidden />\n          )}\n        </button>\n      </BodyText>\n\n      {view !== 'months' ? (\n        <div className={`${componentClassName}Control`}>\n          <UnstyledIconButton onClick={handlePrevClick} disabled={isPrevDisabled} label={prevLabel}>\n            <ChevronLeftSmallIcon />\n          </UnstyledIconButton>\n          <UnstyledIconButton onClick={handleNextClick} disabled={isNextDisabled} label={nextLabel}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerHeader.displayName = COMPONENT_NAME;\n"],"mappings":"wHAKA,OACE,wBAAAA,EACA,wBAAAC,EACA,yBAAAC,EACA,sBAAAC,MACK,uCA8DC,OAGI,OAAAC,EAHJ,QAAAC,MAAA,oBA1DR,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAoBC,GAAiC,CAChE,GAAM,CACJ,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,cAAAC,EACA,cAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,KAAAC,EACA,QAAAC,EACA,kBAAAC,CACF,EAAIZ,EAiBEa,EAAoD,CACxD,KAAM,CAhBO,CACb,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,UACF,EAGgBZ,EAAK,SAAS,CAAC,EAAGA,EAAK,YAAY,CAAC,EAAE,KAAK,GAAG,EAC5D,OAAQA,EAAK,YAAY,EAAE,SAAS,EACpC,MAAOW,EACH,CAACA,EAAkB,UAAW,IAAKA,EAAkB,OAAO,EAAE,KAAK,GAAG,EACtE,MACN,EAEME,EACJJ,IAAS,OAASN,EAAgBM,IAAS,QAAUR,EAAe,OAChEa,EACJL,IAAS,OAASL,EAAgBK,IAAS,QAAUP,EAAe,OAEhEa,EACHN,IAAS,QAAUJ,GAA6BI,IAAS,SAAWF,EACjES,EACHP,IAAS,QAAUH,GAA6BG,IAAS,SAAWD,EAEjES,EAAY,YAAYR,IAAS,OAAS,QAAU,MAAM,GAC1DS,EAAY,QAAQT,IAAS,OAAS,QAAU,MAAM,GAE5D,OACEf,EAAC,OAAI,UAAWE,EAAoB,uBAAsBa,IAAS,OAAS,SAAW,OACrF,UAAAhB,EAAC0B,EAAA,CAAS,QAAO,GAAC,KAAK,KAAK,OAAO,WACjC,SAAAzB,EAAC,UAAO,UAAW,GAAGE,CAAkB,cAAe,QAASc,EAC7D,UAAAE,EAAWH,CAAI,EACfA,IAAS,OACRhB,EAAC2B,EAAA,CAAqB,cAAW,GAAC,EAElC3B,EAAC4B,EAAA,CAAmB,cAAW,GAAC,GAEpC,EACF,EAECZ,IAAS,SACRf,EAAC,OAAI,UAAW,GAAGE,CAAkB,UACnC,UAAAH,EAAC6B,EAAA,CAAmB,QAAST,EAAiB,SAAUE,EAAgB,MAAOE,EAC7E,SAAAxB,EAAC8B,EAAA,EAAqB,EACxB,EACA9B,EAAC6B,EAAA,CAAmB,QAASR,EAAiB,SAAUE,EAAgB,MAAOE,EAC7E,SAAAzB,EAAC+B,EAAA,EAAsB,EACzB,GACF,EACE,MACN,CAEJ,EAEA1B,EAAiB,YAAcH","names":["ChevronDownSmallIcon","ChevronLeftSmallIcon","ChevronRightSmallIcon","ChevronUpSmallIcon","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePickerHeader","props","date","decreaseYear","increaseYear","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","view","onClick","visibleYearsRange","buttonText","handlePrevClick","handleNextClick","isPrevDisabled","isNextDisabled","prevLabel","nextLabel","BodyText","ChevronDownSmallIcon","ChevronUpSmallIcon","UnstyledIconButton","ChevronLeftSmallIcon","ChevronRightSmallIcon"]}

package/dist/chunk-FD4K62PV.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHSQ6V6UTcjs = require('./chunk-HSQ6V6UT.cjs');var _chunk762TIF3Scjs = require('./chunk-762TIF3S.cjs');var _chunkUONSYVU2cjs = require('./chunk-UONSYVU2.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var a="DescriptionList",l=_chunk7LZI6HLWcjs.b.call(void 0, a),u= exports.a =_react.forwardRef.call(void 0, (c,d)=>{let{className:f,heading:i,headingElement:D,helperText:P,trailingContent:C,children:L,direction:x,validationText:N,validationStatus:v,...h}=_chunkVCSJTDQRcjs.a.call(void 0, c,_chunkRDNRX35Pcjs.a),E={heading:i,headingElement:D,helperText:P,trailingContent:C,validationText:N,validationStatus:v};return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, l,f),children:[i?_jsxruntime.jsx.call(void 0, _chunk762TIF3Scjs.a,{...E}):null,_jsxruntime.jsx.call(void 0, _chunkUONSYVU2cjs.a,{asChild:!0,className:`${l}Container`,role:"list",children:_jsxruntime.jsx.call(void 0, "dl",{ref:d,role:"list",...h,children:_jsxruntime.jsx.call(void 0, _chunkHSQ6V6UTcjs.a.Provider,{value:{direction:x},children:L})})})]})});u.displayName=a;exports.a = u;
-//# sourceMappingURL=chunk-FD4K62PV.cjs.map

package/dist/chunk-FD4K62PV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-FD4K62PV.cjs","../src/components/DescriptionList/DescriptionList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DescriptionList","forwardRef","props","ref","className","heading","headingElement","helperText","trailingContent","children","direction","validationText","validationStatus","listProps","extractProps","marginPropDefs","sectionHeaderProps","jsxs","cn","jsx","SectionHeader","Flex"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCEnQ,+CAyCrB,IA9BAA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkBC,+BAAAA,CAC5BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaZ,CAAOa,mBAAc,CAAA,CAEhCC,CAAAA,CAAqB,CACzB,OAAA,CAAAX,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAG,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CAEA,OACEK,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,CAAGpB,CAAoBM,CAAS,CAAA,CAC7C,QAAA,CAAA,CAAAC,CAAAA,CAAUc,6BAAAA,mBAACC,CAAA,CAAe,GAAGJ,CAAAA,CAAoB,CAAA,CAAK,IAAA,CACvDG,6BAAAA,mBAACE,CAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-FD4K62PV.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\nimport type { DescriptionListProps } from './DescriptionList.props';\nimport { DescriptionListContext } from './DescriptionList.context';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'DescriptionList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype DescriptionListElement = ComponentRef<'dl'>;\n\nexport const DescriptionList = forwardRef<DescriptionListElement, DescriptionListProps>(\n  (props, ref) => {\n    const {\n      className,\n      heading,\n      headingElement,\n      helperText,\n      trailingContent,\n      children,\n      direction,\n      validationText,\n      validationStatus,\n      ...listProps\n    } = extractProps(props, marginPropDefs);\n\n    const sectionHeaderProps = {\n      heading,\n      headingElement,\n      helperText,\n      trailingContent,\n      validationText,\n      validationStatus,\n    };\n\n    return (\n      <div className={cn(componentClassName, className)}>\n        {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n        <Flex asChild className={`${componentClassName}Container`} role=\"list\">\n          <dl ref={ref} role=\"list\" {...listProps}>\n            <DescriptionListContext.Provider value={{ direction }}>\n              {children}\n            </DescriptionListContext.Provider>\n          </dl>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nDescriptionList.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-FQG4DAJ5.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQMAED3KNcjs = require('./chunk-QMAED3KN.cjs');var _chunkPKGGJEPXcjs = require('./chunk-PKGGJEPX.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var l="DatePickerHeader",r=_chunk7LZI6HLWcjs.b.call(void 0, l),I= exports.a =c=>{let{date:n,decreaseYear:m,increaseYear:y,decreaseMonth:u,increaseMonth:p,prevMonthButtonDisabled:h,nextMonthButtonDisabled:b,prevYearButtonDisabled:v,nextYearButtonDisabled:C,view:e,onClick:D,visibleYearsRange:a}=c,k={days:[["January","February","March","April","May","June","July","August","September","October","November","December"][n.getMonth()],n.getFullYear()].join(" "),months:n.getFullYear().toString(),years:a?[a.startYear,"-",a.endYear].join(" "):void 0},N=e==="days"?u:e==="years"?m:void 0,f=e==="days"?p:e==="years"?y:void 0,M=e==="days"&&h||e==="years"&&v,P=e==="days"&&b||e==="years"&&C,x=`previous ${e==="days"?"month":"year"}`,B=`next ${e==="days"?"month":"year"}`;return _jsxruntime.jsxs.call(void 0, "div",{className:r,"data-monthyear-state":e==="days"?"closed":"open",children:[_jsxruntime.jsx.call(void 0, _chunkPKGGJEPXcjs.a,{asChild:!0,size:"md",weight:"semibold",children:_jsxruntime.jsxs.call(void 0, "button",{className:`${r}MonthButton`,onClick:D,children:[k[e],e==="days"?_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronDownSmallIcon,{"aria-hidden":!0}):_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronUpSmallIcon,{"aria-hidden":!0})]})}),e!=="months"?_jsxruntime.jsxs.call(void 0, "div",{className:`${r}Control`,children:[_jsxruntime.jsx.call(void 0, _chunkQMAED3KNcjs.a,{onClick:N,disabled:M,label:x,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkQMAED3KNcjs.a,{onClick:f,disabled:P,label:B,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})})]}):null]})};I.displayName=l;exports.a = I;
-//# sourceMappingURL=chunk-FQG4DAJ5.cjs.map

package/dist/chunk-FQG4DAJ5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-FQG4DAJ5.cjs","../src/components/DatePicker/DatePickerHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePickerHeader","props","date","decreaseYear","increaseYear","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","view","onClick","visibleYearsRange","buttonText","handlePrevClick","handleNextClick","isPrevDisabled","isNextDisabled","prevLabel"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wECUnH,+CA8DC,IA1DFA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoBC,CAAAA,EAAiC,CAChE,GAAM,CACJ,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CACF,CAAA,CAAIZ,CAAAA,CAiBEa,CAAAA,CAAoD,CACxD,IAAA,CAAM,CAhBO,CACb,SAAA,CACA,UAAA,CACA,OAAA,CACA,OAAA,CACA,KAAA,CACA,MAAA,CACA,MAAA,CACA,QAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CACA,UACF,CAAA,CAGgBZ,CAAAA,CAAK,QAAA,CAAS,CAAC,CAAA,CAAGA,CAAAA,CAAK,WAAA,CAAY,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CAC5D,MAAA,CAAQA,CAAAA,CAAK,WAAA,CAAY,CAAA,CAAE,QAAA,CAAS,CAAA,CACpC,KAAA,CAAOW,CAAAA,CACH,CAACA,CAAAA,CAAkB,SAAA,CAAW,GAAA,CAAKA,CAAAA,CAAkB,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CACtE,KAAA,CACN,CAAA,CAEME,CAAAA,CACJJ,CAAAA,GAAS,MAAA,CAASN,CAAAA,CAAgBM,CAAAA,GAAS,OAAA,CAAUR,CAAAA,CAAe,KAAA,CAAA,CAChEa,CAAAA,CACJL,CAAAA,GAAS,MAAA,CAASL,CAAAA,CAAgBK,CAAAA,GAAS,OAAA,CAAUP,CAAAA,CAAe,KAAA,CAAA,CAEhEa,CAAAA,CACHN,CAAAA,GAAS,MAAA,EAAUJ,CAAAA,EAA6BI,CAAAA,GAAS,OAAA,EAAWF,CAAAA,CACjES,CAAAA,CACHP,CAAAA,GAAS,MAAA,EAAUH,CAAAA,EAA6BG,CAAAA,GAAS,OAAA,EAAWD,CAAAA,CAEjES,CAAAA,CAAY,CAAA,SAAA,EAAYR,CAAAA,GAAS,MAAA,CAAS,OAAA,CAAU,MAAM,CAAA,CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-FQG4DAJ5.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { DatePickerHeaderProps } from './DatePickerHeader.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport {\n  ChevronDownSmallIcon,\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  ChevronUpSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { View } from './DatePicker.props';\n\nconst COMPONENT_NAME = 'DatePickerHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const {\n    date,\n    decreaseYear,\n    increaseYear,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n    prevYearButtonDisabled,\n    nextYearButtonDisabled,\n    view,\n    onClick,\n    visibleYearsRange,\n  } = props;\n\n  const MONTHS = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ] as const;\n\n  const buttonText: { [key in View]: string | undefined } = {\n    days: [MONTHS[date.getMonth()], date.getFullYear()].join(' '),\n    months: date.getFullYear().toString(),\n    years: visibleYearsRange\n      ? [visibleYearsRange.startYear, '-', visibleYearsRange.endYear].join(' ')\n      : undefined,\n  };\n\n  const handlePrevClick =\n    view === 'days' ? decreaseMonth : view === 'years' ? decreaseYear : undefined;\n  const handleNextClick =\n    view === 'days' ? increaseMonth : view === 'years' ? increaseYear : undefined;\n\n  const isPrevDisabled =\n    (view === 'days' && prevMonthButtonDisabled) || (view === 'years' && prevYearButtonDisabled);\n  const isNextDisabled =\n    (view === 'days' && nextMonthButtonDisabled) || (view === 'years' && nextYearButtonDisabled);\n\n  const prevLabel = `previous ${view === 'days' ? 'month' : 'year'}`;\n  const nextLabel = `next ${view === 'days' ? 'month' : 'year'}`;\n\n  return (\n    <div className={componentClassName} data-monthyear-state={view === 'days' ? 'closed' : 'open'}>\n      <BodyText asChild size=\"md\" weight=\"semibold\">\n        <button className={`${componentClassName}MonthButton`} onClick={onClick}>\n          {buttonText[view]}\n          {view === 'days' ? (\n            <ChevronDownSmallIcon aria-hidden />\n          ) : (\n            <ChevronUpSmallIcon aria-hidden />\n          )}\n        </button>\n      </BodyText>\n\n      {view !== 'months' ? (\n        <div className={`${componentClassName}Control`}>\n          <UnstyledIconButton onClick={handlePrevClick} disabled={isPrevDisabled} label={prevLabel}>\n            <ChevronLeftSmallIcon />\n          </UnstyledIconButton>\n          <UnstyledIconButton onClick={handleNextClick} disabled={isNextDisabled} label={nextLabel}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerHeader.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-IWDCS7F6.js

@@ -1,2 +0,0 @@
-import{a as m}from"./chunk-FMZOD4P2.js";import{a as p}from"./chunk-P4CR56CW.js";import{a as n}from"./chunk-2N7CEB45.js";import{a as s}from"./chunk-W6VYE222.js";import{a as r}from"./chunk-BMY6GUJM.js";import{a as o}from"./chunk-MSHCGZ4G.js";import{b as e}from"./chunk-TXDSZ3MR.js";import{forwardRef as g}from"react";import{jsx as t,jsxs as y}from"react/jsx-runtime";var a="DescriptionList",l=e(a),u=g((c,d)=>{let{className:f,heading:i,headingElement:D,helperText:P,trailingContent:C,children:L,direction:x,validationText:N,validationStatus:v,...h}=r(c,s),E={heading:i,headingElement:D,helperText:P,trailingContent:C,validationText:N,validationStatus:v};return y("div",{className:o(l,f),children:[i?t(p,{...E}):null,t(n,{asChild:!0,className:`${l}Container`,role:"list",children:t("dl",{ref:d,role:"list",...h,children:t(m.Provider,{value:{direction:x},children:L})})})]})});u.displayName=a;export{u as a};
-//# sourceMappingURL=chunk-IWDCS7F6.js.map

package/dist/chunk-IWDCS7F6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\nimport type { DescriptionListProps } from './DescriptionList.props';\nimport { DescriptionListContext } from './DescriptionList.context';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'DescriptionList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype DescriptionListElement = ComponentRef<'dl'>;\n\nexport const DescriptionList = forwardRef<DescriptionListElement, DescriptionListProps>(\n  (props, ref) => {\n    const {\n      className,\n      heading,\n      headingElement,\n      helperText,\n      trailingContent,\n      children,\n      direction,\n      validationText,\n      validationStatus,\n      ...listProps\n    } = extractProps(props, marginPropDefs);\n\n    const sectionHeaderProps = {\n      heading,\n      headingElement,\n      helperText,\n      trailingContent,\n      validationText,\n      validationStatus,\n    };\n\n    return (\n      <div className={cn(componentClassName, className)}>\n        {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n        <Flex asChild className={`${componentClassName}Container`} role=\"list\">\n          <dl ref={ref} role=\"list\" {...listProps}>\n            <DescriptionListContext.Provider value={{ direction }}>\n              {children}\n            </DescriptionListContext.Provider>\n          </dl>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nDescriptionList.displayName = COMPONENT_NAME;\n"],"mappings":"wRAEA,OAAS,cAAAA,MAAkB,QAyCrB,OACa,OAAAC,EADb,QAAAC,MAAA,oBA9BN,IAAMC,EAAiB,kBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAkBC,EAC7B,CAACC,EAAOC,IAAQ,CACd,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,eAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,EAAIC,EAAaZ,EAAOa,CAAc,EAEhCC,EAAqB,CACzB,QAAAX,EACA,eAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAG,EACA,iBAAAC,CACF,EAEA,OACEhB,EAAC,OAAI,UAAWqB,EAAGnB,EAAoBM,CAAS,EAC7C,UAAAC,EAAUV,EAACuB,EAAA,CAAe,GAAGF,EAAoB,EAAK,KACvDrB,EAACwB,EAAA,CAAK,QAAO,GAAC,UAAW,GAAGrB,CAAkB,YAAa,KAAK,OAC9D,SAAAH,EAAC,MAAG,IAAKQ,EAAK,KAAK,OAAQ,GAAGU,EAC5B,SAAAlB,EAACyB,EAAuB,SAAvB,CAAgC,MAAO,CAAE,UAAAV,CAAU,EACjD,SAAAD,EACH,EACF,EACF,GACF,CAEJ,CACF,EAEAT,EAAgB,YAAcH","names":["forwardRef","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","DescriptionList","forwardRef","props","ref","className","heading","headingElement","helperText","trailingContent","children","direction","validationText","validationStatus","listProps","extractProps","marginPropDefs","sectionHeaderProps","cn","SectionHeader","Flex","DescriptionListContext"]}

package/dist/chunk-KWEDNKA2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkFQG4DAJ5cjs = require('./chunk-FQG4DAJ5.cjs');var _chunkRG6ZJE6Ucjs = require('./chunk-RG6ZJE6U.cjs');var _chunkCTPWMRL2cjs = require('./chunk-CTPWMRL2.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _reactdatepicker = require('react-datepicker'); var _reactdatepicker2 = _interopRequireDefault(_reactdatepicker);var _dom = require('@floating-ui/dom');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var E="DatePicker",a=_chunk7LZI6HLWcjs.b.call(void 0, E),oe= exports.a =_react.forwardRef.call(void 0, (O,T)=>{let{className:H,onChange:d,onCalendarOpen:l,onCalendarClose:p,validationStatus:r,validationText:c,label:I,labelVariant:R,helperText:m,id:S,disabled:f,readOnly:P,required:y,...F}=_chunkVCSJTDQRcjs.a.call(void 0, O,_chunkRDNRX35Pcjs.a),[$,u]=_react.useState.call(void 0, !1),[e,s]=_react.useState.call(void 0, "days"),{id:A,labelId:C,helperTextId:h,validationTextId:n}=_chunkITZEACMWcjs.a.call(void 0, {providedId:S,prefix:"date-picker"}),i=!P&&!f,Y={id:A,labelId:C,helperTextId:h,validationTextId:n,label:I,labelVariant:R,helperText:m,validationText:i?c:void 0,validationStatus:i?r:void 0,required:y},K=_chunkDSW76HKTcjs.a.call(void 0, m?h:void 0,i&&c!==void 0?n:void 0),L={days:"days",months:"days",years:"months"},W={days:"months",months:"years",years:"days"},q=(t,Z)=>{e!=="days"&&s(L[e]),d!==void 0&&d(t,Z)},B=()=>{u(!0),l&&l()},G=()=>{u(!1),s("days"),p&&p()},_={customInput:_jsxruntime.jsx.call(void 0, _chunkRG6ZJE6Ucjs.a,{ref:T,className:"","data-calendar-state":$?"open":"closed"}),renderCustomHeader:t=>_jsxruntime.jsx.call(void 0, _chunkFQG4DAJ5cjs.a,{...t,view:e,onClick:()=>{s(W[e])}})},z={"aria-labelledby":C,"aria-describedby":K,"aria-invalid":r==="invalid"?!0:void 0,"aria-errormessage":r==="invalid"?n:void 0},J={calendarClassName:`${a}Calendar`,dayClassName:()=>`${a}Day`,weekClassName:()=>`${a}Week`,monthClassName:()=>`${a}Month`,yearClassName:()=>`${a}Year`,popperClassName:`${a}Popper`},Q={required:y,disabled:f,readOnly:P,calendarStartDay:1,showIcon:!1,dateFormat:"dd/MM/yyyy",formatWeekDay:t=>t.toString().charAt(0)},U={showPopperArrow:!1,popperModifiers:[_dom.offset.call(void 0, -6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:_radixui.Portal.Root},X={...{onChange:q,onCalendarClose:G,onCalendarOpen:B},...Q,...z,...U,...J,...{showMonthYearPicker:e==="months",showYearPicker:e==="years",shouldCloseOnSelect:e==="days",closeOnScroll:!0},..._,...F};return _jsxruntime.jsx.call(void 0, _chunkCTPWMRL2cjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, a,H),...Y,children:_jsxruntime.jsx.call(void 0, _reactdatepicker2.default,{...X,selectsRange:!1,selectsMultiple:!1})})});oe.displayName=E;exports.a = oe;
-//# sourceMappingURL=chunk-KWEDNKA2.cjs.map

package/dist/chunk-KWEDNKA2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KWEDNKA2.cjs","../src/components/DatePicker/DatePicker.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePicker","forwardRef","props","ref","className","onChange","onCalendarOpen","onCalendarClose","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","datePickerProps","extractProps","marginPropDefs","calendarOpen","setCalendarOpen","useState","view","setView","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","prevView","nextView","handleChange","date","event","handleCalendarOpen","handleCalendarClose","customComponents","jsx","DatePickerTrigger","DatePickerHeader","ariaProps","classNameProps"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,qHCGhV,uCAKT,mCAOA,8BACc,+CA+F/B,IA5FAA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,EAAAA,aAAaC,+BAAAA,CAAgDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAahB,CAAOiB,mBAAc,CAAA,CAEhC,CAACC,CAAAA,CAAcC,CAAe,CAAA,CAAIC,6BAAAA,CAAS,CAAK,CAAA,CAChD,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAIF,6BAAAA,MAAqB,CAAA,CAEvC,CAAE,EAAA,CAAAG,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAhB,CAAAA,CACA,MAAA,CAAQ,aACV,CAAC,CAAA,CAEKiB,CAAAA,CAAyB,CAACf,CAAAA,EAAY,CAACD,CAAAA,CAEvCiB,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAlB,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBkB,CAAAA,CAAiBrB,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBqB,CAAAA,CAAiBtB,CAAAA,CAAmB,KAAA,CAAA,CACtD,QAAA,CAAAQ,CACF,CAAA,CAEMgB,CAAAA,CAAuBC,iCAAAA,CACzBrB,CAAae,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBrB,CAAAA,GAAmB,KAAA,CAAA,CAAYmB,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAEMM,CAAAA,CAAoC,CACxC,IAAA,CAAM,MAAA,CACN,MAAA,CAAQ,MAAA,CACR,KAAA,CAAO,QACT,CAAA,CAEMC,CAAAA,CAAoC,CACxC,IAAA,CAAM,QAAA,CACN,MAAA,CAAQ,OAAA,CACR,KAAA,CAAO,MACT,CAAA,CAEMC,CAAAA,CAAe,CACnBC,CAAAA,CACAC,CAAAA,CAAAA,EACG,CACCf,CAAAA,GAAS,MAAA,EACXC,CAAAA,CAAQU,CAAAA,CAASX,CAAI,CAAC,CAAA,CAEpBlB,CAAAA,GAAa,KAAA,CAAA,EACfA,CAAAA,CAASgC,CAAAA,CAAMC,CAAK,CAExB,CAAA,CAEMC,CAAAA,CAAqB,CAAA,CAAA,EAAM,CAC/BlB,CAAAA,CAAgB,CAAA,CAAI,CAAA,CAChBf,CAAAA,EACFA,CAAAA,CAAe,CAEnB,CAAA,CAEMkC,CAAAA,CAAsB,CAAA,CAAA,EAAM,CAChCnB,CAAAA,CAAgB,CAAA,CAAK,CAAA,CACrBG,CAAAA,CAAQ,MAAM,CAAA,CACVjB,CAAAA,EACFA,CAAAA,CAAgB,CAEpB,CAAA,CAEMkC,CAAAA,CAAmB,CACvB,WAAA,CACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKxC,CAAAA,CACL,SAAA,CAAU,EAAA,CACV,qBAAA,CAAqBiB,CAAAA,CAAe,MAAA,CAAS,QAAA,CAC/C,CAAA,CAEF,kBAAA,CAAqBlB,CAAAA,EACnBwC,6BAAAA,mBAACE,CAAA,CACE,GAAG1C,CAAAA,CACJ,IAAA,CAAMqB,CAAAA,CACN,OAAA,CAAS,CAAA,CAAA,EAAM,CACbC,CAAAA,CAAQW,CAAAA,CAASZ,CAAI,CAAC,CACxB,CAAA,CACF,CAEJ,CAAA,CAEMsB,CAAAA,CAAY,CAChB,iBAAA,CAAmBnB,CAAAA,CACnB,kBAAA,CAAoBM,CAAAA,CACpB,cAAA,CAAgBxB,CAAAA,GAAqB,SAAA,CAAY,CAAA,CAAA,CAAO,KAAA,CAAA,CACxD,mBAAA,CAAqBA,CAAAA,GAAqB,SAAA,CAAYoB,CAAAA,CAAmB,KAAA,CAC3E,CAAA,CAEMkB,CAAAA,CAAiB,CACrB,iBAAA,CAAmB,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KWEDNKA2.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport DatePickerPrimitive from 'react-datepicker';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { cn } from '../../helpers/cn';\nimport { offset } from '@floating-ui/dom';\nimport type { DatePickerProps, View } from './DatePicker.props';\nimport { DatePickerTrigger } from './DatePickerTrigger';\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Portal } from 'radix-ui';\nimport { forwardRef, useState } from 'react';\nimport type { ComponentRef, MouseEvent, KeyboardEvent } from 'react';\n\nconst COMPONENT_NAME = 'DatePicker';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype DatePickerElement = ComponentRef<'button'>;\n\nexport const DatePicker = forwardRef<DatePickerElement, DatePickerProps>((props, ref) => {\n  const {\n    className,\n    onChange,\n    onCalendarOpen,\n    onCalendarClose,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    ...datePickerProps\n  } = extractProps(props, marginPropDefs);\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n  const [view, setView] = useState<View>('days');\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'date-picker',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const prevView: { [key in View]: View } = {\n    days: 'days',\n    months: 'days',\n    years: 'months',\n  };\n\n  const nextView: { [key in View]: View } = {\n    days: 'months',\n    months: 'years',\n    years: 'days',\n  };\n\n  const handleChange = (\n    date: Date | null,\n    event?: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>\n  ) => {\n    if (view !== 'days') {\n      setView(prevView[view]);\n    }\n    if (onChange !== undefined) {\n      onChange(date, event);\n    }\n  };\n\n  const handleCalendarOpen = () => {\n    setCalendarOpen(true);\n    if (onCalendarOpen) {\n      onCalendarOpen();\n    }\n  };\n\n  const handleCalendarClose = () => {\n    setCalendarOpen(false);\n    setView('days');\n    if (onCalendarClose) {\n      onCalendarClose();\n    }\n  };\n\n  const customComponents = {\n    customInput: (\n      <DatePickerTrigger\n        ref={ref}\n        className=\"\"\n        data-calendar-state={calendarOpen ? 'open' : 'closed'}\n      />\n    ),\n    renderCustomHeader: (props: ReactDatePickerCustomHeaderProps) => (\n      <DatePickerHeader\n        {...props}\n        view={view}\n        onClick={() => {\n          setView(nextView[view]);\n        }}\n      />\n    ),\n  };\n\n  const ariaProps = {\n    'aria-labelledby': labelId,\n    'aria-describedby': ariaDescribedbyValue,\n    'aria-invalid': validationStatus === 'invalid' ? true : undefined,\n    'aria-errormessage': validationStatus === 'invalid' ? validationTextId : undefined,\n  };\n\n  const classNameProps = {\n    calendarClassName: `${componentClassName}Calendar`,\n    dayClassName: () => `${componentClassName}Day`,\n    weekClassName: () => `${componentClassName}Week`,\n    monthClassName: () => `${componentClassName}Month`,\n    yearClassName: () => `${componentClassName}Year`,\n    popperClassName: `${componentClassName}Popper`,\n  };\n\n  const defaultProps = {\n    required,\n    disabled,\n    readOnly,\n    calendarStartDay: 1,\n    showIcon: false,\n    dateFormat: 'dd/MM/yyyy',\n    formatWeekDay: (day: Date) => day.toString().charAt(0),\n  };\n\n  const popperProps = {\n    showPopperArrow: false,\n    popperModifiers: [offset(-6)],\n    popperPlacement: 'bottom-start',\n    popperProps: { strategy: 'fixed' },\n    popperContainer: Portal.Root,\n  };\n\n  const eventHandlingProps = {\n    onChange: handleChange,\n    onCalendarClose: handleCalendarClose,\n    onCalendarOpen: handleCalendarOpen,\n  };\n\n  const stateProps = {\n    showMonthYearPicker: view === 'months',\n    showYearPicker: view === 'years',\n    shouldCloseOnSelect: view === 'days',\n    closeOnScroll: true,\n  };\n\n  const reactDatePickerProps = {\n    ...eventHandlingProps,\n    ...defaultProps,\n    ...ariaProps,\n    ...popperProps,\n    ...classNameProps,\n    ...stateProps,\n    ...customComponents,\n    ...datePickerProps,\n  };\n\n  return (\n    <FormField className={cn(componentClassName, className)} {...formFieldProps}>\n      <DatePickerPrimitive\n        {...reactDatePickerProps}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsRange={false}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsMultiple={false}\n      />\n    </FormField>\n  );\n});\n\nDatePicker.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZN3FN5AI.js

@@ -1,2 +0,0 @@
-import{a as M}from"./chunk-5XYSIHCG.js";import{a as x}from"./chunk-IKKODB2L.js";import{a as N}from"./chunk-A65AIDIS.js";import{a as D}from"./chunk-W6VYE222.js";import{a as b}from"./chunk-L4OZ3M5X.js";import{a as g}from"./chunk-DVGYWBKQ.js";import{a as w}from"./chunk-BMY6GUJM.js";import{a as k}from"./chunk-MSHCGZ4G.js";import{b as v}from"./chunk-TXDSZ3MR.js";import j from"react-datepicker";import{offset as ee}from"@floating-ui/dom";import{Portal as ae}from"radix-ui";import{forwardRef as te,useState as V}from"react";import{jsx as o}from"react/jsx-runtime";var E="DatePicker",a=v(E),oe=te((O,T)=>{let{className:H,onChange:d,onCalendarOpen:l,onCalendarClose:p,validationStatus:r,validationText:c,label:I,labelVariant:R,helperText:m,id:S,disabled:f,readOnly:P,required:y,...F}=w(O,D),[$,u]=V(!1),[e,s]=V("days"),{id:A,labelId:C,helperTextId:h,validationTextId:n}=b({providedId:S,prefix:"date-picker"}),i=!P&&!f,Y={id:A,labelId:C,helperTextId:h,validationTextId:n,label:I,labelVariant:R,helperText:m,validationText:i?c:void 0,validationStatus:i?r:void 0,required:y},K=g(m?h:void 0,i&&c!==void 0?n:void 0),L={days:"days",months:"days",years:"months"},W={days:"months",months:"years",years:"days"},q=(t,Z)=>{e!=="days"&&s(L[e]),d!==void 0&&d(t,Z)},B=()=>{u(!0),l&&l()},G=()=>{u(!1),s("days"),p&&p()},_={customInput:o(x,{ref:T,className:"","data-calendar-state":$?"open":"closed"}),renderCustomHeader:t=>o(M,{...t,view:e,onClick:()=>{s(W[e])}})},z={"aria-labelledby":C,"aria-describedby":K,"aria-invalid":r==="invalid"?!0:void 0,"aria-errormessage":r==="invalid"?n:void 0},J={calendarClassName:`${a}Calendar`,dayClassName:()=>`${a}Day`,weekClassName:()=>`${a}Week`,monthClassName:()=>`${a}Month`,yearClassName:()=>`${a}Year`,popperClassName:`${a}Popper`},Q={required:y,disabled:f,readOnly:P,calendarStartDay:1,showIcon:!1,dateFormat:"dd/MM/yyyy",formatWeekDay:t=>t.toString().charAt(0)},U={showPopperArrow:!1,popperModifiers:[ee(-6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:ae.Root},X={...{onChange:q,onCalendarClose:G,onCalendarOpen:B},...Q,...z,...U,...J,...{showMonthYearPicker:e==="months",showYearPicker:e==="years",shouldCloseOnSelect:e==="days",closeOnScroll:!0},..._,...F};return o(N,{className:k(a,H),...Y,children:o(j,{...X,selectsRange:!1,selectsMultiple:!1})})});oe.displayName=E;export{oe as a};
-//# sourceMappingURL=chunk-ZN3FN5AI.js.map

package/dist/chunk-ZN3FN5AI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport DatePickerPrimitive from 'react-datepicker';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { cn } from '../../helpers/cn';\nimport { offset } from '@floating-ui/dom';\nimport type { DatePickerProps, View } from './DatePicker.props';\nimport { DatePickerTrigger } from './DatePickerTrigger';\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Portal } from 'radix-ui';\nimport { forwardRef, useState } from 'react';\nimport type { ComponentRef, MouseEvent, KeyboardEvent } from 'react';\n\nconst COMPONENT_NAME = 'DatePicker';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype DatePickerElement = ComponentRef<'button'>;\n\nexport const DatePicker = forwardRef<DatePickerElement, DatePickerProps>((props, ref) => {\n  const {\n    className,\n    onChange,\n    onCalendarOpen,\n    onCalendarClose,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    ...datePickerProps\n  } = extractProps(props, marginPropDefs);\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n  const [view, setView] = useState<View>('days');\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'date-picker',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const prevView: { [key in View]: View } = {\n    days: 'days',\n    months: 'days',\n    years: 'months',\n  };\n\n  const nextView: { [key in View]: View } = {\n    days: 'months',\n    months: 'years',\n    years: 'days',\n  };\n\n  const handleChange = (\n    date: Date | null,\n    event?: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>\n  ) => {\n    if (view !== 'days') {\n      setView(prevView[view]);\n    }\n    if (onChange !== undefined) {\n      onChange(date, event);\n    }\n  };\n\n  const handleCalendarOpen = () => {\n    setCalendarOpen(true);\n    if (onCalendarOpen) {\n      onCalendarOpen();\n    }\n  };\n\n  const handleCalendarClose = () => {\n    setCalendarOpen(false);\n    setView('days');\n    if (onCalendarClose) {\n      onCalendarClose();\n    }\n  };\n\n  const customComponents = {\n    customInput: (\n      <DatePickerTrigger\n        ref={ref}\n        className=\"\"\n        data-calendar-state={calendarOpen ? 'open' : 'closed'}\n      />\n    ),\n    renderCustomHeader: (props: ReactDatePickerCustomHeaderProps) => (\n      <DatePickerHeader\n        {...props}\n        view={view}\n        onClick={() => {\n          setView(nextView[view]);\n        }}\n      />\n    ),\n  };\n\n  const ariaProps = {\n    'aria-labelledby': labelId,\n    'aria-describedby': ariaDescribedbyValue,\n    'aria-invalid': validationStatus === 'invalid' ? true : undefined,\n    'aria-errormessage': validationStatus === 'invalid' ? validationTextId : undefined,\n  };\n\n  const classNameProps = {\n    calendarClassName: `${componentClassName}Calendar`,\n    dayClassName: () => `${componentClassName}Day`,\n    weekClassName: () => `${componentClassName}Week`,\n    monthClassName: () => `${componentClassName}Month`,\n    yearClassName: () => `${componentClassName}Year`,\n    popperClassName: `${componentClassName}Popper`,\n  };\n\n  const defaultProps = {\n    required,\n    disabled,\n    readOnly,\n    calendarStartDay: 1,\n    showIcon: false,\n    dateFormat: 'dd/MM/yyyy',\n    formatWeekDay: (day: Date) => day.toString().charAt(0),\n  };\n\n  const popperProps = {\n    showPopperArrow: false,\n    popperModifiers: [offset(-6)],\n    popperPlacement: 'bottom-start',\n    popperProps: { strategy: 'fixed' },\n    popperContainer: Portal.Root,\n  };\n\n  const eventHandlingProps = {\n    onChange: handleChange,\n    onCalendarClose: handleCalendarClose,\n    onCalendarOpen: handleCalendarOpen,\n  };\n\n  const stateProps = {\n    showMonthYearPicker: view === 'months',\n    showYearPicker: view === 'years',\n    shouldCloseOnSelect: view === 'days',\n    closeOnScroll: true,\n  };\n\n  const reactDatePickerProps = {\n    ...eventHandlingProps,\n    ...defaultProps,\n    ...ariaProps,\n    ...popperProps,\n    ...classNameProps,\n    ...stateProps,\n    ...customComponents,\n    ...datePickerProps,\n  };\n\n  return (\n    <FormField className={cn(componentClassName, className)} {...formFieldProps}>\n      <DatePickerPrimitive\n        {...reactDatePickerProps}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsRange={false}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsMultiple={false}\n      />\n    </FormField>\n  );\n});\n\nDatePicker.displayName = COMPONENT_NAME;\n"],"mappings":"wWAGA,OAAOA,MAAyB,mBAKhC,OAAS,UAAAC,OAAc,mBAOvB,OAAS,UAAAC,OAAc,WACvB,OAAS,cAAAC,GAAY,YAAAC,MAAgB,QA+F/B,cAAAC,MAAA,oBA5FN,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,GAAaN,GAA+C,CAACO,EAAOC,IAAQ,CACvF,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAEhC,CAACC,EAAcC,CAAe,EAAIzB,EAAS,EAAK,EAChD,CAAC0B,EAAMC,CAAO,EAAI3B,EAAe,MAAM,EAEvC,CAAE,GAAA4B,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAf,EACA,OAAQ,aACV,CAAC,EAEKgB,EAAyB,CAACd,GAAY,CAACD,EAEvCgB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAjB,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBiB,EAAiBpB,EAAiB,OAClD,iBAAkBoB,EAAiBrB,EAAmB,OACtD,SAAAQ,CACF,EAEMe,EAAuBC,EACzBpB,EAAac,EAAe,OAC9BG,GAAkBpB,IAAmB,OAAYkB,EAAmB,MACtE,EAEMM,EAAoC,CACxC,KAAM,OACN,OAAQ,OACR,MAAO,QACT,EAEMC,EAAoC,CACxC,KAAM,SACN,OAAQ,QACR,MAAO,MACT,EAEMC,EAAe,CACnBC,EACAC,IACG,CACCf,IAAS,QACXC,EAAQU,EAASX,CAAI,CAAC,EAEpBjB,IAAa,QACfA,EAAS+B,EAAMC,CAAK,CAExB,EAEMC,EAAqB,IAAM,CAC/BjB,EAAgB,EAAI,EAChBf,GACFA,EAAe,CAEnB,EAEMiC,EAAsB,IAAM,CAChClB,EAAgB,EAAK,EACrBE,EAAQ,MAAM,EACVhB,GACFA,EAAgB,CAEpB,EAEMiC,EAAmB,CACvB,YACE3C,EAAC4C,EAAA,CACC,IAAKtC,EACL,UAAU,GACV,sBAAqBiB,EAAe,OAAS,SAC/C,EAEF,mBAAqBlB,GACnBL,EAAC6C,EAAA,CACE,GAAGxC,EACJ,KAAMoB,EACN,QAAS,IAAM,CACbC,EAAQW,EAASZ,CAAI,CAAC,CACxB,EACF,CAEJ,EAEMqB,EAAY,CAChB,kBAAmBlB,EACnB,mBAAoBM,EACpB,eAAgBvB,IAAqB,UAAY,GAAO,OACxD,oBAAqBA,IAAqB,UAAYmB,EAAmB,MAC3E,EAEMiB,EAAiB,CACrB,kBAAmB,GAAG7C,CAAkB,WACxC,aAAc,IAAM,GAAGA,CAAkB,MACzC,cAAe,IAAM,GAAGA,CAAkB,OAC1C,eAAgB,IAAM,GAAGA,CAAkB,QAC3C,cAAe,IAAM,GAAGA,CAAkB,OAC1C,gBAAiB,GAAGA,CAAkB,QACxC,EAEM8C,EAAe,CACnB,SAAA7B,EACA,SAAAF,EACA,SAAAC,EACA,iBAAkB,EAClB,SAAU,GACV,WAAY,aACZ,cAAgB+B,GAAcA,EAAI,SAAS,EAAE,OAAO,CAAC,CACvD,EAEMC,EAAc,CAClB,gBAAiB,GACjB,gBAAiB,CAACC,GAAO,EAAE,CAAC,EAC5B,gBAAiB,eACjB,YAAa,CAAE,SAAU,OAAQ,EACjC,gBAAiBtD,GAAO,IAC1B,EAeMuD,EAAuB,CAC3B,GAdyB,CACzB,SAAUd,EACV,gBAAiBI,EACjB,eAAgBD,CAClB,EAWE,GAAGO,EACH,GAAGF,EACH,GAAGI,EACH,GAAGH,EACH,GAbiB,CACjB,oBAAqBtB,IAAS,SAC9B,eAAgBA,IAAS,QACzB,oBAAqBA,IAAS,OAC9B,cAAe,EACjB,EASE,GAAGkB,EACH,GAAGvB,CACL,EAEA,OACEpB,EAACqD,EAAA,CAAU,UAAWC,EAAGpD,EAAoBK,CAAS,EAAI,GAAG0B,EAC3D,SAAAjC,EAACuD,EAAA,CACE,GAAGH,EAEJ,aAAc,GAEd,gBAAiB,GACnB,EACF,CAEJ,CAAC,EAEDhD,GAAW,YAAcH","names":["DatePickerPrimitive","offset","Portal","forwardRef","useState","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePicker","props","ref","className","onChange","onCalendarOpen","onCalendarClose","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","datePickerProps","extractProps","marginPropDefs","calendarOpen","setCalendarOpen","view","setView","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","prevView","nextView","handleChange","date","event","handleCalendarOpen","handleCalendarClose","customComponents","DatePickerTrigger","DatePickerHeader","ariaProps","classNameProps","defaultProps","day","popperProps","offset","reactDatePickerProps","FormField","cn","DatePickerPrimitive"]}