@utilitywarehouse/hearth-react 0.11.0 → 0.11.1

package/dist/chunk-245KVJHC.js

@@ -1,2 +0,0 @@
-import{a as m}from"./chunk-U7WD5GLF.js";import{a as s}from"./chunk-37X7SIDZ.js";import{a as r}from"./chunk-V6DSC6VC.js";import{a as o}from"./chunk-A55FDSZB.js";import{b as e}from"./chunk-JTQWB7E2.js";import*as t from"react";import n from"clsx";var i="ListItem",I=e(i),P=t.forwardRef((p,l)=>{let{className:f,children:a,...c}=o(p,m,r);return t.createElement(s,{size:"lg",asChild:!0,className:n(I,f)},t.createElement("li",{ref:l,...c},a))});P.displayName=i;export{P as a};
-//# sourceMappingURL=chunk-245KVJHC.js.map

package/dist/chunk-245KVJHC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ListItemProps } from './ListItem.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { BodyText } from '../BodyText/BodyText';\nimport { extractProps } from '../../helpers/extract-props';\nimport { flexPropDefs } from '../Flex/Flex.props';\nimport { gapPropDefs } from '../../props/gap.props';\n\nconst COMPONENT_NAME = 'ListItem';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListItemElement = ElementRef<'li'>;\n\nexport const ListItem = React.forwardRef<ListItemElement, ListItemProps>((props, ref) => {\n  const { className, children, ...listItemProps } = extractProps(props, flexPropDefs, gapPropDefs);\n  return (\n    <BodyText size=\"lg\" asChild className={clsx(componentClassName, className)}>\n      <li ref={ref} {...listItemProps}>\n        {children}\n      </li>\n    </BodyText>\n  );\n});\n\nListItem.displayName = COMPONENT_NAME;\n"],"mappings":"wMAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OASjB,IAAMC,EAAiB,WACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAiB,aAA2C,CAACC,EAAOC,IAAQ,CACvF,GAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAc,EAAIC,EAAaL,EAAOM,EAAcC,CAAW,EAC/F,OACE,gBAACC,EAAA,CAAS,KAAK,KAAK,QAAO,GAAC,UAAWC,EAAKZ,EAAoBK,CAAS,GACvE,gBAAC,MAAG,IAAKD,EAAM,GAAGG,GACfD,CACH,CACF,CAEJ,CAAC,EAEDJ,EAAS,YAAcH","names":["React","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ListItem","props","ref","className","children","listItemProps","extractProps","flexPropDefs","gapPropDefs","BodyText","clsx"]}

package/dist/chunk-4UXWBVUH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-4UXWBVUH.cjs","../src/components/RadioCard/RadioCard.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","RadioCard","props","ref","className","children","providedId","label","ariaLabelledby","image","radioCardProps","extractProps","marginPropDefs","id","labelId","useIds","RadixRadioGroup","clsx","Label"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECArL,wEACN,mCAQ6B,IAExCA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkB,CAAA,CAAA,UAAA,CAA6C,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC1F,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,KAAA,CAAAC,CAAAA,CACA,iBAAA,CAAmBC,CAAAA,CACnB,KAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaT,CAAOU,mBAAc,CAAA,CAChC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAQ,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAT,CAAAA,CAAY,MAAA,CAAQ,OAAQ,CAAC,CAAA,CAC9D,OACE,CAAA,CAAA,aAAA,CAACU,mBAAAA,CAAgB,IAAA,CAAhB,CACC,GAAA,CAAKb,CAAAA,CACL,SAAA,CAAWc,4BAAAA,CAAKlB,CAAoBK,CAAS,CAAA,CAC5C,GAAGM,CAAAA,CACJ,EAAA,CAAIG,CAAAA,CACJ,iBAAA,CAAiBL,CAAAA,EAAAA,CAAkCD,CAAAA,CAAQO,CAAAA,CAAU,KAAA,CAAA,CAAA,CAAA,CAErE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,uBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,kBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAgB,SAAA,CAAhB,CAA0B,SAAA,CAAU,uBAAA,CAAwB,CAC/D,CAAA,CACA,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAA,CACC,EAAA,CAAIJ,CAAAA,CACJ,OAAA,CAASD,CAAAA,CACT,iBAAA,CAAiB,CAAA,CAAA,CACjB,UAAA,CAAW,UAAA,CACX,SAAA,CAAU,mBAAA,CAAA,CAETJ,CAAAA,CACAF,CACH,CACF,CAAA,CACCF,CACH,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4UXWBVUH.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport type { RadioCardProps } from './RadioCard.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useIds } from '../../hooks/use-ids';\nimport { Label } from '../Label/Label';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { RadioGroup as RadixRadioGroup } from 'radix-ui';\n\nconst COMPONENT_NAME = 'RadioCard';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype RadioCardElement = ElementRef<'button'>;\n\nexport const RadioCard = React.forwardRef<RadioCardElement, RadioCardProps>((props, ref) => {\n  const {\n    className,\n    children,\n    id: providedId,\n    label,\n    'aria-labelledby': ariaLabelledby,\n    image,\n    ...radioCardProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId } = useIds({ providedId, prefix: 'radio' });\n  return (\n    <RadixRadioGroup.Item\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      {...radioCardProps}\n      id={id}\n      aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n    >\n      <div className=\"hearth-RadioContainer\">\n        <div className=\"hearth-RadioItem\">\n          <RadixRadioGroup.Indicator className=\"hearth-RadioIndicator\" />\n        </div>\n        <Label\n          id={labelId}\n          htmlFor={id}\n          disableUserSelect\n          fontWeight=\"semibold\"\n          className=\"hearth-RadioLabel\"\n        >\n          {image}\n          {label}\n        </Label>\n      </div>\n      {children}\n    </RadixRadioGroup.Item>\n  );\n});\n\nRadioCard.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KVME6IOA.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkSRDAJIZ4cjs = require('./chunk-SRDAJIZ4.cjs');var _chunkBDL6BOTAcjs = require('./chunk-BDL6BOTA.cjs');var _chunkDCR54SDPcjs = require('./chunk-DCR54SDP.cjs');var _chunkAMJYLOPXcjs = require('./chunk-AMJYLOPX.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var i="ListItem",I=_chunk5AK4QM2Gcjs.b.call(void 0, i),P= exports.a =t.forwardRef((p,l)=>{let{className:f,children:a,...c}=_chunkAMJYLOPXcjs.a.call(void 0, p,_chunkSRDAJIZ4cjs.a,_chunkDCR54SDPcjs.a);return t.createElement(_chunkBDL6BOTAcjs.a,{size:"lg",asChild:!0,className:_clsx2.default.call(void 0, I,f)},t.createElement("li",{ref:l,...c},a))});P.displayName=i;exports.a = P;
-//# sourceMappingURL=chunk-KVME6IOA.cjs.map

package/dist/chunk-KVME6IOA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KVME6IOA.cjs","../src/components/ListItem/ListItem.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ListItem","props","ref","className","children","listItemProps","extractProps","flexPropDefs","gapPropDefs","BodyText","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECArL,wEACN,IASXA,CAAAA,CAAiB,UAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAiB,CAAA,CAAA,UAAA,CAA2C,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAc,CAAA,CAAIC,iCAAAA,CAAaL,CAAOM,mBAAAA,CAAcC,mBAAW,CAAA,CAC/F,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAS,IAAA,CAAK,IAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAWC,4BAAAA,CAAKZ,CAAoBK,CAAS,CAAA,CAAA,CACvE,CAAA,CAAA,aAAA,CAAC,IAAA,CAAA,CAAG,GAAA,CAAKD,CAAAA,CAAM,GAAGG,CAAAA,CAAAA,CACfD,CACH,CACF,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAS,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KVME6IOA.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ListItemProps } from './ListItem.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { BodyText } from '../BodyText/BodyText';\nimport { extractProps } from '../../helpers/extract-props';\nimport { flexPropDefs } from '../Flex/Flex.props';\nimport { gapPropDefs } from '../../props/gap.props';\n\nconst COMPONENT_NAME = 'ListItem';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListItemElement = ElementRef<'li'>;\n\nexport const ListItem = React.forwardRef<ListItemElement, ListItemProps>((props, ref) => {\n  const { className, children, ...listItemProps } = extractProps(props, flexPropDefs, gapPropDefs);\n  return (\n    <BodyText size=\"lg\" asChild className={clsx(componentClassName, className)}>\n      <li ref={ref} {...listItemProps}>\n        {children}\n      </li>\n    </BodyText>\n  );\n});\n\nListItem.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-O6CMOHWT.js

@@ -1,2 +0,0 @@
-import{a as S}from"./chunk-724KCPBY.js";import{a as x}from"./chunk-NWD5B5NO.js";import{a as c}from"./chunk-I4LZ7FOQ.js";import{a as f}from"./chunk-EMG4UNDI.js";import{a as p}from"./chunk-37X7SIDZ.js";import{a as n}from"./chunk-XQ5A24NX.js";import{a as u}from"./chunk-KJ4W3OTX.js";import{a as m}from"./chunk-A55FDSZB.js";import{b as s}from"./chunk-JTQWB7E2.js";import*as e from"react";import C from"clsx";import{Select as t}from"radix-ui";import{ExpandSmallIcon as B}from"@utilitywarehouse/hearth-react-icons";var T="Select",o=s(T),F=e.forwardRef((R,b)=>{let{className:N,children:g,placeholder:h,validationStatus:l,validationText:i,label:I,helperText:r,id:P,disabled:a,required:V,...v}=m(R,n),{id:d,labelId:w,helperTextId:E,validationTextId:y}=u({providedId:P,prefix:"select"}),$=!a&&l!==void 0&&i!==void 0;return e.createElement("div",{className:C(o,N)},e.createElement(c,{direction:"column"},e.createElement(x,{htmlFor:d,id:w,disableUserSelect:!0,fontWeight:"semibold"},I,V?null:e.createElement(p,{as:"span",marginLeft:"50"},"(optional)")),r?e.createElement(f,{id:E,disableUserSelect:!0},r):null),e.createElement(t.Root,{...v},e.createElement(t.Trigger,{id:d,ref:b,className:`${o}Trigger`,disabled:a,"data-validation-status":l||void 0},e.createElement(t.Value,{className:`${o}Value`,placeholder:h}),e.createElement(t.Icon,{className:`${o}TriggerIcon`},e.createElement(B,null))),e.createElement(t.Portal,null,e.createElement(t.Content,{className:`${o}Dropdown`,position:"popper",side:"bottom",sideOffset:4},e.createElement(t.Viewport,{className:`${o}Viewport`},g)))),$?e.createElement(S,{status:l,disableUserSelect:!0,id:y},i):null)});F.displayName=T;export{F as a};
-//# sourceMappingURL=chunk-O6CMOHWT.js.map

package/dist/chunk-O6CMOHWT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SelectProps } from './Select.props';\nimport { Select as RadixSelect } from 'radix-ui';\nimport { ExpandSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { BodyText } from '../BodyText/BodyText';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\n\nconst COMPONENT_NAME = 'Select';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SelectElement = ElementRef<'button'>;\n\nexport const Select = React.forwardRef<SelectElement, SelectProps>((props, ref) => {\n  const {\n    className,\n    children,\n    placeholder,\n    validationStatus,\n    validationText,\n    label,\n    helperText,\n    id: providedId,\n    disabled,\n    required,\n    ...selectProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'select',\n  });\n  const showValidationText = Boolean(\n    !disabled && validationStatus !== undefined && validationText !== undefined\n  );\n\n  return (\n    <div className={clsx(componentClassName, className)}>\n      <Flex direction=\"column\">\n        <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n          {label}\n          {required ? null : (\n            <BodyText as=\"span\" marginLeft=\"50\">\n              (optional)\n            </BodyText>\n          )}\n        </Label>\n        {helperText ? (\n          <HelperText id={helperTextId} disableUserSelect>\n            {helperText}\n          </HelperText>\n        ) : null}\n      </Flex>\n      <RadixSelect.Root {...selectProps}>\n        <RadixSelect.Trigger\n          id={id}\n          ref={ref}\n          className={`${componentClassName}Trigger`}\n          disabled={disabled}\n          data-validation-status={validationStatus ? validationStatus : undefined}\n        >\n          <RadixSelect.Value className={`${componentClassName}Value`} placeholder={placeholder} />\n          <RadixSelect.Icon className={`${componentClassName}TriggerIcon`}>\n            <ExpandSmallIcon />\n          </RadixSelect.Icon>\n        </RadixSelect.Trigger>\n        <RadixSelect.Portal>\n          <RadixSelect.Content\n            className={`${componentClassName}Dropdown`}\n            position=\"popper\"\n            side=\"bottom\"\n            sideOffset={4}\n          >\n            <RadixSelect.Viewport className={`${componentClassName}Viewport`}>\n              {children}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n      {showValidationText ? (\n        <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n          {validationText}\n        </ValidationText>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = COMPONENT_NAME;\n"],"mappings":"wWAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAMjB,OAAS,UAAUC,MAAmB,WACtC,OAAS,mBAAAC,MAAuB,uCAQhC,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAe,aAAuC,CAACC,EAAOC,IAAQ,CACjF,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAab,EAAOc,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAV,EACA,OAAQ,QACV,CAAC,EACKW,EACJ,CAACV,GAAYL,IAAqB,QAAaC,IAAmB,OAGpE,OACE,gBAAC,OAAI,UAAWe,EAAKxB,EAAoBK,CAAS,GAChD,gBAACoB,EAAA,CAAK,UAAU,UACd,gBAACC,EAAA,CAAM,QAASR,EAAI,GAAIC,EAAS,kBAAiB,GAAC,WAAW,YAC3DT,EACAI,EAAW,KACV,gBAACa,EAAA,CAAS,GAAG,OAAO,WAAW,MAAK,YAEpC,CAEJ,EACChB,EACC,gBAACiB,EAAA,CAAW,GAAIR,EAAc,kBAAiB,IAC5CT,CACH,EACE,IACN,EACA,gBAACkB,EAAY,KAAZ,CAAkB,GAAGd,GACpB,gBAACc,EAAY,QAAZ,CACC,GAAIX,EACJ,IAAKd,EACL,UAAW,GAAGJ,CAAkB,UAChC,SAAUa,EACV,yBAAwBL,GAAsC,QAE9D,gBAACqB,EAAY,MAAZ,CAAkB,UAAW,GAAG7B,CAAkB,QAAS,YAAaO,EAAa,EACtF,gBAACsB,EAAY,KAAZ,CAAiB,UAAW,GAAG7B,CAAkB,eAChD,gBAAC8B,EAAA,IAAgB,CACnB,CACF,EACA,gBAACD,EAAY,OAAZ,KACC,gBAACA,EAAY,QAAZ,CACC,UAAW,GAAG7B,CAAkB,WAChC,SAAS,SACT,KAAK,SACL,WAAY,GAEZ,gBAAC6B,EAAY,SAAZ,CAAqB,UAAW,GAAG7B,CAAkB,YACnDM,CACH,CACF,CACF,CACF,EACCiB,EACC,gBAACQ,EAAA,CAAe,OAAQvB,EAAkB,kBAAiB,GAAC,GAAIa,GAC7DZ,CACH,EACE,IACN,CAEJ,CAAC,EAEDP,EAAO,YAAcH","names":["React","clsx","RadixSelect","ExpandSmallIcon","COMPONENT_NAME","componentClassName","withGlobalPrefix","Select","props","ref","className","children","placeholder","validationStatus","validationText","label","helperText","providedId","disabled","required","selectProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","clsx","Flex","Label","BodyText","HelperText","RadixSelect","ExpandSmallIcon","ValidationText"]}

package/dist/chunk-TRZNCBJ4.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkPED334ZGcjs = require('./chunk-PED334ZG.cjs');var _chunkHHNDSXAOcjs = require('./chunk-HHNDSXAO.cjs');var _chunkJFKSAH57cjs = require('./chunk-JFKSAH57.cjs');var _chunk4KW35SN7cjs = require('./chunk-4KW35SN7.cjs');var _chunkBDL6BOTAcjs = require('./chunk-BDL6BOTA.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunk2ZG5GGS5cjs = require('./chunk-2ZG5GGS5.cjs');var _chunkAMJYLOPXcjs = require('./chunk-AMJYLOPX.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var T="Select",o=_chunk5AK4QM2Gcjs.b.call(void 0, T),F= exports.a =e.forwardRef((R,b)=>{let{className:N,children:g,placeholder:h,validationStatus:l,validationText:i,label:I,helperText:r,id:P,disabled:a,required:V,...v}=_chunkAMJYLOPXcjs.a.call(void 0, R,_chunkLAVQWQP2cjs.a),{id:d,labelId:w,helperTextId:E,validationTextId:y}=_chunk2ZG5GGS5cjs.a.call(void 0, {providedId:P,prefix:"select"}),$=!a&&l!==void 0&&i!==void 0;return e.createElement("div",{className:_clsx2.default.call(void 0, o,N)},e.createElement(_chunkJFKSAH57cjs.a,{direction:"column"},e.createElement(_chunkHHNDSXAOcjs.a,{htmlFor:d,id:w,disableUserSelect:!0,fontWeight:"semibold"},I,V?null:e.createElement(_chunkBDL6BOTAcjs.a,{as:"span",marginLeft:"50"},"(optional)")),r?e.createElement(_chunk4KW35SN7cjs.a,{id:E,disableUserSelect:!0},r):null),e.createElement(_radixui.Select.Root,{...v},e.createElement(_radixui.Select.Trigger,{id:d,ref:b,className:`${o}Trigger`,disabled:a,"data-validation-status":l||void 0},e.createElement(_radixui.Select.Value,{className:`${o}Value`,placeholder:h}),e.createElement(_radixui.Select.Icon,{className:`${o}TriggerIcon`},e.createElement(_hearthreacticons.ExpandSmallIcon,null))),e.createElement(_radixui.Select.Portal,null,e.createElement(_radixui.Select.Content,{className:`${o}Dropdown`,position:"popper",side:"bottom",sideOffset:4},e.createElement(_radixui.Select.Viewport,{className:`${o}Viewport`},g)))),$?e.createElement(_chunkPED334ZGcjs.a,{status:l,disableUserSelect:!0,id:y},i):null)});F.displayName=T;exports.a = F;
-//# sourceMappingURL=chunk-TRZNCBJ4.cjs.map

package/dist/chunk-TRZNCBJ4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-TRZNCBJ4.cjs","../src/components/Select/Select.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Select","props","ref","className","children","placeholder","validationStatus","validationText","label","helperText","providedId","disabled","required","selectProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","clsx","Flex","Label","BodyText","HelperText","RadixSelect"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAzV,wEACN,mCAMqB,wEACN,IAQ1BA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAe,CAAA,CAAA,UAAA,CAAuC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACjF,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAc,CAAA,CAEhC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAV,CAAAA,CACA,MAAA,CAAQ,QACV,CAAC,CAAA,CACKW,CAAAA,CACJ,CAACV,CAAAA,EAAYL,CAAAA,GAAqB,KAAA,CAAA,EAAaC,CAAAA,GAAmB,KAAA,CAAA,CAGpE,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWe,4BAAAA,CAAKxB,CAAoBK,CAAS,CAAA,CAAA,CAChD,CAAA,CAAA,aAAA,CAACoB,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAA,CACd,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAM,OAAA,CAASR,CAAAA,CAAI,EAAA,CAAIC,CAAAA,CAAS,iBAAA,CAAiB,CAAA,CAAA,CAAC,UAAA,CAAW,UAAA,CAAA,CAC3DT,CAAAA,CACAI,CAAAA,CAAW,IAAA,CACV,CAAA,CAAA,aAAA,CAACa,mBAAAA,CAAA,CAAS,EAAA,CAAG,MAAA,CAAO,UAAA,CAAW,IAAA,CAAA,CAAK,YAEpC,CAEJ,CAAA,CACChB,CAAAA,CACC,CAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CAAW,EAAA,CAAIR,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC5CT,CACH,CAAA,CACE,IACN,CAAA,CACA,CAAA,CAAA,aAAA,CAACkB,eAAAA,CAAY,IAAA,CAAZ,CAAkB,GAAGd,CAAAA,CAAAA,CACpB,CAAA,CAAA,aAAA,CAACc,eAAAA,CAAY,OAAA,CAAZ,CACC,EAAA,CAAIX,CAAAA,CACJ,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-TRZNCBJ4.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SelectProps } from './Select.props';\nimport { Select as RadixSelect } from 'radix-ui';\nimport { ExpandSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { BodyText } from '../BodyText/BodyText';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\n\nconst COMPONENT_NAME = 'Select';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SelectElement = ElementRef<'button'>;\n\nexport const Select = React.forwardRef<SelectElement, SelectProps>((props, ref) => {\n  const {\n    className,\n    children,\n    placeholder,\n    validationStatus,\n    validationText,\n    label,\n    helperText,\n    id: providedId,\n    disabled,\n    required,\n    ...selectProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'select',\n  });\n  const showValidationText = Boolean(\n    !disabled && validationStatus !== undefined && validationText !== undefined\n  );\n\n  return (\n    <div className={clsx(componentClassName, className)}>\n      <Flex direction=\"column\">\n        <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n          {label}\n          {required ? null : (\n            <BodyText as=\"span\" marginLeft=\"50\">\n              (optional)\n            </BodyText>\n          )}\n        </Label>\n        {helperText ? (\n          <HelperText id={helperTextId} disableUserSelect>\n            {helperText}\n          </HelperText>\n        ) : null}\n      </Flex>\n      <RadixSelect.Root {...selectProps}>\n        <RadixSelect.Trigger\n          id={id}\n          ref={ref}\n          className={`${componentClassName}Trigger`}\n          disabled={disabled}\n          data-validation-status={validationStatus ? validationStatus : undefined}\n        >\n          <RadixSelect.Value className={`${componentClassName}Value`} placeholder={placeholder} />\n          <RadixSelect.Icon className={`${componentClassName}TriggerIcon`}>\n            <ExpandSmallIcon />\n          </RadixSelect.Icon>\n        </RadixSelect.Trigger>\n        <RadixSelect.Portal>\n          <RadixSelect.Content\n            className={`${componentClassName}Dropdown`}\n            position=\"popper\"\n            side=\"bottom\"\n            sideOffset={4}\n          >\n            <RadixSelect.Viewport className={`${componentClassName}Viewport`}>\n              {children}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n      {showValidationText ? (\n        <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n          {validationText}\n        </ValidationText>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = COMPONENT_NAME;\n"]}