@utilitywarehouse/hearth-react 0.24.13 → 0.24.15

package/dist/chunk-HECLKFB5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/InputBase/InputBase.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport React, { type ComponentRef } from 'react';\nimport type { InputBaseProps } from './InputBase.props';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'InputBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype InputBaseElement = ComponentRef<'input'>;\n\n// We're keeping the forwardRef API here for backwards compatibility with consumers using Combobox in React 18 applications\n// https://linear.app/utilitywarehouse/issue/UWDS-4232/broken-combobox\nexport const InputBase = React.forwardRef<InputBaseElement, InputBaseProps>(\n  ({ className, children, disabled, readOnly, required, placeholder, ...props }, forwardedRef) => {\n    const localRef = React.useRef<HTMLInputElement>(null);\n    // merge refs so we can control focus but still allow parent components to\n    // have a ref to the input\n    const ref = useMergedRefs(forwardedRef, localRef);\n    return (\n      <div\n        className={cn(componentClassName, className)}\n        data-disabled={disabled ? '' : undefined}\n        onPointerDown={event => {\n          // avoid losing focus when users click on non-interactive slot elements, such as icons\n          const target = event.target as HTMLElement;\n          if (target.closest('input, button, a')) return;\n\n          if (localRef && typeof localRef === 'object' && localRef.current) {\n            const input = localRef.current;\n            requestAnimationFrame(() => {\n              input.focus();\n            });\n          }\n        }}\n      >\n        <input\n          ref={ref}\n          spellCheck=\"false\"\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={!disabled ? placeholder : undefined}\n          {...props}\n        />\n        {children}\n      </div>\n    );\n  }\n);\n\nInputBase.displayName = COMPONENT_NAME;\n"],"mappings":"gFAIA,OAAOA,MAAkC,QAEzC,OAAS,iBAAAC,MAAqB,+BAgBxB,OAgBE,OAAAC,EAhBF,QAAAC,MAAA,oBAdN,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAM7CG,EAAYP,EAAM,WAC7B,CAAC,CAAE,UAAAQ,EAAW,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,YAAAC,EAAa,GAAGC,CAAM,EAAGC,IAAiB,CAC9F,IAAMC,EAAWhB,EAAM,OAAyB,IAAI,EAG9CiB,EAAMhB,EAAcc,EAAcC,CAAQ,EAChD,OACEb,EAAC,OACC,UAAWe,EAAGb,EAAoBG,CAAS,EAC3C,gBAAeE,EAAW,GAAK,OAC/B,cAAeS,GAAS,CAGtB,GAAI,CADWA,EAAM,OACV,QAAQ,kBAAkB,GAEjCH,GAAY,OAAOA,GAAa,UAAYA,EAAS,QAAS,CAChE,IAAMI,EAAQJ,EAAS,QACvB,sBAAsB,IAAM,CAC1BI,EAAM,MAAM,CACd,CAAC,CACH,CACF,EAEA,UAAAlB,EAAC,SACC,IAAKe,EACL,WAAW,QACX,SAAUL,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACxB,GAAGC,EACN,EACCL,GACH,CAEJ,CACF,EAEAF,EAAU,YAAcH","names":["React","useMergedRefs","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","InputBase","className","children","disabled","readOnly","required","placeholder","props","forwardedRef","localRef","ref","cn","event","input"]}

package/dist/chunk-IOT26OHP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-IOT26OHP.cjs","../src/components/TextArea/TextArea.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TextArea","props","className","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","placeholder","ariaDescribedby","resize","rows","minHeight","maxHeight","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","jsx","FormField","Box","cn"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-IOT26OHP.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport type { TextAreaProps } from './TextArea.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormField } from '../FormField/FormField';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'TextArea';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextArea = (props: TextAreaProps) => {\n  const {\n    className,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    placeholder,\n    'aria-describedby': ariaDescribedby,\n    resize,\n    rows = 3,\n    minHeight,\n    maxHeight,\n    ...textAreaProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'textarea',\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    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  return (\n    <FormField\n      data-validation-status={validationStatus ? validationStatus : undefined}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <Box\n        asChild\n        className={cn(componentClassName, className)}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n      >\n        <textarea\n          id={id}\n          rows={rows}\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={!disabled ? placeholder : undefined}\n          aria-labelledby={labelId}\n          aria-describedby={ariaDescribedbyValue}\n          aria-invalid={validationStatus === 'invalid' ? true : undefined}\n          aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n          data-resize={resize}\n          {...textAreaProps}\n        />\n      </Box>\n    </FormField>\n  );\n};\n\nTextArea.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-JG6KNQFN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport type { TextAreaProps } from './TextArea.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormField } from '../FormField/FormField';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'TextArea';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextArea = (props: TextAreaProps) => {\n  const {\n    className,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    placeholder,\n    'aria-describedby': ariaDescribedby,\n    resize,\n    rows = 3,\n    minHeight,\n    maxHeight,\n    ...textAreaProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'textarea',\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    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  return (\n    <FormField\n      data-validation-status={validationStatus ? validationStatus : undefined}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <Box\n        asChild\n        className={cn(componentClassName, className)}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n      >\n        <textarea\n          id={id}\n          rows={rows}\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={!disabled ? placeholder : undefined}\n          aria-labelledby={labelId}\n          aria-describedby={ariaDescribedbyValue}\n          aria-invalid={validationStatus === 'invalid' ? true : undefined}\n          aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n          data-resize={resize}\n          {...textAreaProps}\n        />\n      </Box>\n    </FormField>\n  );\n};\n\nTextArea.displayName = COMPONENT_NAME;\n"],"mappings":"gUA0EQ,cAAAA,MAAA,oBA9DR,IAAMC,EAAiB,WACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAYC,GAAyB,CAChD,GAAM,CACJ,UAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAoBC,EACpB,OAAAC,EACA,KAAAC,EAAO,EACP,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAIC,EAAalB,EAAOmB,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAjB,EACA,OAAQ,UACV,CAAC,EAEKkB,EAAyB,CAAChB,GAAY,CAACD,EAEvCkB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAnB,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBmB,EAAiBtB,EAAiB,OAClD,iBAAkBsB,EAAiBvB,EAAmB,OACtD,SAAAQ,CACF,EAEMiB,EAAuBC,EAC3BhB,EACEN,EAAagB,EAAe,OAC9BG,GAAkBtB,IAAmB,OAAYoB,EAAmB,MACtE,EAEA,OACE5B,EAACkC,EAAA,CACC,yBAAwB3B,GAAsC,OAC9D,gBAAeM,EAAW,GAAK,OAC9B,GAAGkB,EAEJ,SAAA/B,EAACmC,EAAA,CACC,QAAO,GACP,UAAWC,EAAGlC,EAAoBI,CAAS,EAC3C,UAAWc,EACX,UAAWC,EAEX,SAAArB,EAAC,YACC,GAAIyB,EACJ,KAAMN,EACN,SAAUJ,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACzB,kBAAiBU,EACjB,mBAAkBM,EAClB,eAAczB,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYqB,EAAmB,OACvE,cAAaV,EACZ,GAAGI,EACN,EACF,EACF,CAEJ,EAEAlB,EAAS,YAAcH","names":["jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","TextArea","props","className","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","placeholder","ariaDescribedby","resize","rows","minHeight","maxHeight","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","Box","cn"]}

package/dist/chunk-K4RWSELN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-K4RWSELN.cjs","../src/components/Card/Card.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Card","props","className","children","colorScheme","shadowColor","cardProps","extractProps","flexPropDefs","gapPropDefs","cardPropDefs","marginPropDefs","sizePropDefs","gridItemPropDefs","flexItemPropDefs","jsx","Flex","cn","kebabCase"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCoCle,IAtBEA,CAAAA,CAAiB,MAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQC,CAAAA,EAAqB,CACxC,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,eAAA,CACd,WAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFN,CACAO,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEA,OACEC,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGnB,CAAoBI,CAAS,CAAA,CAC3C,kBAAA,CAAkBgB,iCAAAA,CAAqB,CAAA,CACvC,kBAAA,CAAkBb,CAAAA,CACjB,GAAGC,CAAAA,CACJ,EAAA,CAAG,KAAA,CAEF,QAAA,CAAAH,CAAAA,CACH,CAEJ,CAAA,CAEAH,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-K4RWSELN.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\nimport { cardPropDefs } from './Card.props';\nimport type { CardProps } from './Card.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { Flex } from '../Flex/Flex';\nimport { flexPropDefs } from '../Flex/Flex.props';\nimport { kebabCase } from '../../helpers/kebab-case';\nimport { gapPropDefs } from '../../props/gap.props';\n\nconst COMPONENT_NAME = 'Card';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Card = (props: CardProps) => {\n  const {\n    className,\n    children,\n    colorScheme = 'neutralStrong',\n    shadowColor,\n    ...cardProps\n  } = extractProps(\n    props,\n    flexPropDefs,\n    gapPropDefs,\n    cardPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs\n  );\n\n  return (\n    <Flex\n      className={cn(componentClassName, className)}\n      data-colorscheme={kebabCase(colorScheme)}\n      data-shadowcolor={shadowColor}\n      {...cardProps}\n      as=\"div\"\n    >\n      {children}\n    </Flex>\n  );\n};\n\nCard.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-LIZDMKX4.js

@@ -1,2 +0,0 @@
-import{a as T}from"./chunk-HP5ULTGW.js";import{a as I}from"./chunk-HECLKFB5.js";import{a as c}from"./chunk-W6VYE222.js";import{a as b}from"./chunk-L4OZ3M5X.js";import{a as x}from"./chunk-DVGYWBKQ.js";import{a as f}from"./chunk-BMY6GUJM.js";import{a as m}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-TXDSZ3MR.js";import{jsx as h}from"react/jsx-runtime";var v="TextInput",E=u(v),M=y=>{let{className:P,validationStatus:i,validationText:r,label:N,labelVariant:F,helperText:t,children:O,id:g,disabled:e,readOnly:n,hideLabel:B,required:o,placeholder:C,"aria-describedby":D,...V}=f(y,c),{id:l,labelId:s,helperTextId:p,validationTextId:d}=b({providedId:g,prefix:"text-input"}),a=!n&&!e,q={id:l,labelId:s,helperTextId:p,validationTextId:d,label:N,labelVariant:F,helperText:t,validationText:a?r:void 0,validationStatus:a?i:void 0,hideLabel:B,required:o},w=x(D,t?p:void 0,a&&r!==void 0?d:void 0);return h(T,{"data-disabled":e?"":void 0,...q,children:h(I,{className:m(E,P),spellCheck:"false",id:l,required:o,disabled:e,readOnly:n,placeholder:e?void 0:C,"aria-labelledby":s,"aria-describedby":w,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?d:void 0,...V,children:O})})};M.displayName=v;export{M as a};
-//# sourceMappingURL=chunk-LIZDMKX4.js.map

package/dist/chunk-LIZDMKX4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TextInput/TextInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { cn } from '../../helpers/cn';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextInput = (props: TextInputProps) => {\n  const {\n    className,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    children,\n    id: providedId,\n    disabled,\n    readOnly,\n    hideLabel,\n    required,\n    placeholder,\n    'aria-describedby': ariaDescribedby,\n    ...textInputProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'text-input',\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    hideLabel,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  return (\n    <FormField data-disabled={disabled ? '' : undefined} {...formFieldProps}>\n      <InputBase\n        className={cn(componentClassName, className)}\n        spellCheck=\"false\"\n        id={id}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={!disabled ? placeholder : undefined}\n        aria-labelledby={labelId}\n        aria-describedby={ariaDescribedbyValue}\n        aria-invalid={validationStatus === 'invalid' ? true : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n        {...textInputProps}\n      >\n        {children}\n      </InputBase>\n    </FormField>\n  );\n};\n\nTextInput.displayName = COMPONENT_NAME;\n"],"mappings":"gUA+DM,cAAAA,MAAA,oBAnDN,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAaC,GAA0B,CAClD,GAAM,CACJ,UAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAoBC,EACpB,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAd,EACA,OAAQ,YACV,CAAC,EAEKe,EAAyB,CAACb,GAAY,CAACD,EAEvCe,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAjB,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBiB,EAAiBpB,EAAiB,OAClD,iBAAkBoB,EAAiBrB,EAAmB,OACtD,UAAAS,EACA,SAAAC,CACF,EAEMa,EAAuBC,EAC3BZ,EACER,EAAac,EAAe,OAC9BG,GAAkBpB,IAAmB,OAAYkB,EAAmB,MACtE,EAEA,OACE1B,EAACgC,EAAA,CAAU,gBAAelB,EAAW,GAAK,OAAY,GAAGe,EACvD,SAAA7B,EAACiC,EAAA,CACC,UAAWC,EAAGhC,EAAoBI,CAAS,EAC3C,WAAW,QACX,GAAIiB,EACJ,SAAUN,EACV,SAAUH,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdI,EACzB,kBAAiBM,EACjB,mBAAkBM,EAClB,eAAcvB,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYmB,EAAmB,OACtE,GAAGN,EAEH,SAAAR,EACH,EACF,CAEJ,EAEAR,EAAU,YAAcH","names":["jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","TextInput","props","className","validationStatus","validationText","label","labelVariant","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","InputBase","cn"]}

package/dist/chunk-QK53VWN5.js

@@ -1,2 +0,0 @@
-import{a as l}from"./chunk-HECLKFB5.js";import{a}from"./chunk-2HQK2OMW.js";import{a as r}from"./chunk-Z6OGYQ26.js";import{a as m}from"./chunk-L4OZ3M5X.js";import{a as o}from"./chunk-MSHCGZ4G.js";import{b as p}from"./chunk-TXDSZ3MR.js";import{jsx as i,jsxs as x}from"react/jsx-runtime";var s="DateInputSegment",N=p(s),S=({className:d,label:u,placeholder:f,value:c,disabled:e,required:I,id:b,...g})=>{let{id:t,labelId:n}=m({providedId:b,prefix:"date-input-segment"});return x(r,{className:o(N,d),"data-disabled":e?"":void 0,children:[i(a,{htmlFor:t,id:n,disableUserSelect:!0,children:u}),i(l,{type:"text",inputMode:"numeric",pattern:"[0-9]*",id:t,placeholder:e?void 0:f,value:c,disabled:e,required:I,"aria-labelledby":n,spellCheck:"false",...g})]})};S.displayName=s;export{S as a};
-//# sourceMappingURL=chunk-QK53VWN5.js.map

package/dist/chunk-QK53VWN5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DateInput/DateInputSegment.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useIds } from '../../hooks/use-ids';\nimport { InputBase } from '../InputBase/InputBase';\nimport type { DateInputSegmentProps } from './DateInputSegment.props';\n\nconst COMPONENT_NAME = 'DateInputSegment';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DateInputSegment = ({\n  className,\n  label,\n  placeholder,\n  value,\n  disabled,\n  required,\n  id: providedId,\n  ...props\n}: DateInputSegmentProps) => {\n  const { id, labelId } = useIds({ providedId, prefix: 'date-input-segment' });\n\n  return (\n    <Flex className={cn(componentClassName, className)} data-disabled={disabled ? '' : undefined}>\n      <Label htmlFor={id} id={labelId} disableUserSelect>\n        {label}\n      </Label>\n\n      <InputBase\n        type=\"text\"\n        inputMode=\"numeric\"\n        pattern=\"[0-9]*\"\n        id={id}\n        placeholder={!disabled ? placeholder : undefined}\n        value={value}\n        disabled={disabled}\n        required={required}\n        aria-labelledby={labelId}\n        spellCheck=\"false\"\n        {...props}\n      />\n    </Flex>\n  );\n};\n\nDateInputSegment.displayName = COMPONENT_NAME;\n"],"mappings":"2OA0BI,OACE,OAAAA,EADF,QAAAC,MAAA,oBAhBJ,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmB,CAAC,CAC/B,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,GAAGC,CACL,IAA6B,CAC3B,GAAM,CAAE,GAAAC,EAAI,QAAAC,CAAQ,EAAIC,EAAO,CAAE,WAAAJ,EAAY,OAAQ,oBAAqB,CAAC,EAE3E,OACEX,EAACgB,EAAA,CAAK,UAAWC,EAAGf,EAAoBG,CAAS,EAAG,gBAAeI,EAAW,GAAK,OACjF,UAAAV,EAACmB,EAAA,CAAM,QAASL,EAAI,GAAIC,EAAS,kBAAiB,GAC/C,SAAAR,EACH,EAEAP,EAACoB,EAAA,CACC,KAAK,OACL,UAAU,UACV,QAAQ,SACR,GAAIN,EACJ,YAAcJ,EAAyB,OAAdF,EACzB,MAAOC,EACP,SAAUC,EACV,SAAUC,EACV,kBAAiBI,EACjB,WAAW,QACV,GAAGF,EACN,GACF,CAEJ,EAEAR,EAAiB,YAAcH","names":["jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","DateInputSegment","className","label","placeholder","value","disabled","required","providedId","props","id","labelId","useIds","Flex","cn","Label","InputBase"]}

package/dist/chunk-USVIOA2Z.js

@@ -1,2 +0,0 @@
-import{a as E}from"./chunk-LIZDMKX4.js";import{a as x}from"./chunk-MMQEBBH2.js";import{a as T}from"./chunk-BCK2XQ4L.js";import{a as R}from"./chunk-MSHCGZ4G.js";import{b as v}from"./chunk-TXDSZ3MR.js";import*as r from"react";import{jsx as p}from"react/jsx-runtime";var P="CurrencyInput",z=v(P),O=({className:D,disabled:M,value:f,onChange:g,placeholder:N="0.00",disableGroupSeparators:d,ref:V,...b})=>{let[w,S]=r.useState(""),B=r.useRef(null),o=r.useRef(null),t=V||B,h=f!==void 0,C=h?String(f??""):w,i=e=>{if(!e)return"";let c=e.split("."),n=c[0]||"";d||(n=n.replace(/\B(?=(\d{3})+(?!\d))/g,","));let s=c[1];return s!==void 0?n+"."+s:n},H=e=>{let c=e.target.value,n=e.target.selectionStart||0,s=i(C),y=c.replace(/[^\d.]/g,""),u=y.split("."),I=u.length>2?u[0]+"."+u.slice(1).join(""):y,m=I.split("."),a=m[1]!==void 0?m[0]+"."+m[1].substring(0,2):I;if(d)o.current=null;else{let l=i(a),L=(s.slice(0,Math.min(n,s.length)).match(/,/g)||[]).length,j=(l.slice(0,Math.min(n,l.length)).match(/,/g)||[]).length-L;o.current=n+j}if(h||S(a),g&&t&&typeof t=="object"&&t.current){let l={...e,target:{...e.target,value:a},currentTarget:{...e.currentTarget,value:a}};g(l)}};return r.useEffect(()=>{t&&typeof t=="object"&&t.current&&o.current!==null&&(t.current.setSelectionRange(o.current,o.current),o.current=null)}),p(E,{ref:t,className:R(z,D),type:"text",inputMode:"decimal",disabled:M,value:i(C),onChange:H,placeholder:N,...b,children:p(T,{placement:"prefix",children:p(x,{size:"3xl",children:"\xA3"})})})};O.displayName=P;export{O as a};
-//# sourceMappingURL=chunk-USVIOA2Z.js.map

package/dist/chunk-USVIOA2Z.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CurrencyInput/CurrencyInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { ChangeEvent } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport type { CurrencyInputProps } from './CurrencyInput.props';\nimport { DetailText } from '../DetailText/DetailText';\n\nconst COMPONENT_NAME = 'CurrencyInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CurrencyInput = ({\n  className,\n  disabled,\n  value: controlledValue,\n  onChange,\n  placeholder = '0.00',\n  disableGroupSeparators,\n  ref: forwardedRef,\n  ...props\n}: CurrencyInputProps) => {\n  const maxDecimals = 2;\n  const [internalValue, setInternalValue] = React.useState<string>('');\n  const localRef = React.useRef<HTMLInputElement>(null);\n  const cursorPositionRef = React.useRef<number | null>(null);\n\n  // Use forwarded ref if provided, otherwise use internal ref\n  const inputRef = forwardedRef || localRef;\n\n  const isControlled = controlledValue !== undefined;\n  const numericValue = isControlled ? String(controlledValue ?? '') : internalValue;\n\n  // Format value for display\n  const formatValue = (value: string): string => {\n    if (!value) return '';\n\n    const parts = value.split('.');\n    let integerPart = parts[0] || '';\n\n    if (!disableGroupSeparators) {\n      integerPart = integerPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n    }\n\n    const decimalPart = parts[1];\n    return decimalPart !== undefined ? integerPart + '.' + decimalPart : integerPart;\n  };\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const input = e.target.value;\n    const cursorPosition = e.target.selectionStart || 0;\n    const previousDisplayValue = formatValue(numericValue);\n\n    // Remove all non-digits except decimal\n    const cleaned = input.replace(/[^\\d.]/g, '');\n\n    // Ensure only one decimal point\n    const parts = cleaned.split('.');\n    const sanitized = parts.length > 2 ? parts[0] + '.' + parts.slice(1).join('') : cleaned;\n\n    // Limit decimal places\n    const finalParts = sanitized.split('.');\n    const limitedValue =\n      finalParts[1] !== undefined\n        ? finalParts[0] + '.' + finalParts[1].substring(0, maxDecimals)\n        : sanitized;\n\n    // Calculate new cursor position\n    if (!disableGroupSeparators) {\n      const newDisplayValue = formatValue(limitedValue);\n      const oldCommasBeforeCursor = (\n        previousDisplayValue\n          .slice(0, Math.min(cursorPosition, previousDisplayValue.length))\n          .match(/,/g) || []\n      ).length;\n      const newCommasBeforeCursor = (\n        newDisplayValue.slice(0, Math.min(cursorPosition, newDisplayValue.length)).match(/,/g) || []\n      ).length;\n      const commaDiff = newCommasBeforeCursor - oldCommasBeforeCursor;\n      cursorPositionRef.current = cursorPosition + commaDiff;\n    } else {\n      cursorPositionRef.current = null;\n    }\n    if (!isControlled) {\n      setInternalValue(limitedValue);\n    }\n\n    // Return numeric value WITHOUT commas\n    if (onChange && inputRef && typeof inputRef === 'object' && inputRef.current) {\n      const syntheticEvent = {\n        ...e,\n        target: {\n          ...e.target,\n          value: limitedValue, // Raw numeric value without commas\n        },\n        currentTarget: {\n          ...e.currentTarget,\n          value: limitedValue,\n        },\n      } as ChangeEvent<HTMLInputElement>;\n\n      onChange(syntheticEvent);\n    }\n  };\n\n  // Restore cursor position after render\n  React.useEffect(() => {\n    if (\n      inputRef &&\n      typeof inputRef === 'object' &&\n      inputRef.current &&\n      cursorPositionRef.current !== null\n    ) {\n      inputRef.current.setSelectionRange(cursorPositionRef.current, cursorPositionRef.current);\n      cursorPositionRef.current = null;\n    }\n  });\n\n  return (\n    <TextInput\n      ref={inputRef}\n      className={cn(componentClassName, className)}\n      type=\"text\"\n      inputMode=\"decimal\"\n      disabled={disabled}\n      value={formatValue(numericValue)} // Display with commas\n      onChange={handleChange}\n      placeholder={placeholder}\n      {...props}\n    >\n      <InputSlot placement=\"prefix\">\n        <DetailText size=\"3xl\">£</DetailText>\n      </InputSlot>\n    </TextInput>\n  );\n};\n\nCurrencyInput.displayName = COMPONENT_NAME;\n"],"mappings":"wMAEA,UAAYA,MAAW,QAmIf,cAAAC,MAAA,oBA1HR,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EACA,MAAOC,EACP,SAAAC,EACA,YAAAC,EAAc,OACd,uBAAAC,EACA,IAAKC,EACL,GAAGC,CACL,IAA0B,CAExB,GAAM,CAACC,EAAeC,CAAgB,EAAU,WAAiB,EAAE,EAC7DC,EAAiB,SAAyB,IAAI,EAC9CC,EAA0B,SAAsB,IAAI,EAGpDC,EAAWN,GAAgBI,EAE3BG,EAAeX,IAAoB,OACnCY,EAAeD,EAAe,OAAOX,GAAmB,EAAE,EAAIM,EAG9DO,EAAeC,GAA0B,CAC7C,GAAI,CAACA,EAAO,MAAO,GAEnB,IAAMC,EAAQD,EAAM,MAAM,GAAG,EACzBE,EAAcD,EAAM,CAAC,GAAK,GAEzBZ,IACHa,EAAcA,EAAY,QAAQ,wBAAyB,GAAG,GAGhE,IAAMC,EAAcF,EAAM,CAAC,EAC3B,OAAOE,IAAgB,OAAYD,EAAc,IAAMC,EAAcD,CACvE,EAEME,EAAgB,GAA2C,CAC/D,IAAMC,EAAQ,EAAE,OAAO,MACjBC,EAAiB,EAAE,OAAO,gBAAkB,EAC5CC,EAAuBR,EAAYD,CAAY,EAG/CU,EAAUH,EAAM,QAAQ,UAAW,EAAE,EAGrCJ,EAAQO,EAAQ,MAAM,GAAG,EACzBC,EAAYR,EAAM,OAAS,EAAIA,EAAM,CAAC,EAAI,IAAMA,EAAM,MAAM,CAAC,EAAE,KAAK,EAAE,EAAIO,EAG1EE,EAAaD,EAAU,MAAM,GAAG,EAChCE,EACJD,EAAW,CAAC,IAAM,OACdA,EAAW,CAAC,EAAI,IAAMA,EAAW,CAAC,EAAE,UAAU,EAAG,CAAW,EAC5DD,EAGN,GAAKpB,EAaHM,EAAkB,QAAU,SAbD,CAC3B,IAAMiB,EAAkBb,EAAYY,CAAY,EAC1CE,GACJN,EACG,MAAM,EAAG,KAAK,IAAID,EAAgBC,EAAqB,MAAM,CAAC,EAC9D,MAAM,IAAI,GAAK,CAAC,GACnB,OAIIO,GAFJF,EAAgB,MAAM,EAAG,KAAK,IAAIN,EAAgBM,EAAgB,MAAM,CAAC,EAAE,MAAM,IAAI,GAAK,CAAC,GAC3F,OACwCC,EAC1ClB,EAAkB,QAAUW,EAAiBQ,CAC/C,CAQA,GALKjB,GACHJ,EAAiBkB,CAAY,EAI3BxB,GAAYS,GAAY,OAAOA,GAAa,UAAYA,EAAS,QAAS,CAC5E,IAAMmB,EAAiB,CACrB,GAAG,EACH,OAAQ,CACN,GAAG,EAAE,OACL,MAAOJ,CACT,EACA,cAAe,CACb,GAAG,EAAE,cACL,MAAOA,CACT,CACF,EAEAxB,EAAS4B,CAAc,CACzB,CACF,EAGA,OAAM,YAAU,IAAM,CAElBnB,GACA,OAAOA,GAAa,UACpBA,EAAS,SACTD,EAAkB,UAAY,OAE9BC,EAAS,QAAQ,kBAAkBD,EAAkB,QAASA,EAAkB,OAAO,EACvFA,EAAkB,QAAU,KAEhC,CAAC,EAGChB,EAACqC,EAAA,CACC,IAAKpB,EACL,UAAWqB,EAAGpC,EAAoBG,CAAS,EAC3C,KAAK,OACL,UAAU,UACV,SAAUC,EACV,MAAOc,EAAYD,CAAY,EAC/B,SAAUM,EACV,YAAahB,EACZ,GAAGG,EAEJ,SAAAZ,EAACuC,EAAA,CAAU,UAAU,SACnB,SAAAvC,EAACwC,EAAA,CAAW,KAAK,MAAM,gBAAC,EAC1B,EACF,CAEJ,EAEApC,EAAc,YAAcH","names":["React","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","CurrencyInput","className","disabled","controlledValue","onChange","placeholder","disableGroupSeparators","forwardedRef","props","internalValue","setInternalValue","localRef","cursorPositionRef","inputRef","isControlled","numericValue","formatValue","value","parts","integerPart","decimalPart","handleChange","input","cursorPosition","previousDisplayValue","cleaned","sanitized","finalParts","limitedValue","newDisplayValue","oldCommasBeforeCursor","commaDiff","syntheticEvent","TextInput","cn","InputSlot","DetailText"]}

package/dist/chunk-W5PV6BLV.js

@@ -1,2 +0,0 @@
-import{a as v}from"./chunk-HP5ULTGW.js";import{a as I}from"./chunk-HECLKFB5.js";import{a as c}from"./chunk-W6VYE222.js";import{a as b}from"./chunk-L4OZ3M5X.js";import{a as P}from"./chunk-DVGYWBKQ.js";import{a as u}from"./chunk-BMY6GUJM.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as f}from"./chunk-TXDSZ3MR.js";import{unstable_OneTimePasswordField as d}from"radix-ui";import{jsx as a,jsxs as C}from"react/jsx-runtime";var T="VerificationInput",E=f(T),R=y=>{let{className:O,disabled:r,readOnly:n,label:F,labelVariant:N,helperText:o,validationText:s,validationStatus:i,required:x,id:V,"aria-describedby":h,ref:w,...S}=u(y,c),{id:D,labelId:l,helperTextId:m,validationTextId:t}=b({providedId:V,prefix:"verification-input"}),e=!n&&!r,_={id:D,labelId:l,helperTextId:m,validationTextId:t,label:F,labelVariant:N,helperText:o,validationText:e?s:void 0,validationStatus:e?i:void 0,required:x},g=P(h,o?m:void 0,e&&s!==void 0?t:void 0);return a(v,{"data-disabled":r?"":void 0,..._,children:C(d.Root,{className:p(E,O),disabled:r,readOnly:n,"aria-labelledby":l,"aria-describedby":g,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?t:void 0,"data-validation-status":e?i:void 0,...S,children:[Array.from({length:6}).map((H,A)=>a(d.Input,{asChild:!0,children:a(I,{})},A)),a(d.HiddenInput,{ref:w})]})})};R.displayName=T;export{R as a};
-//# sourceMappingURL=chunk-W5PV6BLV.js.map

package/dist/chunk-W5PV6BLV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/VerificationInput/VerificationInput.tsx"],"sourcesContent":["'use client';\n\nimport { unstable_OneTimePasswordField as OneTimePasswordFieldPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { VerificationInputProps } from './VerificationInput.props';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { cn } from '../../helpers/cn';\nimport { mergeIds } from '../../helpers/merge-ids';\n\nconst COMPONENT_NAME = 'VerificationInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const VerificationInput = (props: VerificationInputProps) => {\n  const {\n    className,\n    disabled,\n    readOnly,\n    label,\n    labelVariant,\n    helperText,\n    validationText,\n    validationStatus,\n    required,\n    id: providedId,\n    'aria-describedby': ariaDescribedby,\n    ref,\n    ...verificationInputProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'verification-input',\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    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const PASSWORD_LENGTH = 6;\n\n  return (\n    <FormField data-disabled={disabled ? '' : undefined} {...formFieldProps}>\n      <OneTimePasswordFieldPrimitive.Root\n        className={cn(componentClassName, className)}\n        disabled={disabled}\n        readOnly={readOnly}\n        aria-labelledby={labelId}\n        aria-describedby={ariaDescribedbyValue}\n        aria-invalid={validationStatus === 'invalid' ? true : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n        data-validation-status={showValidation ? validationStatus : undefined}\n        {...verificationInputProps}\n      >\n        {Array.from({ length: PASSWORD_LENGTH }).map((_, i) => (\n          <OneTimePasswordFieldPrimitive.Input key={i} asChild>\n            <InputBase />\n          </OneTimePasswordFieldPrimitive.Input>\n        ))}\n\n        <OneTimePasswordFieldPrimitive.HiddenInput ref={ref} />\n      </OneTimePasswordFieldPrimitive.Root>\n    </FormField>\n  );\n};\n\nVerificationInput.displayName = COMPONENT_NAME;\n"],"mappings":"gUAEA,OAAS,iCAAiCA,MAAqC,WA6DzE,OAaM,OAAAC,EAbN,QAAAC,MAAA,oBAlDN,IAAMC,EAAiB,oBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAqBC,GAAkC,CAClE,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,mBAAoBC,EACpB,IAAAC,EACA,GAAGC,CACL,EAAIC,EAAad,EAAOe,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAV,EACA,OAAQ,oBACV,CAAC,EAEKW,EAAyB,CAAClB,GAAY,CAACD,EAEvCoB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAf,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBe,EAAiBd,EAAiB,OAClD,iBAAkBc,EAAiBb,EAAmB,OACtD,SAAAC,CACF,EAEMc,EAAuBC,EAC3Bb,EACEL,EAAaY,EAAe,OAC9BG,GAAkBd,IAAmB,OAAYY,EAAmB,MACtE,EAIA,OACEzB,EAAC+B,EAAA,CAAU,gBAAevB,EAAW,GAAK,OAAY,GAAGoB,EACvD,SAAA3B,EAAC+B,EAA8B,KAA9B,CACC,UAAWC,EAAG9B,EAAoBI,CAAS,EAC3C,SAAUC,EACV,SAAUC,EACV,kBAAiBc,EACjB,mBAAkBM,EAClB,eAAcf,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYW,EAAmB,OACvE,yBAAwBE,EAAiBb,EAAmB,OAC3D,GAAGK,EAEH,gBAAM,KAAK,CAAE,OAfI,CAeoB,CAAC,EAAE,IAAI,CAACe,EAAGC,IAC/CnC,EAACgC,EAA8B,MAA9B,CAA4C,QAAO,GAClD,SAAAhC,EAACoC,EAAA,EAAU,GAD6BD,CAE1C,CACD,EAEDnC,EAACgC,EAA8B,YAA9B,CAA0C,IAAKd,EAAK,GACvD,EACF,CAEJ,EAEAb,EAAkB,YAAcH","names":["OneTimePasswordFieldPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","VerificationInput","props","className","disabled","readOnly","label","labelVariant","helperText","validationText","validationStatus","required","providedId","ariaDescribedby","ref","verificationInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","OneTimePasswordFieldPrimitive","cn","_","i","InputBase"]}

package/dist/chunk-ZPQ2ER56.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk-LIZDMKX4.js";import{a as d}from"./chunk-BCK2XQ4L.js";import{a as f}from"./chunk-OVKYZ4TW.js";import{a as m}from"./chunk-L4OZ3M5X.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-TXDSZ3MR.js";import i from"react";import{EyeOffSmallIcon as T,EyeSmallIcon as g}from"@utilitywarehouse/hearth-react-icons";import{Fragment as O,jsx as o,jsxs as R}from"react/jsx-runtime";var b="PasswordInput",x=u(b),N=({className:y,disabled:l,id:I,ref:w,...E})=>{let v=i.useRef(null),e=w||v,[s,S]=i.useState(!1),[n,a]=i.useState(!1),M=i.useCallback(()=>{let t=!s,r=!n;S(t),a(r)},[s,n]);i.useEffect(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let r=()=>{t?.type&&(t.type="password")};return t&&t.form!==null&&t.form.addEventListener("submit",r),()=>{t?.form&&t.form.removeEventListener("submit",r)}},[e]);let P=`Your password is ${s?"shown":"hidden"}!`;i.useEffect(()=>{setTimeout(()=>{a(!1)},1500)},[n]);let{id:h}=m({providedId:I,prefix:"password-input"});return R(O,{children:[o(c,{ref:e,className:p(x,y),type:s?"text":"password",disabled:l,id:h,...E,children:o(d,{placement:"suffix",children:o(f,{type:"button",label:"toggle password visibility",onClick:M,disabled:l,"aria-pressed":s,children:s?o(g,{}):o(T,{})})})}),o("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:n?P:""})]})};N.displayName=b;export{N as a};
-//# sourceMappingURL=chunk-ZPQ2ER56.js.map

package/dist/chunk-ZPQ2ER56.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport React from 'react';\nimport type { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const PasswordInput = ({\n  className,\n  disabled,\n  id: providedId,\n  ref: forwardedRef,\n  ...props\n}: PasswordInputProps) => {\n  const defaultRef = React.useRef<HTMLInputElement | null>(null);\n  const inputRef = forwardedRef || defaultRef;\n  const [visible, setVisible] = React.useState(false);\n  const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n  const handleVisibility = React.useCallback(() => {\n    const newVisibilityState = !visible;\n    const newVisibilityMessageState = !showVisibilityMessage;\n    setVisible(newVisibilityState);\n    setShowVisibilityMessage(newVisibilityMessageState);\n  }, [visible, showVisibilityMessage]);\n\n  // If the PasswordInput is inside a form we should switch the input type\n  // back to password when its parent form is submitted\n  React.useEffect(() => {\n    // Get the ref value and ensure proper typing\n    let currentElement: HTMLInputElement | null = null;\n    if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n      // Type assertion to ensure TypeScript understands this is a valid ref object\n      const refObject = inputRef as React.RefObject<HTMLInputElement>;\n      currentElement = refObject.current;\n    }\n\n    const handleSubmit = () => {\n      if (currentElement?.type) {\n        currentElement.type = 'password';\n      }\n    };\n\n    if (currentElement && currentElement.form !== null) {\n      currentElement.form.addEventListener('submit', handleSubmit);\n    }\n    return () => {\n      if (currentElement?.form) {\n        currentElement.form.removeEventListener('submit', handleSubmit);\n      }\n    };\n  }, [inputRef]);\n\n  const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      setShowVisibilityMessage(false);\n    }, 1500);\n  }, [showVisibilityMessage]);\n\n  const { id } = useIds({ providedId, prefix: 'password-input' });\n\n  return (\n    <>\n      <TextInput\n        ref={inputRef}\n        className={cn(componentClassName, className)}\n        type={visible ? 'text' : 'password'}\n        disabled={disabled}\n        id={id}\n        {...props}\n      >\n        <InputSlot placement=\"suffix\">\n          <UnstyledIconButton\n            type=\"button\"\n            label=\"toggle password visibility\"\n            onClick={handleVisibility}\n            disabled={disabled}\n            aria-pressed={visible}\n          >\n            {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n          </UnstyledIconButton>\n        </InputSlot>\n      </TextInput>\n      <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n        {showVisibilityMessage ? visibilityMessage : ''}\n      </div>\n    </>\n  );\n};\n\nPasswordInput.displayName = COMPONENT_NAME;\n"],"mappings":"gPAIA,OAAOA,MAAW,QAKlB,OAAS,mBAAAC,EAAiB,gBAAAC,MAAoB,uCA+D1C,mBAAAC,EAiBmB,OAAAC,EAjBnB,QAAAC,MAAA,oBA5DJ,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,IAAKC,EACL,GAAGC,CACL,IAA0B,CACxB,IAAMC,EAAaC,EAAM,OAAgC,IAAI,EACvDC,EAAWJ,GAAgBE,EAC3B,CAACG,EAASC,CAAU,EAAIH,EAAM,SAAS,EAAK,EAC5C,CAACI,EAAuBC,CAAwB,EAAIL,EAAM,SAAS,EAAK,EAExEM,EAAmBN,EAAM,YAAY,IAAM,CAC/C,IAAMO,EAAqB,CAACL,EACtBM,EAA4B,CAACJ,EACnCD,EAAWI,CAAkB,EAC7BF,EAAyBG,CAAyB,CACpD,EAAG,CAACN,EAASE,CAAqB,CAAC,EAInCJ,EAAM,UAAU,IAAM,CAEpB,IAAIS,EAA0C,KAC1CR,GAAY,OAAOA,GAAa,UAAYA,EAAS,UAGvDQ,EADkBR,EACS,SAG7B,IAAMS,EAAe,IAAM,CACrBD,GAAgB,OAClBA,EAAe,KAAO,WAE1B,EAEA,OAAIA,GAAkBA,EAAe,OAAS,MAC5CA,EAAe,KAAK,iBAAiB,SAAUC,CAAY,EAEtD,IAAM,CACPD,GAAgB,MAClBA,EAAe,KAAK,oBAAoB,SAAUC,CAAY,CAElE,CACF,EAAG,CAACT,CAAQ,CAAC,EAEb,IAAMU,EAAoB,oBAAoBT,EAAU,QAAU,QAAQ,IAE1EF,EAAM,UAAU,IAAM,CACpB,WAAW,IAAM,CACfK,EAAyB,EAAK,CAChC,EAAG,IAAI,CACT,EAAG,CAACD,CAAqB,CAAC,EAE1B,GAAM,CAAE,GAAAQ,CAAG,EAAIC,EAAO,CAAE,WAAAjB,EAAY,OAAQ,gBAAiB,CAAC,EAE9D,OACEP,EAAAF,EAAA,CACE,UAAAC,EAAC0B,EAAA,CACC,IAAKb,EACL,UAAWc,EAAGxB,EAAoBG,CAAS,EAC3C,KAAMQ,EAAU,OAAS,WACzB,SAAUP,EACV,GAAIiB,EACH,GAAGd,EAEJ,SAAAV,EAAC4B,EAAA,CAAU,UAAU,SACnB,SAAA5B,EAAC6B,EAAA,CACC,KAAK,SACL,MAAM,6BACN,QAASX,EACT,SAAUX,EACV,eAAcO,EAEb,SAAAA,EAAUd,EAAC8B,EAAA,EAAa,EAAK9B,EAAC+B,EAAA,EAAgB,EACjD,EACF,EACF,EACA/B,EAAC,OAAI,uBAAoB,GAAC,YAAU,YAAY,KAAK,SAClD,SAAAgB,EAAwBO,EAAoB,GAC/C,GACF,CAEJ,EAEAlB,EAAc,YAAcH","names":["React","EyeOffSmallIcon","EyeSmallIcon","Fragment","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","className","disabled","providedId","forwardedRef","props","defaultRef","React","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","id","useIds","TextInput","cn","InputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"]}

package/dist/chunk-ZXN6ZQX5.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNFPIFSDDcjs = require('./chunk-NFPIFSDD.cjs');var _chunkW53L4ME4cjs = require('./chunk-W53L4ME4.cjs');var _chunk3EK2M2AAcjs = require('./chunk-3EK2M2AA.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _jsxruntime = require('react/jsx-runtime');var s="DateInputSegment",N=_chunk7LZI6HLWcjs.b.call(void 0, s),S= exports.a =({className:d,label:u,placeholder:f,value:c,disabled:e,required:I,id:b,...g})=>{let{id:t,labelId:n}=_chunkITZEACMWcjs.a.call(void 0, {providedId:b,prefix:"date-input-segment"});return _jsxruntime.jsxs.call(void 0, _chunk3EK2M2AAcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, N,d),"data-disabled":e?"":void 0,children:[_jsxruntime.jsx.call(void 0, _chunkW53L4ME4cjs.a,{htmlFor:t,id:n,disableUserSelect:!0,children:u}),_jsxruntime.jsx.call(void 0, _chunkNFPIFSDDcjs.a,{type:"text",inputMode:"numeric",pattern:"[0-9]*",id:t,placeholder:e?void 0:f,value:c,disabled:e,required:I,"aria-labelledby":n,spellCheck:"false",...g})]})};S.displayName=s;exports.a = S;
-//# sourceMappingURL=chunk-ZXN6ZQX5.cjs.map

package/dist/chunk-ZXN6ZQX5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZXN6ZQX5.cjs","../src/components/DateInput/DateInputSegment.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DateInputSegment","className","label","placeholder","value","disabled","required","providedId","props","id","labelId","useIds","jsxs","Flex","cn","jsx","Label","InputBase"],"mappings":"AAAA,iIAAwC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CC0B5O,IAhBEA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmB,CAAC,CAC/B,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,GAAGC,CACL,CAAA,CAAA,EAA6B,CAC3B,GAAM,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAQ,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAJ,CAAAA,CAAY,MAAA,CAAQ,oBAAqB,CAAC,CAAA,CAE3E,OACEK,8BAAAA,mBAACC,CAAA,CAAK,SAAA,CAAWC,iCAAAA,CAAGhB,CAAoBG,CAAS,CAAA,CAAG,eAAA,CAAeI,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CACjF,QAAA,CAAA,CAAAU,6BAAAA,mBAACC,CAAA,CAAM,OAAA,CAASP,CAAAA,CAAI,EAAA,CAAIC,CAAAA,CAAS,iBAAA,CAAiB,CAAA,CAAA,CAC/C,QAAA,CAAAR,CAAAA,CACH,CAAA,CAEAa,6BAAAA,mBAACE,CAAA,CACC,IAAA,CAAK,MAAA,CACL,SAAA,CAAU,SAAA,CACV,OAAA,CAAQ,QAAA,CACR,EAAA,CAAIR,CAAAA,CACJ,WAAA,CAAcJ,CAAAA,CAAyB,KAAA,CAAA,CAAdF,CAAAA,CACzB,KAAA,CAAOC,CAAAA,CACP,QAAA,CAAUC,CAAAA,CACV,QAAA,CAAUC,CAAAA,CACV,iBAAA,CAAiBI,CAAAA,CACjB,UAAA,CAAW,OAAA,CACV,GAAGF,CAAAA,CACN,CAAA,CAAA,CACF,CAEJ,CAAA,CAEAR,CAAAA,CAAiB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZXN6ZQX5.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useIds } from '../../hooks/use-ids';\nimport { InputBase } from '../InputBase/InputBase';\nimport type { DateInputSegmentProps } from './DateInputSegment.props';\n\nconst COMPONENT_NAME = 'DateInputSegment';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DateInputSegment = ({\n  className,\n  label,\n  placeholder,\n  value,\n  disabled,\n  required,\n  id: providedId,\n  ...props\n}: DateInputSegmentProps) => {\n  const { id, labelId } = useIds({ providedId, prefix: 'date-input-segment' });\n\n  return (\n    <Flex className={cn(componentClassName, className)} data-disabled={disabled ? '' : undefined}>\n      <Label htmlFor={id} id={labelId} disableUserSelect>\n        {label}\n      </Label>\n\n      <InputBase\n        type=\"text\"\n        inputMode=\"numeric\"\n        pattern=\"[0-9]*\"\n        id={id}\n        placeholder={!disabled ? placeholder : undefined}\n        value={value}\n        disabled={disabled}\n        required={required}\n        aria-labelledby={labelId}\n        spellCheck=\"false\"\n        {...props}\n      />\n    </Flex>\n  );\n};\n\nDateInputSegment.displayName = COMPONENT_NAME;\n"]}