playbook_ui 13.32.0 → 13.33.0.pre.alpha.PLAY14143305

data/dist/chunks/_weekday_stacked.js

@@ -0,0 +1 @@
+import{jsx,jsxs,Fragment}from"react/jsx-runtime";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as buildCss,m as globalProps,A as Avatar,I as Icon,n as domSafeProps,o as Body,p as Caption,q as Title,F as Flex,r as FlexItem,s as DateStacked,S as SectionSeparator,u as useDropzone,t as Card,v as noop,w as PbReactPopover,x as CircleIconButton,y as Button,z as List,E as ListItem,H as Badge,J as joinPresent,K as titleize,N as IconCircle,O as Checkbox,Q as Radio}from"./_walkthrough.js";import React__default,{useEffect,useCallback,useRef,useState,createElement}from"react";import{D as DateTime$1,d as datePickerHelper,l as lodashExports,h as colors}from"./lib.js";import"react-dom";const AvatarActionButton=props=>{const{action:action="add",aria:aria={},linkAriaLabel:linkAriaLabel,className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},id:id,imageAlt:imageAlt="",imageUrl:imageUrl,linkUrl:linkUrl,name:name,onClick:onClick,placement:placement="bottom left",size:size="md"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_avatar_action_button_kit",action,placement,size),globalProps(props),className);const icons={add:"plus-circle",remove:"times-circle"};return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsxs("a",{"aria-label":linkAriaLabel,href:linkUrl,onClick:onClick,children:[jsx(Avatar,{imageAlt:imageAlt,imageUrl:imageUrl,name:name,size:size}),jsx("div",{className:`icon ${dark?"dark":""}`,children:jsx(Icon,{dark:dark,icon:icons[action]})})]})})};const BreadCrumbItem=props=>{const{aria:aria={},className:className,data:data={},htmlOptions:htmlOptions={},id:id,component:component="a",...rest}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const Component=component||"span";const css=classnames(buildCss("pb_bread_crumb_item_kit"),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:css,id:id,children:jsx(Component,{className:"pb_bread_crumb_item",...domSafeProps(rest)})})};const BreadCrumbs=props=>{const{aria:aria={label:"Breadcrumb Navigation"},className:className,data:data={},htmlOptions:htmlOptions={},id:id,children:children}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const css=classnames(buildCss("pb_bread_crumbs_kit"),globalProps(props),className);return jsx("nav",{...ariaProps,...dataProps,...htmlProps,className:css,id:id,children:children})};const ButtonToolbar=props=>{const{aria:aria={},children:children,className:className,data:data={},htmlOptions:htmlOptions={},id:id,orientation:orientation="horizontal",text:text,variant:variant="primary"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_button_toolbar_kit",orientation,variant),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:children||text})};const contactTypeMap={cell:"mobile",email:"envelope",home:"phone",work:"phone-office","work-cell":"phone-laptop","wrong-phone":"phone-slash",extension:"phone-plus"};const formatContact=(contactString,contactType)=>{if(contactType=="email")return contactString;const cleaned=contactString.replace(/\D/g,"");const phoneNumber=cleaned.match(/^(1|)?(\d{3})(\d{3})(\d{4})$/);if(contactType=="extension"){return cleaned.match(/^\d{4}$/)}if(phoneNumber){const intlCode=phoneNumber[1]?"+1 ":"";return[intlCode,"(",phoneNumber[2],") ",phoneNumber[3],"-",phoneNumber[4]].join("")}return null};const Contact=props=>{const{aria:aria={},className:className,contactDetail:contactDetail,contactType:contactType,contactValue:contactValue,data:data={},htmlOptions:htmlOptions={},id:id}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_contact_kit"),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsxs(Body,{className:"pb_contact_kit",color:"light",tag:"span",children:[jsx(Icon,{fixedWidth:true,icon:contactTypeMap[contactType]||"phone"}),` ${formatContact(contactValue,contactType)} `,contactDetail&&jsx(Caption,{size:"xs",tag:"span",text:contactDetail})]})})};const sizes={lg:1,md:3,sm:4};const Currency=props=>{const{abbreviate:abbreviate=false,align:align="left",aria:aria={},amount:amount,data:data={},decimals:decimals="default",emphasized:emphasized=true,htmlOptions:htmlOptions={},id:id,unit:unit,className:className,label:label="",size:size="sm",symbol:symbol="$",variant:variant="default",dark:dark=false,unstyled:unstyled=false}=props;const emphasizedClass=emphasized?"":"_deemphasized";let variantClass;if(variant==="light"){variantClass="_light"}else if(variant==="bold"){variantClass="_bold"}const[whole,decimal="00"]=amount.split(".");const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_currency_kit",align,size),globalProps(props),className);const getFormattedNumber=input=>new Intl.NumberFormat("en-US",{notation:"compact",maximumFractionDigits:1}).format(input);const getAbbreviatedValue=abbrType=>{const num=`${getFormattedNumber(whole.split(",").join(""))}`,isAmount=abbrType==="amount",isUnit=abbrType==="unit";return isAmount?num.slice(0,-1):isUnit?num.slice(-1):""};const getMatchingDecimalAmount=decimals==="matching"?amount:whole,getMatchingDecimalValue=decimals==="matching"?"":`.${decimal}`;const getAmount=abbreviate?getAbbreviatedValue("amount"):getMatchingDecimalAmount,getAbbreviation=abbreviate?getAbbreviatedValue("unit"):null,getDecimalValue=abbreviate?"":getMatchingDecimalValue;return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[jsx(Caption,{dark:dark,children:label}),jsx("div",{className:`pb_currency_wrapper${variantClass||emphasizedClass}`,children:unstyled?jsxs(Fragment,{children:[jsx("div",{children:symbol}),jsx("div",{children:getAmount}),jsxs("div",{children:[getAbbreviation,unit?unit:getDecimalValue]})]}):jsxs(Fragment,{children:[jsx(Body,{className:"dollar_sign",color:"light",dark:dark,children:symbol}),jsx(Title,{className:"pb_currency_value",dark:dark,size:sizes[size],children:getAmount}),jsxs(Body,{className:"unit",color:"light",dark:dark,children:[getAbbreviation,unit?unit:getDecimalValue]})]})})]})};const statusMap={increase:"positive",decrease:"negative",neutral:"neutral"};const iconMap$1={increase:"arrow-up",decrease:"arrow-down"};const StatChange=props=>{const{change:change="neutral",className:className,htmlOptions:htmlOptions={},icon:icon,id:id,value:value}=props;const status=statusMap[change];let returnedIcon=iconMap$1[change];if(icon){returnedIcon=icon}const htmlProps=buildHtmlProps(htmlOptions);return jsx(Fragment,{children:value&&jsx("div",{className:classnames(buildCss("pb_stat_change_kit",status),globalProps(props),className),id:id,...htmlProps,children:jsxs(Body,{status:status,children:[returnedIcon&&jsxs(Fragment,{children:[jsx(Icon,{fixed_width:true,icon:returnedIcon})," "]}),`${value}%`]})})})};const StatValue=props=>{const{className:className,htmlOptions:htmlOptions={},id:id,unit:unit,value:value=0}=props;const htmlProps=buildHtmlProps(htmlOptions);const displayValue=function(value2){if(value2||value2===0){return jsx(Title,{size:1,tag:"span",text:`${value2}`})}};const displayUnit=function(unit2){if(unit2){return jsx(Title,{size:3,tag:"span",text:unit2})}};return jsx("div",{className:classnames("pb_stat_value_kit",globalProps(props),className),id:id,...htmlProps,children:jsxs("div",{className:"pb_stat_value_wrapper",children:[displayValue(value)," ",displayUnit(unit)]})})};const DashboardValue=props=>{const{align:align="left",aria:aria={},className:className,data:data={},htmlOptions:htmlOptions={},id:id,statChange:statChange={},statLabel:statLabel,statValue:statValue={}}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_dashboard_value_kit",align),globalProps(props),className);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[statLabel&&jsx(Body,{color:"light",children:statLabel}),statValue&&jsx(StatValue,{unit:statValue.unit,value:statValue.value}),statChange&&jsx(StatChange,{change:statChange.change,value:statChange.value})]})};const PbDate=props=>{const{aria:aria={},alignment:alignment="left",className:className,data:data={},htmlOptions:htmlOptions={},id:id,showDayOfWeek:showDayOfWeek=false,showIcon:showIcon=false,size:size="md",unstyled:unstyled=false,value:value}=props;const weekday=DateTime$1.toWeekday(value);const month=DateTime$1.toMonth(value);const day=DateTime$1.toDay(value);const year=DateTime$1.toYear(value);const currentYear=(new Date).getFullYear();const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_date_kit",alignment),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:unstyled?jsxs(Fragment,{children:[showIcon&&jsx("div",{children:jsx(Icon,{fixedWidth:true,icon:"calendar-alt"})}),showDayOfWeek&&jsxs(Fragment,{children:[jsx("div",{children:weekday}),jsx("div",{children:"•"})]}),jsxs("span",{children:[jsxs("span",{children:[month," ",day]}),currentYear!=year&&jsx("span",{children:`, ${year}`})]})]}):size=="md"||size=="lg"?jsxs(Title,{size:4,tag:"h4",children:[showIcon&&jsx(Body,{className:"pb_icon_kit_container",color:"light",tag:"span",children:jsx(Icon,{fixedWidth:true,icon:"calendar-alt"})}),showDayOfWeek&&jsxs(Fragment,{children:[weekday,jsx(Body,{color:"light",tag:"span",text:" • "})]}),jsxs("span",{children:[month," ",day]}),currentYear!=year&&jsx("span",{children:`, ${year}`})]}):jsxs(Fragment,{children:[showIcon&&jsx(Caption,{className:"pb_icon_kit_container",tag:"span",children:jsx(Icon,{fixedWidth:true,icon:"calendar-alt",size:"sm"})}),showDayOfWeek&&jsxs(Fragment,{children:[jsx(Caption,{tag:"div",children:weekday}),jsx(Caption,{color:"light",tag:"div",text:" • "})]}),jsxs(Caption,{tag:"span",children:[month," ",day,currentYear!=year&&jsx(Fragment,{children:`, ${year}`})]})]})})};const DatePicker=props=>{if(props.plugins);const{allowInput:allowInput=false,aria:aria={},className:className,customQuickPickDates:customQuickPickDates,dark:dark=false,data:data={},defaultDate:defaultDate="",disableDate:disableDate=null,disableInput:disableInput,disableRange:disableRange=null,disableWeekdays:disableWeekdays=null,enableTime:enableTime=false,error:error,format:format="m/d/Y",hideIcon:hideIcon=false,hideLabel:hideLabel=false,htmlOptions:htmlOptions={},id:id,inLine:inLine=false,inputAria:inputAria={},inputData:inputData={},inputOnChange:inputOnChange,inputValue:inputValue,label:label="Date Picker",maxDate:maxDate,minDate:minDate,mode:mode="single",name:name,onChange:onChange=()=>{},onClose:onClose,pickerId:pickerId,placeholder:placeholder="Select Date",plugins:plugins=false,position:position,positionElement:positionElement,scrollContainer:scrollContainer,selectionType:selectionType="",showTimezone:showTimezone=false,staticPosition:staticPosition=true,thisRangesEndToday:thisRangesEndToday=false,yearRange:yearRange=[1900,2100]}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const inputAriaProps=buildAriaProps(inputAria);const inputDataProps=buildDataProps(inputData);useEffect((()=>{datePickerHelper({allowInput:allowInput,customQuickPickDates:customQuickPickDates,defaultDate:defaultDate,disableDate:disableDate,disableRange:disableRange,disableWeekdays:disableWeekdays,enableTime:enableTime,format:format,hideIcon:hideIcon,inLine:inLine,maxDate:maxDate,minDate:minDate,mode:mode,onChange:onChange,onClose:onClose,pickerId:pickerId,plugins:plugins,position:position,positionElement:positionElement,selectionType:selectionType,showTimezone:showTimezone,staticPosition:staticPosition,thisRangesEndToday:thisRangesEndToday,yearRange:yearRange,required:false},scrollContainer)}));const filteredProps={...props};if(filteredProps.marginBottom===void 0){filteredProps.marginBottom="sm"}filteredProps==null?true:delete filteredProps.position;const classes=classnames(buildCss("pb_date_picker_kit"),globalProps(filteredProps),error?"error":null,className);const iconWrapperClass=()=>{let base="cal_icon_wrapper";if(dark){base+=" dark"}if(hideLabel){base+=" no_label_shift"}if(error){base+=" error"}return base};return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsxs("div",{...inputAriaProps,...inputDataProps,className:"input_wrapper",children:[jsx(Caption,{className:"pb_date_picker_kit_label",text:hideLabel?null:label}),jsxs(Fragment,{children:[jsxs("div",{className:"date_picker_input_wrapper",children:[jsx("input",{autoComplete:"off",className:"date_picker_input",disabled:disableInput,id:pickerId,name:name,onChange:inputOnChange,placeholder:placeholder,value:inputValue}),error&&jsx(Body,{status:"negative",text:error,variant:null})]}),!hideIcon&&jsx("div",{className:iconWrapperClass(),id:`cal-icon-${pickerId}`,children:jsx(Icon,{className:"cal_icon",icon:"calendar-alt"})}),hideIcon&&inLine?jsxs("div",{children:[jsx("div",{className:iconWrapperClass(),id:`${pickerId}-icon-plus`,children:jsx(Icon,{className:"date-picker-plus-icon",icon:"plus"})}),jsx("div",{className:iconWrapperClass(),id:`${pickerId}-angle-down`,children:jsx(Icon,{className:"angle_down_icon",icon:"angle-down"})})]}):null]})]})})};const dateTimestamp$1=(dateValue,includeYear)=>{if(includeYear){return`${DateTime$1.toMonth(dateValue)} ${DateTime$1.toDay(dateValue)}, ${DateTime$1.toYear(dateValue)}`}else{return`${DateTime$1.toMonth(dateValue)} ${DateTime$1.toDay(dateValue)}`}};const dateTimeIso$1=dateValue=>DateTime$1.toIso(dateValue);const DateRangeInline=props=>{const{icon:icon=false,dark:dark=false,size:size="sm",align:align="left",data:data={},htmlOptions:htmlOptions={},startDate:startDate,endDate:endDate,className:className}=props;const iconContent=()=>jsx(Fragment,{children:icon&&jsx(Fragment,{children:jsx(Body,{color:"light",tag:"span",children:jsx(Icon,{className:"pb_date_range_inline_icon",dark:dark,fixedWidth:true,icon:"calendar-alt",size:size,tag:"span"})},Math.random())})});const dateInCurrentYear=()=>{const currentDate=new Date;return startDate.getFullYear()==endDate.getFullYear()&&startDate.getFullYear()==currentDate.getFullYear()};const dateRangeClasses=buildCss("pb_date_range_inline_kit",align);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const renderTime=date=>jsx("time",{dateTime:dateTimeIso$1(date),children:dateInCurrentYear()?jsx(Fragment,{children:` ${dateTimestamp$1(date,false)} `}):jsx(Fragment,{children:` ${dateTimestamp$1(date,true)} `})});return jsx("div",{...dataProps,...htmlProps,className:classnames(dateRangeClasses,globalProps(props),className),children:jsxs("div",{className:"pb_date_range_inline_wrapper",children:[size=="xs"&&jsxs(Fragment,{children:[iconContent(),jsx(Caption,{dark:dark,tag:"span",children:renderTime(startDate)}),jsx(Caption,{dark:dark,tag:"span",children:jsx(Icon,{className:"pb_date_range_inline_arrow",fixedWidth:true,icon:"long-arrow-right"})}),jsx(Caption,{dark:dark,tag:"span",children:renderTime(endDate)})]}),size=="sm"&&jsxs(Fragment,{children:[iconContent(),jsx(Body,{dark:dark,tag:"span",children:renderTime(startDate)}),jsx(Body,{color:"light",dark:dark,tag:"span",children:jsx(Icon,{className:"pb_date_range_inline_arrow",dark:dark,fixedWidth:true,icon:"long-arrow-right"})}),jsx(Body,{dark:dark,tag:"span",children:renderTime(endDate)})]})]})})};const DateYearStacked=props=>{const{align:align="left",className:className,dark:dark=false,date:date,data:data={},htmlOptions:htmlOptions={}}=props;const css=classnames(buildCss("pb_date_year_stacked",align),globalProps(props),className);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);return jsxs("div",{...dataProps,...htmlProps,className:css,children:[jsx(Title,{dark:dark,size:4,text:`${DateTime$1.toDay(date)} ${DateTime$1.toMonth(date).toUpperCase()}`}),jsx(Body,{color:"light",children:DateTime$1.toYear(date)})]})};const DateRangeStacked=props=>{const{className:className,dark:dark=false,endDate:endDate,htmlOptions:htmlOptions={},startDate:startDate,data:data={}}=props;const css=classnames(buildCss("pb_date_range_stacked"),globalProps(props),className);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);return jsx("div",{...dataProps,...htmlProps,className:css,children:jsxs(Flex,{vertical:"center",children:[jsx(FlexItem,{children:jsx(DateYearStacked,{align:"right",dark:dark,date:startDate})}),jsx(FlexItem,{children:jsx("div",{children:jsx(Body,{color:"light",tag:"span",children:jsx(Icon,{className:"pb_date_range_stacked_arrow",fixedWidth:true,icon:"long-arrow-right"})})})}),jsx(FlexItem,{children:jsx(DateYearStacked,{dark:dark,date:endDate})})]})})};const Time=props=>{const{align:align,className:className,date:date,htmlOptions:htmlOptions={},showIcon:showIcon,size:size,timeZone:timeZone,unstyled:unstyled=false,showTimezone:showTimezone=true}=props;const classes=classnames(buildCss("pb_time_kit",align,size),globalProps(props),className);const htmlProps=buildHtmlProps(htmlOptions);return jsxs("div",{...htmlProps,className:classes,children:[showIcon&&(unstyled?jsxs("span",{children:[jsx(Icon,{fixedWidth:true,icon:"clock"})," "]}):jsx(Fragment,{children:jsxs(Body,{color:"light",tag:"span",children:[jsx(Icon,{fixedWidth:true,icon:"clock",size:size==="md"?"":"sm"})," "]})})),jsx("time",{dateTime:date.toLocaleString(),children:jsx("span",{children:unstyled?jsxs(Fragment,{children:[jsx("span",{children:DateTime$1.toTimeWithMeridiem(date,timeZone)})," ",showTimezone&&jsx("span",{children:DateTime$1.toTimeZone(date,timeZone)})]}):size==="md"?jsxs(Fragment,{children:[jsx(Body,{className:"pb_time",tag:"span",text:DateTime$1.toTimeWithMeridiem(date,timeZone)})," ",showTimezone&&jsx(Body,{color:"light",tag:"span",text:DateTime$1.toTimeZone(date,timeZone)})]}):jsxs(Fragment,{children:[jsx(Caption,{color:"light",tag:"span",text:DateTime$1.toTimeWithMeridiem(date,timeZone)})," ",showTimezone&&jsx(Caption,{color:"light",tag:"span",text:DateTime$1.toTimeZone(date,timeZone)})]})})})]})};const DateTime=props=>{const{align:align="left",aria:aria={},className:className,data:data={},htmlOptions:htmlOptions={},showDayOfWeek:showDayOfWeek=false,datetime:datetime,id:id,showIcon:showIcon=false,size:size="md",timeZone:timeZone="America/New_York"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_date_time",size),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsxs(Flex,{horizontal:align,vertical:"baseline",children:[jsx(PbDate,{showDayOfWeek:showDayOfWeek,size:size,value:datetime}),jsx(Time,{date:datetime,marginLeft:"sm",showIcon:showIcon,size:size,timeZone:timeZone})]})})};const TimeStackedDefault=props=>{if(props.date);const{align:align="left",className:className,dark:dark,data:data={},date:date,htmlOptions:htmlOptions={},time:time,timeZone:timeZone}=props;const classes=classnames(buildCss("pb_time_stacked_kit",align),globalProps(props),className);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);return jsx("div",{className:classes,...dataProps,...htmlProps,children:jsx(Body,{className:classnames("pb_time_stacked","time-spacing"),color:"light",dark:dark,children:jsxs("time",{children:[DateTime$1.toTimeWithMeridiem(date?date:new Date(time),timeZone),jsx(Caption,{className:"pb_time_stacked",color:"light",dark:dark,tag:"span",text:DateTime$1.toTimeZone(date?date:new Date(time),timeZone)})]})})})};const DateTimeStacked=props=>{if(props.date);const{date:date,datetime:datetime,dark:dark,htmlOptions:htmlOptions={},timeZone:timeZone="America/New_York"}=props;const classes=buildCss("pb_date_time_stacked_kit",globalProps(props));const htmlProps=buildHtmlProps(htmlOptions);return jsxs(Flex,{inline:false,vertical:"stretch",...htmlProps,...props,children:[jsx(FlexItem,{children:jsx(DateStacked,{align:"right",bold:true,dark:dark,date:date||datetime})}),jsx(SectionSeparator,{className:"date-time-padding",orientation:"vertical"}),jsx(FlexItem,{children:jsx(TimeStackedDefault,{className:classes,dark:dark,date:date||datetime,timeZone:timeZone})})]})};const Detail=props=>{const{aria:aria={},bold:bold=false,children:children,className:className,color:color="light",data:data={},htmlOptions:htmlOptions={},id:id="",tag:tag="div",text:text=""}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const isBold=bold?"bold":null;const classes=classnames(buildCss("pb_detail_kit",`color`,color),isBold,globalProps(props),className);const Tag=`${tag}`;return jsx(Tag,{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:text||children})};const getFormattedFileSize=fileSize=>`${fileSize/1e6} MB`;const FileUpload=props=>{const{accept:accept=null,acceptedFilesDescription:acceptedFilesDescription="",className:className,customMessage:customMessage,data:data={},htmlOptions:htmlOptions={},maxSize:maxSize,onFilesAccepted:onFilesAccepted=noop,onFilesRejected:onFilesRejected=noop}=props;const onDrop=useCallback((files=>{onFilesAccepted(files)}),[onFilesAccepted]);const{getRootProps:getRootProps,getInputProps:getInputProps,isDragActive:isDragActive,rejectedFiles:rejectedFiles}=useDropzone({accept:accept,maxSize:maxSize,onDrop:onDrop});const prevRejected=useRef(null);const maxFileSizeText=`Max file size is ${getFormattedFileSize(maxSize)}.`;useEffect((()=>{if(rejectedFiles===prevRejected.current)return;const isFileTooLarge=maxSize&&rejectedFiles.length>0&&rejectedFiles[0].size>maxSize;if(isFileTooLarge){onFilesRejected(`File size is too large! ${maxFileSizeText}`,rejectedFiles)}prevRejected.current=rejectedFiles}),[maxFileSizeText,maxSize,onFilesRejected,rejectedFiles]);const acceptedFileTypes=()=>accept.map((fileType=>{if(fileType.startsWith("image/")){return fileType.replace("image/"," ")}else{return fileType}}));const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const getDescription=()=>customMessage?customMessage:`Choose a file or drag it here.${accept===null?"":` The accepted file types are: ${acceptedFilesDescription||acceptedFileTypes()}.`}${maxSize?` ${maxFileSizeText}`:""}`;return jsx("div",{className:classnames(buildCss("pb_file_upload_kit"),globalProps(props),className),...dataProps,...htmlProps,...getRootProps(),children:jsxs(Card,{children:[jsx("input",{...getInputProps()}),jsx(Body,{color:"light",children:isDragActive?jsx("p",{children:"Drop the files here ..."}):jsx("p",{children:getDescription()})})]})})};const hiddenFilters=value=>lodashExports.isEmpty(value)&&value!==true;const CurrentFilters=({dark:dark,filters:filters})=>{const displayableFilters=lodashExports.omitBy(filters,hiddenFilters);return jsxs("div",{className:"maskContainer",children:[lodashExports.isEmpty(filters)&&jsx("div",{className:"filters",children:jsx(Body,{color:"light",paddingLeft:"xs",size:4,tag:"span",text:"No Filter Selected"})}),!lodashExports.isEmpty(filters)&&jsxs("div",{className:"filters",children:[jsx("div",{className:"left_gradient"}),lodashExports.map(displayableFilters,((value,name)=>jsx("div",{className:"filter",children:value===true?jsx(Title,{dark:dark,size:4,tag:"h4",text:name}):jsxs("div",{children:[jsx(Caption,{dark:dark,text:name}),jsx(Title,{dark:dark,size:4,tag:"h4",text:value})]})},`filter-${name}`))),jsx("div",{className:"right_gradient"})]})]})};const FilterBackground=props=>{const{background:background=true,className:className,children:children,dark:dark}=props;return jsx("div",{className:classnames(`pb_filter_kit ${className}`,globalProps(props)),children:background?jsx(Card,{dark:dark,padding:"none",children:children}):jsx(Fragment,{children:children})})};const FiltersPopover=({children:children,dark:dark,maxHeight:maxHeight,minWidth:minWidth,placement:placement="bottom-start"})=>{const[hide,updateHide]=useState(true);const toggle=()=>updateHide(!hide);const filterButton=jsx(CircleIconButton,{dark:dark,icon:"filter",id:"filter",onClick:toggle,variant:"secondary"});return jsx(PbReactPopover,{closeOnClick:"outside",maxHeight:maxHeight,minWidth:minWidth,placement:placement,reference:filterButton,shouldClosePopover:updateHide,show:!hide,children:jsx("div",{className:"pb-form",children:typeof children==="function"?children({closePopover:()=>updateHide(true)}):children})})};const resultsText=results=>results==1?"Result":"Results";const ResultsCount=({dark:dark,results:results,title:title})=>{const resultTitle=()=>jsx(TitleCount,{align:"center",count:results,dark:dark,title:`${resultsText(results)}:`});const justResults=()=>jsx(Caption,{className:"filter-results",dark:dark,size:"xs",text:`${results} ${resultsText(results)}`});const displayResultsCount=()=>{if(results&&title){return jsx(Fragment,{children:resultTitle()})}else if(results){return jsx(Fragment,{children:justResults()})}else{return jsx("div",{})}};return jsx(Fragment,{children:displayResultsCount()})};const nextValue=(value,name)=>{const current=lodashExports.find(value,{name:name});return{name:name,dir:current&&current.dir=="asc"?"desc":"asc"}};const directionIcon=dir=>dir=="asc"?"sort-amount-up":"sort-amount-down";const renderOptions=(options,value,handleChange)=>lodashExports.map(options,((label,name)=>{const next=nextValue(value,name);return jsx(ListItem,{children:jsx(Button,{htmlType:void 0,onClick:lodashExports.partial(handleChange,next),text:` ${label}`,variant:"link"})},`option-${next.name}-${next.dir}`)}));const SortMenu=({dark:dark,options:options,value:value,onChange:onChange})=>{const[hide,updateHide]=useState(true);const toggle=()=>updateHide(!hide);const handleChange=value2=>{updateHide(true);onChange([value2])};const sortButton=jsx(Button,{dark:dark,htmlType:void 0,id:"sort-button",onClick:toggle,paddingRight:"none",variant:"link",children:lodashExports.map(value,(({dir:dir,name:name})=>jsxs("span",{children:[` ${options[name]}`,jsx(Icon,{dark:dark,icon:directionIcon(dir)})]},`current-sort-${name}-${dir}`)))});return jsx(PbReactPopover,{className:"pb_filter_sort_menu",closeOnClick:"outside",padding:"none",placement:"bottom",reference:sortButton,shouldClosePopover:updateHide,show:!hide,children:jsx(List,{children:renderOptions(options,value,handleChange)})})};const FilterSingle=({onSortChange:onSortChange,sortOptions:sortOptions,sortValue:sortValue,filters:filters,results:results,children:children,dark:dark,maxHeight:maxHeight,minWidth:minWidth,placement:placement,...bgProps})=>jsx(FilterBackground,{dark:dark,...bgProps,children:jsxs(Flex,{orientation:"row",paddingRight:"lg",vertical:"center",children:[children&&jsxs(Fragment,{children:[jsx(FiltersPopover,{dark:dark,maxHeight:maxHeight,minWidth:minWidth,placement:placement,children:children}),jsx(CurrentFilters,{dark:dark,filters:filters})]}),jsx(ResultsCount,{dark:dark,results:results}),!lodashExports.isEmpty(sortOptions)&&jsx(SortMenu,{dark:dark,onChange:onSortChange,options:sortOptions,value:sortValue})]})});const FilterDouble=({onSortChange:onSortChange,sortOptions:sortOptions,sortValue:sortValue,filters:filters,results:results,children:children,dark:dark,maxHeight:maxHeight,minWidth:minWidth,placement:placement,...bgProps})=>jsxs(FilterBackground,{dark:dark,...bgProps,children:[jsxs(Flex,{orientation:"row",vertical:"center",children:[jsx(FiltersPopover,{dark:dark,maxHeight:maxHeight,minWidth:minWidth,placement:placement,children:children}),jsx(CurrentFilters,{dark:dark,filters:filters})]}),jsx(SectionSeparator,{dark:dark}),jsxs(Flex,{className:"filter-bottom",orientation:"row",spacing:"between",vertical:"center",children:[jsx(ResultsCount,{dark:dark,results:results,title:true}),jsxs(Flex,{orientation:"row",vertical:"center",children:[jsx(Caption,{dark:dark,text:"sort by:"}),jsx(SortMenu,{dark:dark,onChange:onSortChange,options:sortOptions,value:sortValue})]})]})]});const Filter=({double:double=false,...templateProps})=>{const displayFilter=()=>{if(double===true){return jsx(FilterDouble,{...templateProps})}else{return jsx(FilterSingle,{...templateProps})}};return jsx(Fragment,{children:displayFilter()})};const iconMap={success:"check",error:"exclamation-triangle",neutral:"info-circle",tip:"info-circle"};const FixedConfirmationToast=props=>{const[showToast,toggleToast]=useState(true);const{autoClose:autoClose=0,children:children,className:className,closeable:closeable=false,horizontal:horizontal,htmlOptions:htmlOptions={},icon:icon,multiLine:multiLine=false,onClose:onClose=()=>void 0,open:open=true,status:status="neutral",text:text,vertical:vertical}=props;const returnedIcon=icon||iconMap[status];const iconClass=icon?"custom_icon":"";const css=classnames(`pb_fixed_confirmation_toast_kit_${status}`,{_multi_line:multiLine},{[`positioned_toast ${vertical} ${horizontal}`]:vertical&&horizontal},`${iconClass}`,globalProps(props),className);const htmlProps=buildHtmlProps(htmlOptions);const autoCloseToast=()=>{if(autoClose&&open){setTimeout((()=>{toggleToast(false);onClose()}),autoClose)}};useEffect((()=>{toggleToast(open);autoCloseToast()}),[open]);const handleClick=()=>{toggleToast(!closeable);onClose()};return jsx(Fragment,{children:showToast&&jsxs("div",{className:css,onClick:handleClick,...htmlProps,children:[returnedIcon&&jsx(Icon,{className:"pb_icon",fixedWidth:true,icon:returnedIcon}),children&&children||text&&jsx(Title,{className:"pb_fixed_confirmation_toast_text",flex:"1",size:4,text:text}),closeable&&jsx(Icon,{className:"pb_icon",cursor:"pointer",fixedWidth:false,icon:"times"})]})})};const FormGroup=props=>{const{aria:aria={},className:className,data:data={},fullWidth:fullWidth=false,htmlOptions:htmlOptions={},id:id,children:children}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_form_group_kit",{full:fullWidth}),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:children})};const typeMap={home:"H#",project:"P#",appointment:"A#",default:"#"};const Hashtag=props=>{const{aria:aria={},className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},id:id,newWindow:newWindow,rel:rel,text:text,type:type="default",url:url}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_hashtag_kit"),globalProps(props),className);return jsx("span",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsx("a",{href:url,rel:newWindow?"noreferrer":rel,target:newWindow?"_blank":"_self",children:jsx(Badge,{dark:dark,text:typeMap[type]+text,variant:"primary"})})})};const HomeAddressStreet=props=>{const{address:address,addressCont:addressCont,aria:aria={},city:city,className:className,data:data={},dark:dark=false,emphasis:emphasis="street",htmlOptions:htmlOptions={},homeId:homeId,homeUrl:homeUrl,newWindow:newWindow,houseStyle:houseStyle,state:state,zipcode:zipcode,territory:territory}=props;const classes=(className2,dark2)=>classnames({pb_home_address_street:!dark2,pb_home_address_street_dark:dark2},globalProps(props),className2);const dataProps=buildDataProps(data);const ariaProps=buildAriaProps(aria);const htmlProps=buildHtmlProps(htmlOptions);return jsxs("div",{className:classes(className,dark),...ariaProps,...dataProps,...htmlProps,children:[emphasis=="street"&&jsxs("div",{children:[jsx(Title,{className:"pb_home_address_street_address",dark:dark,size:4,children:joinPresent([titleize(address),houseStyle]," · ")}),jsx(Title,{className:"pb_home_address_street_address",dark:dark,size:4,children:titleize(addressCont)}),jsx(Body,{color:"light",children:`${titleize(city)}, ${state} ${zipcode}`})]}),emphasis=="city"&&jsxs("div",{children:[jsx(Body,{color:"light",children:joinPresent([titleize(address),houseStyle]," · ")}),jsx(Body,{color:"light",children:titleize(addressCont)}),jsxs("div",{children:[jsx(Title,{className:"pb_home_address_street_address",dark:dark,size:4,tag:"span",children:`${titleize(city)}, ${state}`}),jsx(Body,{color:"light",tag:"span",children:` ${zipcode}`})]})]}),homeId&&jsx(Hashtag,{classname:"home-hashtag",dark:dark,marginRight:"xxs",newWindow:newWindow,text:homeId,type:"home",url:homeUrl||"#"}),jsx(Body,{color:"light",tag:"span",children:jsx("small",{children:territory})})]})};const IconStatValue=props=>{const{aria:aria={},className:className,data:data={},dark:dark=false,htmlOptions:htmlOptions={},icon:icon,id:id,orientation:orientation="horizontal",size:size="sm",text:text="",unit:unit="",value:value=0,variant:variant="default"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_icon_stat_value_kit",orientation,size,variant),globalProps(props),className);const titleSize=function(size2){if(size2=="lg"){return jsx(Title,{dark:dark,size:1,tag:"span",text:`${value}`})}else if(size2=="md"){return jsx(Title,{dark:dark,size:2,tag:"span",text:`${value}`})}else{return jsx(Title,{dark:dark,size:3,tag:"span",text:`${value}`})}};return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[jsx(IconCircle,{dark:dark,icon:icon,size:size,variant:variant}),jsxs("div",{children:[jsxs(Flex,{align:"baseline",children:[titleSize(size)," ",jsx(Body,{dark:dark,text:unit})]}),jsx(Caption,{dark:dark,text:text})]})]})};const IconValue=props=>{const{align:align="left",aria:aria={},className:className,dark:dark,data:data={},htmlOptions:htmlOptions={},icon:icon,id:id,text:text}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_icon_value_kit",align),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsxs(Body,{color:"light",dark:dark,children:[jsx(Icon,{dark:dark,fixedWidth:true,icon:icon}),text]})})};const Pill=props=>{const{aria:aria={},className:className,data:data={},htmlOptions:htmlOptions={},id:id,text:text,variant:variant="neutral",textTransform:textTransform="lowercase"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_pill_kit",variant,textTransform),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsx(Title,{className:"pb_pill_text",size:4,tag:"div",text:text})})};const LabelPill=props=>{const{aria:aria={},className:className,data:data={},htmlOptions:htmlOptions={},id:id,label:label,pillValue:pillValue,variant:variant="neutral"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const css=classnames("pb_label_pill_kit",globalProps(props),className);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:css,id:id,children:[jsx(Caption,{className:"pb_label_pill_label",text:label}),jsx(Pill,{className:"pb_label_pill_pill",text:pillValue,variant:variant})]})};const dateString=value=>{const month=DateTime$1.toMonthNum(value);const day=DateTime$1.toDay(value);return` · ${month}/${day}`};const LabelValue=props=>{const{active:active=false,aria:aria={},className:className,dark:dark=false,data:data={},date:date,description:description,htmlOptions:htmlOptions={},icon:icon,id:id,label:label,title:title,value:value,variant:variant="default"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const variantClass=variant==="details"?"details":"";const classes=classnames(buildCss("pb_label_value_kit",variantClass),globalProps(props),className);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,title:title,children:[jsx(Caption,{dark:dark,text:label}),variant==="details"?jsxs(Flex,{inline:true,vertical:"center",children:[icon&&jsx(Body,{color:"light",dark:dark,marginRight:"xs",children:jsx(Icon,{dark:dark,fixedWidth:true,icon:icon})}),description&&jsx(Body,{color:"light",dark:dark,marginRight:"xs",text:description}),active===true?jsxs(Flex,{inline:true,vertical:"center",children:[title&&jsx(Title,{dark:dark,size:4,text:title,variant:"link"}),date&&jsx(Title,{dark:dark,marginLeft:"xs",size:4,text:" "+dateString(date),variant:"link"})]}):jsxs(Fragment,{children:[title&&jsx(Title,{dark:dark,size:4,text:title}),date&&jsx(Title,{dark:dark,marginLeft:"xs",size:4,text:" "+dateString(date)})]})]}):jsx(Body,{dark:dark,text:value})]})};const MapCustomButton=({onClick:onClick,icon:icon})=>jsx(Button,{className:"pb_map-custom-button",onClick:onClick,children:jsx(Icon,{icon:icon})});const MultipleUsers=props=>{const{aria:aria={},className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},id:id,maxDisplayedUsers:maxDisplayedUsers=4,reverse:reverse=false,size:size="xs",users:users}=props;const displayCount=users.length>maxDisplayedUsers?maxDisplayedUsers-1:users.length;const usersToDisplay=users.slice(0,displayCount);const reverseClass=reverse===true?"reverse":"";const avatarSizeClass=size==="xxs"?"xxs":"xs";const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_multiple_users_kit",reverseClass),globalProps(props),className);const itemClasses=classnames("pb_multiple_users_item",buildCss("multiple_users_badge",avatarSizeClass));return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[usersToDisplay.map(((avatarData,index)=>createElement(Avatar,{...avatarData,className:"pb_multiple_users_item",dark:dark,imageAlt:avatarData.name,key:index,size:size}))),users.length>maxDisplayedUsers&&jsx("div",{className:itemClasses,children:`+${users.length-3}`})]})};const MultipleUsersStacked=props=>{const{aria:aria={},className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},id:id,users:users}=props;const moreThanTwo=users.length>2;const onlyOne=users.length==1;const displayCount=()=>moreThanTwo?1:users.length;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_multiple_users_stacked_kit",{single:onlyOne}),globalProps(props),className);const firstUser=()=>users.slice(0,1).map(((userObject,index)=>createElement(Avatar,{...userObject,className:"pb_multiple_users_stacked_item",dark:dark,key:index,size:"xs"})));const secondUser=()=>{if(moreThanTwo===false){return users.slice(1,2).map(((userObject,index)=>createElement(Avatar,{...userObject,className:"pb_multiple_users_stacked_item second_item",dark:dark,key:index,size:"xs"})))}};const plusUsers=()=>{if(moreThanTwo===true){return jsx(Badge,{className:"pb_multiple_users_stacked_item second_item",dark:dark,rounded:true,text:`+${users.length-displayCount()}`,variant:"primary"})}};return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[firstUser(),secondUser(),plusUsers()]})};const previousOverlayDirectionMap$1={bottom:"to top",top:"to bottom",left:"to right",right:"to left",x:"to right",y:"to top"};const subsequentOverlayDirectionMap$1={...previousOverlayDirectionMap$1,x:"to left",y:"to bottom"};const OverlayPercentage=props=>{const{children:children,color:color,position:position,size:size}=props;const getPreviousOverlayDirection=()=>previousOverlayDirectionMap$1[position];const getSubsequentOverlayDirection=()=>subsequentOverlayDirectionMap$1[position];const hasSubsequentOverlay=position==="x"||position==="y";const previousOverlay=`linear-gradient(${getPreviousOverlayDirection()}, ${colors[color]} 0%, transparent ${size})`;const subsequentOverlay=`linear-gradient(${getSubsequentOverlayDirection()}, ${colors[color]} 0%, transparent ${size})`;return jsxs(Fragment,{children:[jsx("div",{className:"overlay_linear_gradient",style:{background:previousOverlay}}),children,hasSubsequentOverlay&&jsx("div",{className:"overlay_linear_gradient",style:{background:subsequentOverlay}})]})};const previousOverlayDirectionMap={x:"left",y:"top"};const subsequentOverlayDirectionMap={x:"right",y:"bottom"};const OverlayToken=props=>{const{children:children,color:color,position:position,size:size}=props;const hasSubsequentOverlay=position==="x"||position==="y";const getPreviousOverlayDirection=()=>hasSubsequentOverlay?previousOverlayDirectionMap[position]:position;const getSubsequentOverlayDirection=()=>hasSubsequentOverlay?subsequentOverlayDirectionMap[position]:position;const previousOverlayClassName=`overlay_${color}_${getPreviousOverlayDirection()}_${size}`;const subsequentOverlayClassName=`overlay_${color}_${getSubsequentOverlayDirection()}_${size}`;return jsxs(Fragment,{children:[jsx("div",{className:previousOverlayClassName}),children,hasSubsequentOverlay&&jsx("div",{className:subsequentOverlayClassName})]})};const Overlay=props=>{const{aria:aria={},className:className,children:children,color:color="card_light",data:data={},htmlOptions:htmlOptions={},id:id,layout:layout={bottom:"full"}}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const classes=classnames(buildCss("pb_overlay"),globalProps(props),className);const htmlProps=buildHtmlProps(htmlOptions);const getPosition=()=>Object.keys(layout)[0];const getSize=()=>Object.values(layout)[0];const isSizePercentage=getSize().includes("%");return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:isSizePercentage?OverlayPercentage({children:children,color:color,position:getPosition(),size:getSize()}):OverlayToken({children:children,color:color,position:getPosition(),size:getSize()})})};const Person=props=>{const{aria:aria={},className:className,data:data={},htmlOptions:htmlOptions={},firstName:firstName,id:id,lastName:lastName}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_person_kit"),globalProps(props),className);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[jsx(Body,{className:"pb_person_first",tag:"span",children:firstName}),lastName&&jsx(Title,{className:"pb_person_first",size:4,text:` ${lastName}`})]})};const PersonContact=props=>{const{aria:aria={},className:className,contacts:contacts=[],data:data={},firstName:firstName,htmlOptions:htmlOptions={},id:id,lastName:lastName}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_person_contact_kit"),globalProps(props),className);const wrongContacts=()=>contacts.filter((contactObject=>contactObject.contactType==="wrong-phone"));const validContacts=()=>contacts.filter((contactObject=>contactObject.contactType!=="wrong-phone"));return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[jsx(Person,{firstName:firstName,lastName:lastName}),validContacts().map(((contactObject,index)=>jsx(Contact,{contactDetail:contactObject.contactDetail,contactType:contactObject.contactType,contactValue:contactObject.contactValue},`valid-contact-${index}`))),wrongContacts().map(((contactObject,index)=>jsxs("div",{children:[jsx(Caption,{className:"wrong_numbers",text:"wrong number"},`wrong-contact-caption-${index}`),jsx(Contact,{contactType:contactObject.contactType,contactValue:contactObject.contactValue},`wrong-contact-${index}`)]},`wrong-contact-caption-wrapper-${index}`)))]})};const ProgressPill=({active:active,dark:dark,steps:step})=>jsx("div",{className:`pb_progress_pill${step<=active?"_active":"_inactive"}${dark?" dark":""}`},step);const showSteps=(steps,active,dark)=>{const items=[];for(let step=1;step<=steps;step++){items.push(ProgressPill({steps:step,active:active,dark:dark}))}return items};const ProgressPills=props=>{const{active:active=0,aria:aria={hidden:"true"},className:className,data:data={},htmlOptions:htmlOptions={},id:id,steps:steps=3,title:title,value:value,dark:dark=false}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_progress_pills_kit"),globalProps(props),className);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[title&&jsxs("div",{className:"progress_pills_status",children:[jsx(Title,{dark:dark,size:4,tag:"h4",text:title}),jsx(Body,{color:"light",dark:dark,text:value})]}),jsx("div",{className:"progress_pills",children:showSteps(steps,active,dark)})]})};const ProgressSimple=props=>{const{align:align,className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},max:max,muted:muted=false,percent:percent="",value:value,variant:variant="default",width:width="100%"}=props;const styles={width:width};const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const variantStyle=variant=="default"?"":variant;const valueStyles={width:percent?`${percent}%`:`${value*100/max}%`};const wrapperClass=classnames(buildCss("pb_progress_simple_wrapper",align,{dark:dark}),globalProps(props),className);const kitClass=classnames(buildCss("pb_progress_simple_kit",{muted:muted},variantStyle,align),className);return jsx("div",{...dataProps,...htmlProps,className:wrapperClass,children:jsx("div",{className:kitClass,"data-value":value,style:styles,children:jsx("div",{className:"progress_simple_value",style:valueStyles})})})};const ProgressStep=props=>{const{aria:aria={},className:className,children:children,color:color,data:data={},orientation:orientation="horizontal",htmlOptions:htmlOptions={},icon:icon=false,showIcon:showIcon=false,variant:variant}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const iconStyle=icon===true||showIcon===true?"icon":"";const progressStepCss=buildCss("pb_progress_step_kit",orientation,iconStyle,variant,color);return jsx("ul",{...ariaProps,...dataProps,...htmlProps,className:classnames(progressStepCss,globalProps(props),className),children:children})};const ProgressStepItem=props=>{const{className:className,data:data={},status:status="inactive",children:children,htmlOptions:htmlOptions={},icon:icon="check"}=props;const progressStepItem=buildCss("pb_progress_step_item",status);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);return jsx("li",{...dataProps,...htmlProps,className:classnames(progressStepItem,className),children:jsxs("div",{className:"box",children:[jsx("div",{className:"circle",children:jsx(Icon,{icon:icon})}),jsx("div",{className:"content",children:children})]})})};const SelectableCard=props=>{const{aria:aria={},checked:checked=false,className:className,customIcon:customIcon,dark:dark=false,data:data={},disabled:disabled=false,error:error=false,htmlOptions:htmlOptions={},icon:icon=false,inputId:inputId=null,multi:multi=true,name:name,onChange:onChange=noop,text:text,value:value,variant:variant="default"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_selectable_card_kit",{checked:checked,disabled:disabled,enabled:!disabled}),{error:error},dark?"dark":"",className);const displayIcon=()=>{if(icon===true){return jsx("div",{className:"pb_selectable_card_circle",children:jsx(Icon,{customIcon:customIcon,fixedWidth:true,icon:"check"})})}};const inputRef=useRef(null);const handleClick=()=>{inputRef.current.click()};const inputType=multi?"checkbox":"radio";const inputIdPresent=inputId!==null?inputId:name;const Input=multi?Checkbox:Radio;const filteredProps={...props};filteredProps==null?true:delete filteredProps.inputId;filteredProps==null?true:delete filteredProps.children;filteredProps==null?true:delete filteredProps.icon;filteredProps==null?true:delete filteredProps.error;filteredProps==null?true:delete filteredProps.dark;filteredProps==null?true:delete filteredProps.multi;filteredProps==null?true:delete filteredProps.customIcon;const labelProps=variant==="displayInput"?{...filteredProps,padding:"none"}:{...filteredProps};return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,children:[jsx("input",{checked:checked,disabled:disabled,id:inputIdPresent,name:name,onChange:onChange,ref:inputRef,type:inputType,value:value,...filteredProps}),jsxs("label",{className:globalProps(labelProps),htmlFor:inputIdPresent,children:[variant==="displayInput"?jsxs(Flex,{vertical:"center",children:[jsx(Flex,{orientation:"column",padding:"sm",paddingRight:"xs",vertical:"center",children:jsx(Input,{dark:dark,children:jsx("input",{checked:checked,disabled:disabled,onClick:handleClick,readOnly:true,type:inputType})})}),jsx("div",{className:"separator"}),jsx("div",{className:"psuedo_separator"}),jsx(Card,{borderNone:true,dark:dark,padding:"sm",status:error?"negative":null,children:text||props.children})]}):text||props.children,displayIcon()]})]})};const SelectableIcon=({aria:aria={},className:className,checked:checked=false,customIcon:customIcon,data:data={},disabled:disabled=false,htmlOptions:htmlOptions={},icon:icon,inputId:inputId,inputs:inputs="enabled",multi:multi=true,name:name,text:text,value:value,...props})=>{const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_selectable_icon_kit",{checked:checked,disabled:disabled,enabled:!disabled}),globalProps(props),className);const inputType=multi===false?"radio":"checkbox";const inputIdPresent=inputId!==null?inputId:name;return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,children:[inputs==="disabled"&&jsxs(Fragment,{children:[jsx(Icon,{customIcon:customIcon,icon:icon,size:"2x"}),jsx(Title,{size:4,tag:"h4",text:text})]}),inputs==="enabled"&&jsxs(Fragment,{children:[jsx("input",{...props,checked:checked,disabled:disabled,id:inputIdPresent,name:name,type:inputType,value:value}),jsxs("label",{htmlFor:inputIdPresent,children:[jsx(Icon,{customIcon:customIcon,icon:icon,size:"2x"}),jsx(Title,{size:4,tag:"h4",text:text})]})]})]})};const SelectableCardIcon=props=>{const{aria:aria={},checkmark:checkmark=false,checked:checked=false,className:className,customIcon:customIcon,dark:dark=false,data:data={},disabled:disabled=false,htmlOptions:htmlOptions={},icon:icon,inputId:inputId,multi:multi=true,name:name,titleText:titleText,bodyText:bodyText,value:value,onChange:onChange}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_selectable_card_icon_kit",{checked:checked,disabled:disabled,enabled:!disabled}),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,children:jsx(SelectableCard,{checked:checked,customIcon:customIcon,dark:dark,disabled:disabled,icon:checkmark,inputId:inputId,multi:multi,name:name,onChange:onChange,value:value,children:jsxs(Fragment,{children:[jsx(SelectableIcon,{customIcon:customIcon,icon:icon,inputId:"",inputs:"disabled",name:"",text:titleText}),jsx(Body,{color:"light",dark:dark,text:bodyText})]})})})};const Source=({aria:aria={},className:className,data:data={},hideIcon:hideIcon=false,htmlOptions:htmlOptions={},id:id,source:source,type:type="inbound",user:user={}})=>{const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const ariaProps=buildAriaProps(aria);const css=classnames(["pb_source_kit",className]);const avatar=()=>{if((type==="user"||type==="referral")&&user.name!==void 0){const avatarProps={...user};avatarProps.size="sm";delete avatarProps.userId;return avatarProps}};const typeText=()=>{if(type==="user"||type==="referral"&&user.name!==void 0){return user.name}else{return titleize(type)}};const typeIconNames={events:"calendar-alt",outbound:"sign-out",prospecting:"binoculars",referral:"handshake",retail:"shopping-bag",inbound:"sign-in"};const showIcon=()=>type!=="user"&&avatar()===void 0;return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:css,id:id,children:jsxs("div",{className:"pb__source_layout",children:[hideIcon===false&&jsxs(Fragment,{children:[showIcon()&&jsx(IconCircle,{icon:typeIconNames[type],size:"sm"}),!showIcon()&&jsx(Avatar,{...avatar()})]}),jsxs("div",{className:"pb__source_content",children:[jsx(Title,{size:4,tag:"h4",text:source}),jsxs("div",{className:"pb__source_value",children:[jsx(Body,{color:"light",text:typeText()}),user.userId&&jsx(Caption,{text:user.userId})]})]})]})})};const StarRating=props=>{const{aria:aria={},className:className,data:data={},dark:dark=false,layoutOption:layoutOption="default",htmlOptions:htmlOptions={},id:id,rating:rating=0,denominator:denominator=5,colorOption:colorOption="yellow",backgroundType:backgroundType="fill",size:size="sm"}=props;const classes=classnames(buildCss("pb_star_rating_kit"),globalProps(props),className);const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const denominatorStyle=layoutOption==="onestar"?1:denominator;const activeStars=Math.round(rating)>denominatorStyle?denominatorStyle:Math.round(rating);const emptyStars=denominatorStyle-Math.round(rating)<0?0:denominatorStyle-Math.round(rating);const oneDecimalRating=rating.toFixed(1);let iconSize=`pb_star_${size}`;const starYellow=jsx("svg",{className:"iamyellow",viewBox:"0 0 18 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.86015 0.4371C9.73527 0.187329 9.4855 0 9.17328 0C8.89229 0 8.64252 0.187329 8.51763 0.4371L6.36335 4.83932L1.58647 5.55742C1.30547 5.58864 1.08692 5.80719 0.99326 6.05696C0.899595 6.33795 0.962038 6.61895 1.18059 6.8375L4.64617 10.2719L3.80319 15.1112C3.77197 15.3922 3.89685 15.7044 4.11541 15.8605C4.36518 16.0166 4.64617 16.0478 4.89594 15.9229L9.17328 13.6126L13.4506 15.9229C13.7004 16.0478 14.0126 16.0166 14.2624 15.8605C14.4809 15.7044 14.6058 15.3922 14.5434 15.1112L13.7316 10.2719L17.1972 6.8375C17.4157 6.61895 17.4782 6.33795 17.3845 6.05696C17.2909 5.80719 17.0723 5.58864 16.7913 5.55742L12.0144 4.83932L9.86015 0.4371Z",fill:"#F9BB00"})});const starPrimary=jsx("svg",{viewBox:"0 0 18 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.86015 0.4371C9.73527 0.187329 9.4855 0 9.17328 0C8.89229 0 8.64252 0.187329 8.51763 0.4371L6.36335 4.83932L1.58647 5.55742C1.30547 5.58864 1.08692 5.80719 0.99326 6.05696C0.899595 6.33795 0.962038 6.61895 1.18059 6.8375L4.64617 10.2719L3.80319 15.1112C3.77197 15.3922 3.89685 15.7044 4.11541 15.8605C4.36518 16.0166 4.64617 16.0478 4.89594 15.9229L9.17328 13.6126L13.4506 15.9229C13.7004 16.0478 14.0126 16.0166 14.2624 15.8605C14.4809 15.7044 14.6058 15.3922 14.5434 15.1112L13.7316 10.2719L17.1972 6.8375C17.4157 6.61895 17.4782 6.33795 17.3845 6.05696C17.2909 5.80719 17.0723 5.58864 16.7913 5.55742L12.0144 4.83932L9.86015 0.4371Z",fill:"#0056CF"})});const starSubtle=jsx("svg",{viewBox:"0 0 18 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{className:dark===true?"suble_star_dark":"suble_star_light",fillRule:"evenodd",clipRule:"evenodd",d:"M8.90904 0.4371C8.78416 0.187329 8.53438 0 8.22217 0C7.94118 0 7.69141 0.187329 7.56652 0.4371L5.41224 4.83932L0.635357 5.55742C0.354364 5.58864 0.135813 5.80719 0.042149 6.05696C-0.0515154 6.33795 0.0109275 6.61895 0.229478 6.8375L3.69506 10.2719L2.85208 15.1112C2.82086 15.3922 2.94574 15.7044 3.16429 15.8605C3.41407 16.0166 3.69506 16.0478 3.94483 15.9229L8.22217 13.6126L12.4995 15.9229C12.7493 16.0478 13.0615 16.0166 13.3113 15.8605C13.5298 15.7044 13.6547 15.3922 13.5923 15.1112L12.7805 10.2719L16.2461 6.8375C16.4646 6.61895 16.5271 6.33795 16.4334 6.05696C16.3397 5.80719 16.1212 5.58864 15.8402 5.55742L11.0633 4.83932L8.90904 0.4371Z"})});const starBackground=jsx("svg",{viewBox:"0 0 18 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{className:dark===true?"empty_star_dark":"empty_star_light",fillRule:"evenodd",clipRule:"evenodd",d:"M9.31126 0.4371C9.18638 0.187329 8.93661 0 8.62439 0C8.3434 0 8.09363 0.187329 7.96874 0.4371L5.81446 4.83932L1.03758 5.55742C0.756585 5.58864 0.538035 5.80719 0.444371 6.05696C0.350706 6.33795 0.413149 6.61895 0.631699 6.8375L4.09728 10.2719L3.2543 15.1112C3.22308 15.3922 3.34797 15.7044 3.56652 15.8605C3.81629 16.0166 4.09728 16.0478 4.34705 15.9229L8.62439 13.6126L12.9017 15.9229C13.1515 16.0478 13.4637 16.0166 13.7135 15.8605C13.932 15.7044 14.0569 15.3922 13.9945 15.1112L13.1827 10.2719L16.6483 6.8375C16.8669 6.61895 16.9293 6.33795 16.8356 6.05696C16.742 5.80719 16.5234 5.58864 16.2424 5.55742L11.4655 4.83932L9.31126 0.4371Z"})});const starOutline=jsx("svg",{viewBox:"0 0 18 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{className:dark===true?"outline_star_dark":"outline_star_light",d:"M5.91323 5.33377L6.17269 5.29477L6.28801 5.0591L8.44116 0.659187C8.49971 0.543364 8.59517 0.5 8.64884 0.5C8.74499 0.5 8.83506 0.555009 8.88775 0.659235L11.0409 5.0591L11.1562 5.29477L11.4157 5.33377L16.1925 6.05186L16.2021 6.0533L16.2117 6.05436C16.2359 6.05706 16.2671 6.06847 16.3024 6.09973C16.3374 6.13062 16.3686 6.17476 16.3886 6.22412C16.4186 6.32162 16.401 6.40181 16.3198 6.48332C16.3196 6.48353 16.3194 6.48374 16.3192 6.48394L12.8552 9.91671L12.6712 10.0991L12.7141 10.3546L13.5258 15.1939L13.528 15.2068L13.5308 15.2196C13.5488 15.3004 13.5074 15.402 13.4567 15.4462C13.3391 15.5132 13.2227 15.5096 13.1546 15.4781L8.88646 13.1726L8.64884 13.0443L8.41121 13.1726L4.14274 15.4782C4.07877 15.5083 3.99031 15.5147 3.87267 15.4466C3.82302 15.4033 3.76655 15.2914 3.77463 15.1781L4.61431 10.3577L4.65911 10.1005L4.47368 9.91671L1.0097 6.48394C1.00947 6.48372 1.00925 6.4835 1.00903 6.48327C0.927878 6.40178 0.910311 6.3216 0.94026 6.22412C0.960274 6.17476 0.99154 6.13062 1.02646 6.09973C1.0618 6.06847 1.09296 6.05706 1.11724 6.05436L1.12682 6.0533L1.13635 6.05186L5.91323 5.33377Z"})});return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[layoutOption==="number"&&jsxs(Fragment,{children:[size==="xs"&&jsx(Caption,{text:oneDecimalRating.toString(),size:"xs",paddingRight:"xs",dark:dark,className:"pb_star_rating_number_sm"}),size==="sm"&&jsx(Caption,{text:oneDecimalRating.toString(),size:"xs",paddingRight:"xs",dark:dark,className:"pb_star_rating_number_sm"}),size==="md"&&jsx(Body,{text:oneDecimalRating.toString(),paddingRight:"xs",dark:dark,color:"light",className:"pb_star_rating_number_md"}),size==="lg"&&jsx(Title,{text:oneDecimalRating.toString(),size:2,paddingRight:"sm",dark:dark,color:"light",bold:false,className:"pb_star_rating_number_lg"})]}),jsxs(Flex,{className:"star_flex_area",children:[[...Array(activeStars)].map(((_,index)=>jsxs(React__default.Fragment,{children:[colorOption==="yellow"&&jsx(Icon,{customIcon:starYellow,className:iconSize}),colorOption==="primary"&&jsx(Icon,{customIcon:starPrimary,className:iconSize}),colorOption==="subtle"&&jsx(Icon,{customIcon:starSubtle,className:iconSize})]},index))),[...Array(emptyStars)].map(((_,index)=>jsxs(React__default.Fragment,{children:[backgroundType==="outline"&&jsx(Icon,{customIcon:starOutline,className:iconSize}),backgroundType!=="outline"&&jsx(Icon,{customIcon:starBackground,className:iconSize})]},index)))]}),layoutOption==="onestar"&&jsxs(Fragment,{children:[size==="xs"&&jsx(Caption,{text:`${rating.toString()} of ${denominator}`,size:"xs",dark:dark,className:"pb_star_rating_number_sm"}),size==="sm"&&jsx(Caption,{text:`${rating.toString()} of ${denominator}`,size:"xs",dark:dark,className:"pb_star_rating_number_sm"}),size==="md"&&jsx(Body,{text:`${rating.toString()} of ${denominator}`,dark:dark,color:"light",className:"pb_star_rating_number_md"}),size==="lg"&&jsx(Title,{text:`${rating.toString()} of ${denominator}`,size:2,dark:dark,color:"light",bold:false,className:"pb_star_rating_number_lg"})]})]})};const timezoneString=dateValue=>`${DateTime$1.toTimeZone(dateValue)}`;const dateTimestamp=dateValue=>`${DateTime$1.toHour(dateValue)}:${DateTime$1.toMinute(dateValue)}${DateTime$1.toMeridiem(dateValue)}`;const dateTimeIso=dateValue=>DateTime$1.toIso(dateValue);const TimeRangeInline=props=>{const{aria:aria={},className:className,data:data={},alignment:alignment="left",htmlOptions:htmlOptions={},size:size="sm",dark:dark=false,icon:icon=false,timezone:timezone=false,startTime:startTime,endTime:endTime,id:id}=props;const dataProps=buildDataProps(data);const ariaProps=buildAriaProps(aria);const htmlProps=buildHtmlProps(htmlOptions);const separator=jsx(Body,{color:"light",children:jsx(Icon,{className:"pb_time_range_inline_arrow",dark:dark,fixedWidth:true,icon:"long-arrow-right"})});const iconContent=()=>icon&&jsx(Body,{color:"light",tag:"span",children:jsx(Icon,{className:"pb_time_range_inline_icon",dark:dark,fixedWidth:true,icon:"clock",size:size,tag:"span"})});return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classnames("pb_time_range_inline_kit_"+alignment,globalProps(props),className),id:id,children:jsxs("div",{className:"pb_time_range_inline_wrapper",children:[size=="xs"&&jsxs(Fragment,{children:[jsxs(Caption,{dark:dark,tag:"span",children:[iconContent(),jsx("time",{dateTime:dateTimeIso(startTime),children:` ${dateTimestamp(startTime)} `})]}),jsx(Caption,{className:"pb_time_range_inline_arrow",dark:dark,tag:"span",children:separator}),jsx(Caption,{dark:dark,tag:"span",children:jsx("time",{dateTime:dateTimeIso(endTime),children:` ${dateTimestamp(endTime)} `})}),timezone&&jsx(Caption,{className:"pb_time_range_inline_timezone",dark:dark,tag:"span",children:timezoneString(endTime)})]}),size=="sm"&&jsxs(Fragment,{children:[jsxs(Body,{dark:dark,tag:"span",children:[iconContent(),jsx("time",{dateTime:dateTimeIso(startTime),children:` ${dateTimestamp(startTime)} `})]}),jsx(Body,{className:"pb_time_range_inline_arrow",dark:dark,tag:"span",children:separator}),jsx(Body,{dark:dark,tag:"span",children:jsx("time",{dateTime:dateTimeIso(endTime),children:` ${dateTimestamp(endTime)} `})}),timezone&&jsx(Body,{className:"pb_time_range_inline_timezone",color:"light",dark:dark,tag:"span",children:timezoneString(endTime)})]})]})})};const TitleCount=props=>{const{align:align="left",aria:aria={},className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},count:count,id:id,title:title,size:size="sm"}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const css=classnames(buildCss("pb_title_count_kit",align,size),globalProps(props),className);const formatCount=count.toLocaleString();return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:css,id:id,children:[jsx(Title,{className:title!==void 0?"pb_title_count_text":"",dark:dark,size:size==="lg"?3:4,text:title}),jsx(Body,{color:"light",dark:dark,children:count&&formatCount})]})};const TitleDetail=props=>{const{align:align="left",aria:aria={},className:className,data:data={},detail:detail,htmlOptions:htmlOptions={},id:id,title:title}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const pbCss=buildCss("pb_title_detail_kit",align);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classnames(pbCss,globalProps(props),className),id:id,children:[jsx(Title,{size:4,text:title}),jsx(Body,{color:"light",text:detail})]})};const Toggle=({aria:aria={},checked:checked=false,children:children,className:className,data:data={},disabled:disabled=false,id:id,htmlOptions:htmlOptions={},name:name,onChange:onChange=()=>{},size:size="sm",value:value,...props})=>{const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const css=classnames(buildCss("pb_toggle_kit",size,{on:checked,off:!checked}));return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classnames(css,globalProps(props),className),id:id,children:jsxs("label",{className:"pb_toggle_wrapper",children:[children&&children,!children&&jsx("input",{...props,defaultChecked:checked,disabled:disabled,name:name,onChange:onChange,type:"checkbox",value:value}),jsx("div",{className:"pb_toggle_control"})]})})};const Veteran=()=>jsxs("svg",{viewBox:"0 0 200 250",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M198.4 71.5V71c-.2-1.2-1.4-2.1-1.4-2.1L103.2 2.7c-.7-.4-1-.6-1.6-.6-1.3 0-2.3 1-2.3 2.3v67.1h-.6v29.6h99.8l-.1-29.6z",fill:"#004876"}),jsx("path",{d:"M172.9 159.2c-31.4 23-33.2 24.3-33.2 24.3l-40.5 3.2v-29.4l73.7 1.9z",fill:"#FFF"}),jsx("path",{d:"M99.3 125.4V33.5L1.6 102.7l-.1.1c-1 .7-1.5 1.8-1.5 3v67.4c0 1.2.6 2.3 1.5 3l.1.1 93.5 66.3c1.7 1.2 4.1 0 4.1-2.1v-28.9l40.5-28-40.5.7v-25h73.7l25.4-16.9.2-16.8H99.3z",fill:"#BB2432"}),jsx("path",{d:"M99.3 101.1h99.3v24.3H99.3z",fill:"#FFF"})]});const MillionDollar=()=>jsxs("svg",{viewBox:"0 0 242.9 242.9",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",children:[jsx("circle",{cx:121.5,cy:121.5,r:121.5}),jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:"a",x1:42.483,x2:200.309,y1:35.645,y2:35.645,children:[jsx("stop",{offset:0,style:{stopColor:"#e6b711"}}),jsx("stop",{offset:.128,style:{stopColor:"#eac23c"}}),jsx("stop",{offset:.278,style:{stopColor:"#ec6"}}),jsx("stop",{offset:.413,style:{stopColor:"#f1d485"}}),jsx("stop",{offset:.527,style:{stopColor:"#f2d998"}}),jsx("stop",{offset:.607,style:{stopColor:"#f3db9f"}}),jsx("stop",{offset:1,style:{stopColor:"#e6b711"}})]}),jsx("path",{d:"M56.4 53.8c16.9-16.2 39.8-26.2 65-26.2 25.2 0 48.1 10 64.9 26.2h14c-19.1-22.2-47.4-36.3-78.9-36.3-31.5 0-59.8 14.1-78.9 36.3h13.9z",style:{fill:"url(#a)"}}),jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:"b",x1:17.407,x2:44.897,y1:132.179,y2:132.179,children:[jsx("stop",{offset:0,style:{stopColor:"#e6b711"}}),jsx("stop",{offset:.128,style:{stopColor:"#eac23c"}}),jsx("stop",{offset:.278,style:{stopColor:"#ec6"}}),jsx("stop",{offset:.413,style:{stopColor:"#f1d485"}}),jsx("stop",{offset:.527,style:{stopColor:"#f2d998"}}),jsx("stop",{offset:.607,style:{stopColor:"#f3db9f"}}),jsx("stop",{offset:1,style:{stopColor:"#e6b711"}})]}),jsx("path",{d:"M44.9 175.7c-10.9-15.3-17.3-34-17.3-54.2 0-14.1 3.1-27.5 8.8-39.5H25.3c-5 12.2-7.8 25.5-7.8 39.5 0 22.7 7.3 43.8 19.8 60.9l7.6-6.7z",style:{fill:"url(#b)"}}),jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:"c",x1:52.914,x2:189.715,y1:212.573,y2:212.573,children:[jsx("stop",{offset:0,style:{stopColor:"#e6b711"}}),jsx("stop",{offset:.128,style:{stopColor:"#eac23c"}}),jsx("stop",{offset:.278,style:{stopColor:"#ec6"}}),jsx("stop",{offset:.413,style:{stopColor:"#f1d485"}}),jsx("stop",{offset:.527,style:{stopColor:"#f2d998"}}),jsx("stop",{offset:.607,style:{stopColor:"#f3db9f"}}),jsx("stop",{offset:1,style:{stopColor:"#e6b711"}})]}),jsx("path",{d:"M173 199.8c-14.8 9.8-32.5 15.5-51.6 15.5s-37-5.8-51.8-15.6H52.9c18.3 16.1 42.3 25.8 68.5 25.8 26.1 0 50-9.7 68.3-25.7H173z",style:{fill:"url(#c)"}}),jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:"d",x1:31.123,x2:207.766,y1:136.159,y2:136.159,children:[jsx("stop",{offset:0,style:{stopColor:"#e6b711"}}),jsx("stop",{offset:.128,style:{stopColor:"#eac23c"}}),jsx("stop",{offset:.278,style:{stopColor:"#ec6"}}),jsx("stop",{offset:.413,style:{stopColor:"#f1d485"}}),jsx("stop",{offset:.527,style:{stopColor:"#f2d998"}}),jsx("stop",{offset:.607,style:{stopColor:"#f3db9f"}}),jsx("stop",{offset:1,style:{stopColor:"#e6b711"}})]}),jsx("path",{d:"M139.2 193v-1.8c5-.4 10.2-.5 13.4-5 3.8-5.2 3.2-15.4 3.2-21.5V78.5l-47.3 120.4L61.2 81.2v61.1c0 13.6.5 35.1 12.5 44.2 4.3 3.2 9 3.9 14.2 4.7v1.8H31.1v-1.8c1.6-.4 3.2-.7 4.8-1.1 22.6-5.7 22.9-32.4 22.9-51.1v-37.8c0-6.1.5-13.3-3.2-18.5-4.5-6.1-13.4-7.2-20.4-7.5v-1.8H96l29.6 75.4 29.9-75.4h52.3v1.8c-4.8.4-10.2.9-13.4 5-3.8 4.8-3.2 15.9-3.2 21.9v62.5c0 6.3-.7 16.1 3.2 21.5 3.2 4.3 6.2 4.7 11.2 5v1.8h-66.4z",style:{fill:"url(#d)"}}),jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:"e",x1:30.453,x2:213.794,y1:63.629,y2:63.629,children:[jsx("stop",{offset:0,style:{stopColor:"#e6b711"}}),jsx("stop",{offset:.128,style:{stopColor:"#eac23c"}}),jsx("stop",{offset:.278,style:{stopColor:"#ec6"}}),jsx("stop",{offset:.413,style:{stopColor:"#f1d485"}}),jsx("stop",{offset:.527,style:{stopColor:"#f2d998"}}),jsx("stop",{offset:.607,style:{stopColor:"#f3db9f"}}),jsx("stop",{offset:1,style:{stopColor:"#e6b711"}})]}),jsx("path",{d:"M30.5 60.6h183.3v6.1H30.5z",style:{fill:"url(#e)"}}),jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:"f",x1:196.676,x2:225.538,y1:132.923,y2:132.923,children:[jsx("stop",{offset:0,style:{stopColor:"#e6b711"}}),jsx("stop",{offset:.128,style:{stopColor:"#eac23c"}}),jsx("stop",{offset:.278,style:{stopColor:"#ec6"}}),jsx("stop",{offset:.413,style:{stopColor:"#f1d485"}}),jsx("stop",{offset:.527,style:{stopColor:"#f2d998"}}),jsx("stop",{offset:.607,style:{stopColor:"#f3db9f"}}),jsx("stop",{offset:1,style:{stopColor:"#e6b711"}})]}),jsx("path",{d:"M196.7 177.5c11.5-15.6 18.7-35.2 18.7-56 0-14.1-3.1-27.5-8.8-39.5h11.1c5 12.2 7.8 25.5 7.8 39.5 0 23.4-7.8 45-20.9 62.4l-7.9-6.4z",style:{fill:"url(#f)"}})]});const UserBadge=props=>{const{aria:aria={},badge:badge="million-dollar",className:className,data:data={},htmlOptions:htmlOptions={},id:id,size:size="md"}=props;const image=badge==="million-dollar"?jsx(MillionDollar,{}):jsx(Veteran,{});const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_user_badge_kit",size),globalProps(props),className);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:jsx("div",{className:"pb_user_badge_wrapper",children:image})})};const getDayOfWeek=(value,compact)=>{if(compact){return DateTime$1.toDayAbbr(value)}else{return DateTime$1.toWeekday(value)}};const getFormattedDate=(value,variant)=>{if(variant==="day_only"){return DateTime$1.toDay(value).toString()}else{const format=variant==="expanded"?"expanded":"month_day";return DateTime$1.toCustomFormat(value,format)}};const WeekdayStacked=props=>{const{align:align="left",aria:aria={},className:className,dark:dark=false,data:data={},date:date=new Date,htmlOptions:htmlOptions={},id:id,variant:variant="month_day",compact:compact=false}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_weekday_stacked_kit",align),globalProps(props),className);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:[jsx(Caption,{dark:dark,children:getDayOfWeek(date,compact)}),jsx(Title,{dark:dark,size:4,tag:"span",text:getFormattedDate(date,variant)})]})};export{AvatarActionButton as A,BreadCrumbs as B,Contact as C,DashboardValue as D,SelectableIcon as E,FileUpload as F,Source as G,Hashtag as H,IconStatValue as I,StarRating as J,StatChange as K,LabelValue as L,MultipleUsers as M,StatValue as N,Overlay as O,Pill as P,TimeRangeInline as Q,TimeStackedDefault as R,SelectableCard as S,Time as T,TitleDetail as U,TitleCount as V,Toggle as W,UserBadge as X,WeekdayStacked as Y,BreadCrumbItem as a,ButtonToolbar as b,Currency as c,PbDate as d,DatePicker as e,DateRangeInline as f,DateRangeStacked as g,DateTime as h,DateTimeStacked as i,DateYearStacked as j,Detail as k,Filter as l,FixedConfirmationToast as m,FormGroup as n,SelectableCardIcon as o,HomeAddressStreet as p,IconValue as q,LabelPill as r,MapCustomButton as s,MultipleUsersStacked as t,ProgressSimple as u,Person as v,PersonContact as w,ProgressPills as x,ProgressStep as y,ProgressStepItem as z};

data/dist/chunks/pb_form_validation.js

@@ -0,0 +1 @@
+import{P as PbEnhancedElement,l as lodashExports}from"./lib.js";const KIT_SELECTOR='[class^="pb_"][class*="_kit"]';const ERROR_MESSAGE_SELECTOR=".pb_body_kit_negative";const FORM_SELECTOR='form[data-pb-form-validation="true"]';const REQUIRED_FIELDS_SELECTOR="input[required],textarea[required],select[required]";const FIELD_EVENTS=["change","valid","invalid"];class PbFormValidation extends PbEnhancedElement{static get selector(){return FORM_SELECTOR}connect(){this.formValidationFields.forEach((field=>{FIELD_EVENTS.forEach((e=>{field.addEventListener(e,lodashExports.debounce((event=>{this.validateFormField(event)}),250),false)}))}))}validateFormField(event){event.preventDefault();const{target:target}=event;target.setCustomValidity("");const isValid=event.target.validity.valid;if(isValid){this.clearError(target)}else{this.showValidationMessage(target)}}showValidationMessage(target){const{parentElement:parentElement}=target;this.clearError(target);parentElement.closest(KIT_SELECTOR).classList.add("error");const errorMessageContainer=this.errorMessageContainer;if(target.dataset.message)target.setCustomValidity(target.dataset.message);errorMessageContainer.innerHTML=target.validationMessage;parentElement.appendChild(errorMessageContainer)}clearError(target){const{parentElement:parentElement}=target;parentElement.closest(KIT_SELECTOR).classList.remove("error");const errorMessageContainer=parentElement.querySelector(ERROR_MESSAGE_SELECTOR);if(errorMessageContainer)errorMessageContainer.remove()}get errorMessageContainer(){const errorContainer=document.createElement("div");const kitClassName=ERROR_MESSAGE_SELECTOR.replace(/\./,"");errorContainer.classList.add(kitClassName);return errorContainer}get formValidationFields(){return this._formValidationFields=this._formValidationFields||this.element.querySelectorAll(REQUIRED_FIELDS_SELECTOR)}}window.PbFormValidation=PbFormValidation;

data/dist/chunks/vendor.js

@@ -0,0 +1 @@
+import"./_walkthrough.js";import"./_weekday_stacked.js";import"./lib.js";import"react/jsx-runtime";import"react";import"react-is";import"react-dom";

data/dist/menu.yml

@@ -427,7 +427,7 @@ kits:
   - name: draggable
     platforms: *2
     description:
-    status: beta
+    status: stable
 - category: message_text_patterns
   description:
   components: