Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

ioloco-ui

Package Overview
Dependencies
Maintainers
1
Versions
124
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ioloco-ui - npm Package Compare versions

Comparing version 0.2.18 to 0.2.19

3

dist/Components/FormComponents/FormInput/index.d.ts

@@ -13,3 +13,2 @@ import React from 'react';

readOnly?: boolean;
ref?: any;
onClickHandler?: () => void;

@@ -25,3 +24,3 @@ style?: StyleXStyles<{

}
declare const FormInput: ({ name, id, type, children, size, label, value, disabled, readOnly, ref, onClickHandler, style, register }: FormInput) => import("react/jsx-runtime").JSX.Element;
declare const FormInput: ({ name, id, type, children, size, label, value, disabled, readOnly, onClickHandler, style, register }: FormInput) => import("react/jsx-runtime").JSX.Element;
export default FormInput;

10

dist/Components/FormComponents/Select/index.d.ts
import { ElementType } from 'react';
interface IResourceOption {
_id: string;
name: string;
}
interface ISelect {
options: string[];
options: IResourceOption[];
label: string;

@@ -9,3 +13,3 @@ size: 'small' | 'medium' | 'large';

}
declare const CustomDropdown: ({ options, label, size, field, Icon }: ISelect) => import("react/jsx-runtime").JSX.Element;
export default CustomDropdown;
declare const Select: ({ options, label, size, field, Icon }: ISelect) => import("react/jsx-runtime").JSX.Element;
export default Select;

2

dist/index.esm.js

@@ -1,1 +0,1 @@

import{jsx as l,Fragment as r,jsxs as n}from"react/jsx-runtime";import o from"@stylexjs/stylex";import{useState as e,useRef as d,useEffect as t,forwardRef as i}from"react";const u=({variant:n="contained",color:e="white",size:d,type:t,text:i,icon:u,formMethod:b,onClickHandler:h,linkComponent:s,href:g,style:c})=>{const p="outlined"===n?a[`${e}Outlined`]:a[e],x=a[d],m="transparent"===n?a.transparent:null;return l(r,{children:s?l(s,Object.assign({href:g},o.props(a.base,p,x,c),{children:i})):l("button",Object.assign({type:t,formMethod:b,onClick:h},o.props(a.base,p,x,m,c),{children:u||i}))})},a={base:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,cursor:"x1ypdohk",fontSize:"x1jchvi3",margin:"x1m5y4g2",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},white:{color:"x1awj2ng x1g44le",backgroundColor:"x42x0ya xq20e7n",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"xopfqth x1d7ux1s",":hover_border":"x1untdej x183qbl2",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},whiteOutlined:{color:"x1mqxbix xat0y86",backgroundColor:"xjbqb8w",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i x1r2gkrt",":hover_backgroundColor":"xnpqzmy x1rgw4h5",":hover_border":"x1inwxqv xyx1xi0",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primary:{color:"x1awj2ng",backgroundColor:"x1htmutm",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1hreqht",":hover_border":"x1oax5ow",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"xj3dvq8",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondary:{color:"x1awj2ng",backgroundColor:"x17xmlqz",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1bcmq8d",":hover_border":"x1i8dvq9",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"xzdhonn",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiary:{color:"x1awj2ng",backgroundColor:"xwrc6f6",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x15pddsx",":hover_border":"x1hz9x9d",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"x1pmr0j6",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},transparent:{border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,backgroundColor:"xjbqb8w",":hover_border":"xjomvnz",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,":hover_backgroundColor":"x1n5bzlp",$$css:!0},xs:{padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x1jchvi3",$$css:!0},small:{padding:"x1fdl758",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x579bpy",$$css:!0},medium:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xqh2sa2",$$css:!0},large:{padding:"x8x52op",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xdhfpv1",$$css:!0}},b=({title:r="title",description:o="description"})=>n("div",Object.assign({},{className:"xs1olxk x78zum5 xdt5ytf x6s0dn4"},{children:[l("h2",Object.assign({},{className:"xh8yej3 xybftwd x2b8uid x19yk3w5 x1iikomf x1mqxbix xat0y86"},{children:r})),l("p",Object.assign({},{className:"xfxd3yz xezivpi x2b8uid x66fkqt x1tzjq7k x1mqxbix xat0y86"},{children:o}))]})),h=({name:r,id:d,type:t,children:i,size:u,label:a,value:b,disabled:h,readOnly:g,ref:c,onClickHandler:p,style:x,register:m})=>{const[S,v]=e(""),[y,I]=e(!1),C=y||S.length>0||b&&b.length>0,_=s[`${u}Input`],f=s[`${u}Label`],k=s[`${u}LabelRaised`];return n("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[l("input",Object.assign({id:d,name:r,type:t,value:b,defaultValue:b,onChange:l=>{v(l.target.value),m&&m.onChange&&m.onChange(l)},onFocus:l=>{I(!0),m&&m.onFocus&&m.onFocus(l)},onBlur:l=>{I(!1),m&&m.onBlur&&m.onBlur(l)},onClick:p,disabled:h,readOnly:g},o.props(s.input,_,x),m&&m.ref?{ref:m.ref}:{})),l("label",Object.assign({},o.props(s.label,f,C?s.labelRaised:{},C?k:{}),{children:a})),i]}))},s={root:{position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,width:"xh8yej3",$$css:!0},input:{width:"xh8yej3",fontSize:"x1uv3qv7",padding:"x164snpw",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,letterSpacing:"x1n1m00d",display:"x1lliihq",color:"x1mqxbix xat0y86",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,border:"x1w184yy xdhr1b5 x18um0zi",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,outline:"x1a2a7pz",outlineColor:null,outlineOffset:null,outlineStyle:null,outlineWidth:null,fontFamily:"xmotr4s",borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":disabled_backgroundColor":"xrc0i15",$$css:!0},label:{position:"x10l6tqk",top:"x1mn3lko",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",transition:"xbamb8h",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,color:"xzm9aa1 xat0y86",fontFamily:"xmotr4s",pointerEvents:"x47corl",$$css:!0},labelRaised:{top:"xrtmmra",fontSize:"xvewgow",$$css:!0},smallInput:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumInput:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeInput:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0}},g=({size:r="large",color:e,label:d,Icon:t,labelPlacement:i="right",disabled:u,onChange:a,checked:b,style:h})=>{const s=`checkbox-${d.replace(/\s/g,"-")}`,g=l=>{!u&&a&&a(l.target.checked)},p=u?c.disabled:null,x=c[`${r}CheckBox`],m=c[`${r}Icon`],S=c[`${r}Label`],v=c[`${e}Outlined`],y=c[`${e}Icon`],I=c[`${e}Label`],C=()=>l("span",Object.assign({},o.props(x,v),{children:b&&l(t,Object.assign({},o.props(c.iconBase,m,y)))})),_=()=>l("input",Object.assign({id:s,type:"checkbox",disabled:u,checked:b,onChange:g,"aria-checked":b,"aria-disabled":u},{className:"x10l6tqk xg01cxk x1vjfegm xh8yej3 x5yr21d x1ghz6dp x1717udv x1ypdohk"}));return l("div",Object.assign({},o.props(c.container,p,h),{children:(()=>{switch(i){case"top":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[d,n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"1rem 0rem 0rem 0rem"},children:[l(C,{}),l(_,{})]}))]}));case"right":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"0rem 1rem 0rem 0rem"},children:[l(C,{}),l(_,{})]})),d]}));case"bottom":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[d,n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"0rem 0rem 1rem 0rem"},children:[l(C,{}),l(_,{})]}))]}));case"left":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"0rem 0rem 0rem 1rem"},children:[l(C,{}),l(_,{})]})),d]}));default:return null}})()}))},c={container:{cursor:"x1ypdohk",display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"xlqzeqv",position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,width:"xh8yej3",$$css:!0},checkboxContainer:{display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"xl56j7k",position:"x1n2onr6",$$css:!0},"container-top":{flexDirection:"xdt5ytf",$$css:!0},"container-right":{flexDirection:"x1q0g3np",$$css:!0},"container-bottom":{flexDirection:"x3ieub6",$$css:!0},"container-left":{flexDirection:"x15zctf7",$$css:!0},label:{cursor:"x1ypdohk",display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"xlqzeqv",margin:"x1oqdnn1",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,userSelect:"x87ps6o",$$css:!0},labelText:{fontSize:"xml2kzp",padding:"xq3cggq",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,userSelect:"x87ps6o",$$css:!0},iconBase:{position:"x10l6tqk",top:"xwa60dl",left:"x1nrll8i",insetInlineStart:null,insetInlineEnd:null,transform:"x11lhmoz",$$css:!0},disabled:{cursor:"x1h6gzvc",opacity:"xbyyjgo",$$css:!0},input:{position:"x10l6tqk",opacity:"xg01cxk",zIndex:"x1vjfegm",width:"xh8yej3",height:"x5yr21d",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",$$css:!0},checked:{background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},checkmark:{display:"x1rg5ohu",alignItems:"x6s0dn4",justifyContent:"xl56j7k",backgroundColor:"xjbqb8w",borderRadius:"x1xh8lfz",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,position:"x1n2onr6",$$css:!0},smallIcon:{fontSize:"x1jchvi3",$$css:!0},mediumIcon:{fontSize:"xml2kzp",$$css:!0},largeIcon:{fontSize:"xngnso2",$$css:!0},smallCheckBox:{padding:"xq068xy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCheckBox:{padding:"xl0vs5b",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCheckBox:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{fontSize:"xvewgow",$$css:!0},mediumLabel:{fontSize:"xml2kzp",$$css:!0},largeLabel:{fontSize:"x1uv3qv7",$$css:!0},whiteLabel:{color:"x1mqxbix xat0y86",$$css:!0},primaryLabel:{color:"x1ee20vk",$$css:!0},secondaryLabel:{color:"xnh76vn",$$css:!0},tertiaryLabel:{color:"x1hpdykb",$$css:!0},whiteIcon:{color:"x1mqxbix xat0y86",$$css:!0},primaryIcon:{color:"x1ee20vk",$$css:!0},secondaryIcon:{color:"xnh76vn",$$css:!0},tertiaryIcon:{color:"x1hpdykb",$$css:!0},whiteOutlined:{color:"x1mqxbix xat0y86",backgroundColor:"xjbqb8w",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i x1r2gkrt",":hover_backgroundColor":"xnpqzmy x1rgw4h5",":hover_border":"x130rnt4",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"xj3dvq8",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"xzdhonn",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"x1pmr0j6",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0}},p=({options:r,label:i,size:u,field:a,Icon:b})=>{var h;const[s,g]=e(!1),[c,p]=e(null!==(h=null==a?void 0:a.value)&&void 0!==h?h:null),[m,S]=e(0),v=d(null);t((()=>{const l=l=>{const r=l.target;v.current&&!v.current.contains(r)&&g(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)}),[v]);const y=x[`${u}Select`];return n("div",Object.assign({},{className:"xh8yej3 x1ypdohk x1n2onr6 x1n327nk x9f619 x41wgo0"},{tabIndex:0,onKeyDown:l=>{switch(l.key){case"ArrowDown":S((l=>l<r.length-1?l+1:l));break;case"ArrowUp":S((l=>l>0?l-1:0));break;case"Enter":p(r[m]),g(!1);break;case"Escape":g(!1)}},ref:v,children:[n("div",Object.assign({},o.props(x.dropdownLabel,y),{onClick:()=>g(!s),id:"custom-dropdown-label",role:"button","aria-expanded":s,children:[c||i,l(b,Object.assign({},{className:"x8cw2a4 x1mqxbix xat0y86"}))]})),l("div",Object.assign({},{className:"x10l6tqk xh8yej3 x1717udv x1ghz6dp x1avysgf xu96u03 x1gzqxud xm6uh0w xdhr1b5 x116uinm x11iwqir x1rife3k"},{role:"listbox","aria-activedescendant":`dropdown-option-${m}`,"aria-labelledby":"custom-dropdown-label",style:{display:s?"block":"none"},children:r.map(((r,n)=>l("div",Object.assign({id:`dropdown-option-${n}`},o.props(x.dropdownItem,n===m&&x.highlightedItem),{role:"option","aria-selected":c===r,onClick:()=>(l=>{p(l),null==a||a.onChange(l),g(!1)})(r),onMouseEnter:()=>S(n),children:r}),r)))}))]}))},x={dropdown:{width:"xh8yej3",cursor:"x1ypdohk",position:"x1n2onr6",zIndex:"x1n327nk",boxSizing:"x9f619",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},dropdownLabel:{borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"xm6uh0w xdhr1b5",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,padding:"x3hm25i",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,color:"x1mqxbix xat0y86",display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",$$css:!0},dropdownList:{position:"x10l6tqk",width:"xh8yej3",padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,top:"x1avysgf",left:"xu96u03",insetInlineStart:null,insetInlineEnd:null,backgroundColor:"x1gzqxud",border:"xm6uh0w xdhr1b5",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,maxHeight:"x11iwqir",overflowY:"x1rife3k",$$css:!0},dropdownItem:{fontSize:"x579bpy",padding:"x9255wk",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",boxSizing:"x9f619",color:"x1mqxbix",$$css:!0},iconBase:{fontSize:"x8cw2a4",color:"x1mqxbix xat0y86",$$css:!0},highlightedItem:{backgroundColor:"x1si8nl4",padding:"x1eygyu5",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallSelect:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumSelect:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeSelect:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0}},m=({id:r,labelId:e,value:d,onShowCalendar:t,size:i="small",icon:u})=>{const a=S[`${i}Label`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3"},{children:[l("label",Object.assign({htmlFor:r,id:e},o.props(S.label,a),{children:"Date"})),n("div",Object.assign({},{className:"x1n2onr6 x1ypdohk"},{children:[l(h,Object.assign({id:r,type:"text","aria-labelledby":e,size:i,name:"date",readOnly:!0,onClickHandler:t,value:d},{className:"x7gbtqy x150ed17 x12oqio5 x1ypdohk xh8yej3"})),u]}))]}))},S={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",$$css:!0},inputWrapper:{position:"x1n2onr6",cursor:"x1ypdohk",$$css:!0},label:{position:"x10l6tqk",display:"x1lliihq",color:"x1mqxbix xat0y86",$$css:!0},inputField:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,cursor:"x1ypdohk",width:"xh8yej3",$$css:!0},smallLabel:{fontSize:"x1xebwwb",top:"xrtmmra",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,$$css:!0},mediumLabel:{fontSize:"x1uv3qv7",top:"xlmo2kc",left:"x117m9x2",insetInlineStart:null,insetInlineEnd:null,$$css:!0},largeLabel:{fontSize:"x1elmx46",top:"x11ulg39",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,$$css:!0}},v=({selectedDate:r,onDateSelect:n,size:e})=>{const d=l=>{const o=new Date(r.getFullYear(),r.getMonth(),l);n(o)},t=y[`${e}CallenderDay`],i=y[`${e}Typography`];return l("div",Object.assign({},o.props(y.calendarDays,i),{children:(()=>{const n=r.getFullYear(),e=r.getMonth();let i=new Date(n,e,1).getDay();i=0===i?7:i;const u=new Date(n,e+1,0).getDate(),a=new Date(n,e,0).getDate(),b=i-1,h=[];for(let r=0;r<b;r++){const n=a-b+r+1;h.push(l("div",Object.assign({},o.props(y.calendarDayBase,t,y.fadedDayBase),{children:n}),`prev-${n}`))}for(let n=1;n<=u;n++){const i=n===r.getDate()&&e===r.getMonth();h.push(l("div",Object.assign({},o.props(y.calendarDayBase,t,i&&y.daySelected),{onClick:()=>!i&&d(n),children:n}),`current-${n}`))}const s=42-b-u;for(let r=1;r<=s;r++)h.push(l("div",Object.assign({},o.props(y.calendarDayBase,t,y.fadedDayBase),{children:r}),`next-${r}`));return h})()}))},y={calendarDayBase:{flex:"x1wu5g8x",flexGrow:null,flexShrink:null,flexBasis:null,height:"xettwda",margin:"xy3p2pi",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,cursor:"x1ypdohk",textAlign:"x2b8uid",display:"x78zum5",justifyContent:"xl56j7k",alignItems:"x6s0dn4",color:"x1mqxbix xat0y86",":hover_backgroundColor":"xokg3y8",":hover_color":"x1kgw7fo x1r2gkrt",$$css:!0},fadedDayBase:{pointerEvents:"x47corl",color:"x1pvy4qg xep50wo",$$css:!0},calendarDays:{display:"x78zum5",flexWrap:"x1a02dak",justifyContent:"xlqzeqv",width:"xh8yej3",$$css:!0},daySelected:{backgroundColor:"xrkmrrc",color:"x1awj2ng",borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":hover_backgroundColor":"xiok67s",$$css:!0},smallCallenderDay:{padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCallenderDay:{padding:"x17uvqmg",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCallenderDay:{padding:"xqo3fwf",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0}},I=({size:r})=>{const n=C[`${r}Typography`];return l("div",Object.assign({},{className:"x78zum5 x1l1ennw xyi6m4r xh8yej3 x1mqxbix xat0y86"},{children:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"].map(((r,e)=>l("span",Object.assign({},o.props(n),{children:r}),e)))}))},C={calendarHeader:{display:"x78zum5",justifyContent:"x1l1ennw",marginBottom:"xyi6m4r",width:"xh8yej3",color:"x1mqxbix xat0y86",$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0}},_=({selectedDate:e,onDateSelect:i,onMonthChange:a,show:b,onClose:h,size:s})=>{const g=d(null);t((()=>{const l=l=>{g.current&&!g.current.contains(l.target)&&h()};return b?document.addEventListener("mousedown",l):document.removeEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}}),[b,h]);const c=f[`${s}Typography`];return l(r,{children:b&&n("div",Object.assign({ref:g,role:"dialog","aria-modal":"true","aria-labelledby":"date-picker-label"},{className:"x10l6tqk xijnpox xzyusag x1uz70x1 xdsb8wn x1nrll8i xuuh30 xfo81ep x7tf13f xb3r6kr x3fmiap x1r7xphn x1rureoc"},{children:[n("div",Object.assign({},{className:"x78zum5 x1qughib x6s0dn4 xvzj5t3 x1mqxbix xat0y86"},{children:[l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Previous Month",onClickHandler:()=>a(-1)}),n("span",Object.assign({},o.props(c),{children:[e.toLocaleString("default",{month:"long"})," ",e.getFullYear()]})),l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Next Month",onClickHandler:()=>a(1)})]})),l(I,{size:s}),l(v,{onDateSelect:i,selectedDate:e,size:s})]}))})},f={calendarContainer:{position:"x10l6tqk",boxShadow:"xijnpox",width:"xzyusag",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,top:"xdsb8wn",left:"x1nrll8i",insetInlineStart:null,insetInlineEnd:null,transform:"xuuh30",zIndex:"xfo81ep",margin:"x7tf13f",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,overflow:"xb3r6kr",overflowX:null,overflowY:null,borderRadius:"x3fmiap",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,background:"x1r7xphn x1rureoc",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},iconBase:{fontSize:"x579bpy",color:"x1awj2ng xat0y86",$$css:!0},navigation:{display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",margin:"xvzj5t3",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,color:"x1mqxbix xat0y86",$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0}},k=({size:r,Icon:d})=>{const[t,i]=e(new Date),[u,a]=e(!1),b=`${t.getDate()}/${t.getMonth()+1}/${t.getFullYear()}`,h=B[`${r}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[l(m,{id:"date-picker",labelId:"date-picker-label",value:b,onShowCalendar:()=>a(!u),size:r,icon:l(d,Object.assign({},o.props(B.icon,h)))}),l(_,{selectedDate:t,onDateSelect:l=>{const r=l.getDate(),n=new Date(t.getFullYear(),t.getMonth(),r);i(n),a(!1)},onMonthChange:l=>{i(new Date(t.getFullYear(),t.getMonth()+l,1))},show:u,onClose:()=>a(!1),size:r})]}))},B={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"x5btmg7",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}},W=i((({id:r,labelId:e,value:d,onShowCalendar:t,icon:i,size:u="small"},a)=>{const b=$[`${u}Label`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3"},{children:[l("label",Object.assign({htmlFor:r,id:e},o.props($.label,b),{children:"Date Time"})),n("div",Object.assign({},{className:"x1n2onr6 x1ypdohk"},{children:[l(h,Object.assign({ref:a,id:r,type:"text","aria-labelledby":e,size:u,name:"date",readOnly:!0,onClickHandler:t,value:d},{className:"x7gbtqy x150ed17 x12oqio5 x1ypdohk xh8yej3"})),i]}))]}))})),$={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",$$css:!0},inputWrapper:{position:"x1n2onr6",cursor:"x1ypdohk",$$css:!0},label:{position:"x10l6tqk",display:"x1lliihq",color:"x1mqxbix xat0y86",$$css:!0},inputField:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,cursor:"x1ypdohk",width:"xh8yej3",$$css:!0},smallLabel:{fontSize:"x1xebwwb",top:"xrtmmra",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,$$css:!0},mediumLabel:{fontSize:"x1uv3qv7",top:"xlmo2kc",left:"x117m9x2",insetInlineStart:null,insetInlineEnd:null,$$css:!0},largeLabel:{fontSize:"x1elmx46",top:"x11ulg39",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,$$css:!0}},R=({items:r,text:e,selectedValue:d,onChange:t})=>n("div",Object.assign({},{className:"x78zum5 x5yr21d xdt5ytf xl56j7k x6s0dn4"},{children:[l("p",Object.assign({},{className:"x1elmx46 xhf8053 x1mqxbix xat0y86"},{children:e})),l("div",Object.assign({},{className:"x78zum5 xdt5ytf x1odjw0f x1q4ynmn xijnpox xdvn7xf xei03b9 x7gbtqy x87ps6o"},{children:r.map(((r,n)=>l("div",Object.assign({},o.props(E.wheelItem,r===d&&E.selectedWheelItem),{onClick:()=>(l=>{t(l)})(r),children:r}),n)))}))]})),E={wheelItem:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x1oqdnn1",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,fontSize:"x1elmx46",backgroundColor:"x1chrcjj",cursor:"x1ypdohk",textAlign:"x2b8uid",color:"x1mqxbix xat0y86",":hover_color":"x1frr76i x1532kbu",":hover_backgroundColor":"x11nq0rt",$$css:!0},selectedWheelItem:{backgroundColor:"xrkmrrc",color:"x1awj2ng",$$css:!0}},L=({selectedDate:e,onDateSelect:i,onMonthChange:a,handleTimeChange:b,show:h,onClose:s,size:g})=>{const c=d(null);t((()=>{const l=l=>{c.current&&!c.current.contains(l.target)&&s()};return h?document.addEventListener("mousedown",l):document.removeEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}}),[h,s]);const p=T[`${g}Typography`];return l(r,{children:h&&l("div",Object.assign({ref:c,role:"dialog","aria-modal":"true","aria-labelledby":"date-picker-label"},{className:"x10l6tqk xijnpox xzyusag x1uz70x1 xdsb8wn x1nrll8i xuuh30 xfo81ep x7tf13f xb3r6kr x3fmiap x1r7xphn x1rureoc"},{children:n("div",{style:{display:"flex",width:"100%"},children:[n("div",{style:{width:"80%"},children:[n("div",Object.assign({},{className:"x78zum5 x1qughib x6s0dn4 xvzj5t3 x1mqxbix xat0y86"},{children:[l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Previous Month",onClickHandler:()=>a(-1)}),n("span",Object.assign({},o.props(p),{children:[e.toLocaleString("default",{month:"long"})," ",e.getFullYear()]})),l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Next Month",onClickHandler:()=>a(1)})]})),l(I,{size:g}),l(v,{onDateSelect:i,selectedDate:e,size:g})]}),l(R,{items:Array.from({length:24},((l,r)=>r)),text:"Hrs",selectedValue:e.getHours(),onChange:l=>{b(l,e.getMinutes())}}),l(R,{items:Array.from({length:60},((l,r)=>r)),text:"Min",selectedValue:e.getMinutes(),onChange:l=>{b(e.getHours(),l)}})]})}))})},T={calendarContainer:{position:"x10l6tqk",boxShadow:"xijnpox",width:"xzyusag",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,top:"xdsb8wn",left:"x1nrll8i",insetInlineStart:null,insetInlineEnd:null,transform:"xuuh30",zIndex:"xfo81ep",margin:"x7tf13f",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,overflow:"xb3r6kr",overflowX:null,overflowY:null,borderRadius:"x3fmiap",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,background:"x1r7xphn x1rureoc",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},iconBase:{fontSize:"x579bpy",color:"x1mqxbix xat0y86",$$css:!0},navigation:{display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",margin:"xvzj5t3",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,color:"x1mqxbix xat0y86",$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0}},w=({size:r,Icon:d})=>{const[t,i]=e(new Date),[u,a]=e(!1),b=`${t.getDate()}/${t.getMonth()+1}/${t.getFullYear()} ${t.getHours()}:${t.getMinutes()}`,h=z[`${r}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[l(W,{id:"date-picker",labelId:"date-picker-label",value:b,onShowCalendar:()=>a(!u),size:r,icon:l(d,Object.assign({},o.props(z.icon,h)))}),l(L,{selectedDate:t,onDateSelect:l=>{const r=new Date(t.getFullYear(),t.getMonth(),l.getDate(),t.getHours(),t.getMinutes());i(r),a(!1)},onMonthChange:l=>{i(new Date(t.getFullYear(),t.getMonth()+l,1))},show:u,handleTimeChange:(l,r)=>{const n=new Date(t.getFullYear(),t.getMonth(),t.getDate(),l,r);i(n)},onClose:()=>a(!1),size:r})]}))},z={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"xpr8hgo",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}};export{b as BlocSection,u as Button,g as CheckBox,k as DatePicker,w as DateTimePicker,h as FormInput,p as Select};
import{jsx as l,Fragment as r,jsxs as n}from"react/jsx-runtime";import o from"@stylexjs/stylex";import{useState as e,useEffect as d,useRef as t,forwardRef as i}from"react";const u=({variant:n="contained",color:e="white",size:d,type:t,text:i,icon:u,formMethod:b,onClickHandler:h,linkComponent:g,href:s,style:c})=>{const p="outlined"===n?a[`${e}Outlined`]:a[e],x=a[d],m="transparent"===n?a.transparent:null;return l(r,{children:g?l(g,Object.assign({href:s},o.props(a.base,p,x,c),{children:i})):l("button",Object.assign({type:t,formMethod:b,onClick:h},o.props(a.base,p,x,m,c),{children:u||i}))})},a={base:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,cursor:"x1ypdohk",fontSize:"x1jchvi3",margin:"x1m5y4g2",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},white:{color:"x1awj2ng x1g44le",backgroundColor:"x42x0ya xq20e7n",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"xopfqth x1d7ux1s",":hover_border":"x1untdej x183qbl2",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},whiteOutlined:{color:"x1mqxbix xat0y86",backgroundColor:"xjbqb8w",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1kgw7fo x18qp0xk x1r2gkrt",":hover_backgroundColor":"xnpqzmy x1rgw4h5",":hover_border":"x1inwxqv xyx1xi0",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primary:{color:"x1awj2ng",backgroundColor:"x1htmutm",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1hreqht",":hover_border":"x1oax5ow",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"xj3dvq8",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondary:{color:"x1awj2ng",backgroundColor:"x17xmlqz",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1bcmq8d",":hover_border":"x1i8dvq9",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"xzdhonn",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiary:{color:"x1awj2ng",backgroundColor:"xwrc6f6",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x15pddsx",":hover_border":"x1hz9x9d",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"x1pmr0j6",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},transparent:{border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,backgroundColor:"xjbqb8w",":hover_border":"xjomvnz",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,":hover_backgroundColor":"x1n5bzlp",$$css:!0},xs:{padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x1jchvi3",$$css:!0},small:{padding:"x1fdl758",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x579bpy",$$css:!0},medium:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xqh2sa2",$$css:!0},large:{padding:"x8x52op",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xdhfpv1",$$css:!0}},b=({title:r="title",description:o="description"})=>n("div",Object.assign({},{className:"xs1olxk x78zum5 xdt5ytf x6s0dn4"},{children:[l("h2",Object.assign({},{className:"xh8yej3 xybftwd x2b8uid x19yk3w5 x1iikomf x1mqxbix xat0y86"},{children:r})),l("p",Object.assign({},{className:"xfxd3yz xezivpi x2b8uid x66fkqt x1tzjq7k x1mqxbix xat0y86"},{children:o}))]})),h=({name:r,id:t,type:i,children:u,size:a,label:b,value:h,disabled:s,readOnly:c,onClickHandler:p,style:x,register:m})=>{const[S,y]=e(h||""),[v,I]=e(!1),C=v||S.length>0||h&&h.length>0;d((()=>{y(h||"")}),[h]);const _=g[`${a}Input`],f=g[`${a}Label`],k=g[`${a}LabelRaised`];return n("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[l("input",Object.assign({id:t,name:r,type:i,value:S,defaultValue:h,onChange:l=>{y(l.target.value),m&&m.onChange&&m.onChange(l)},onFocus:l=>{I(!0),m&&m.onFocus&&m.onFocus(l)},onBlur:l=>{I(!1),m&&m.onBlur&&m.onBlur(l)},onClick:p,disabled:s,readOnly:c},o.props(g.input,_,x),m&&m.ref?{ref:m.ref}:{})),l("label",Object.assign({},o.props(g.label,f,C?g.labelRaised:{},C?k:{}),{children:b})),u]}))},g={root:{position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,width:"xh8yej3",$$css:!0},input:{width:"xh8yej3",fontSize:"x1uv3qv7",padding:"x164snpw",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,letterSpacing:"x1n1m00d",display:"x1lliihq",color:"x1mqxbix xat0y86",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,border:"x1w184yy xdhr1b5 x18um0zi",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,outline:"x1a2a7pz",outlineColor:null,outlineOffset:null,outlineStyle:null,outlineWidth:null,fontFamily:"xmotr4s",borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":disabled_backgroundColor":"xrc0i15",$$css:!0},label:{position:"x10l6tqk",top:"x1mn3lko",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",transition:"xbamb8h",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,color:"xzm9aa1 xat0y86",fontFamily:"xmotr4s",pointerEvents:"x47corl",$$css:!0},labelRaised:{top:"xrtmmra",fontSize:"xvewgow",$$css:!0},smallInput:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumInput:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeInput:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0}},s=({size:r="large",color:e,label:d,Icon:t,labelPlacement:i="right",disabled:u,onChange:a,checked:b,style:h})=>{const g=`checkbox-${d.replace(/\s/g,"-")}`,s=l=>{!u&&a&&a(l.target.checked)},p=u?c.disabled:null,x=c[`${r}CheckBox`],m=c[`${r}Icon`],S=c[`${r}Label`],y=c[`${e}Outlined`],v=c[`${e}Icon`],I=c[`${e}Label`],C=()=>l("span",Object.assign({},o.props(x,y),{children:b&&l(t,Object.assign({},o.props(c.iconBase,m,v)))})),_=()=>l("input",Object.assign({id:g,type:"checkbox",disabled:u,checked:b,onChange:s,"aria-checked":b,"aria-disabled":u},{className:"x10l6tqk xg01cxk x1vjfegm xh8yej3 x5yr21d x1ghz6dp x1717udv x1ypdohk"}));return l("div",Object.assign({},o.props(c.container,p,h),{children:(()=>{switch(i){case"top":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[d,n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"1rem 0rem 0rem 0rem"},children:[l(C,{}),l(_,{})]}))]}));case"right":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"0rem 1rem 0rem 0rem"},children:[l(C,{}),l(_,{})]})),d]}));case"bottom":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[d,n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"0rem 0rem 1rem 0rem"},children:[l(C,{}),l(_,{})]}))]}));case"left":return n("label",Object.assign({},o.props(c.label,c[`container-${i}`],S,I),{children:[n("div",Object.assign({},{className:"x78zum5 x6s0dn4 xl56j7k x1n2onr6"},{style:{margin:"0rem 0rem 0rem 1rem"},children:[l(C,{}),l(_,{})]})),d]}));default:return null}})()}))},c={container:{cursor:"x1ypdohk",display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"xlqzeqv",position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,width:"xh8yej3",$$css:!0},checkboxContainer:{display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"xl56j7k",position:"x1n2onr6",$$css:!0},"container-top":{flexDirection:"xdt5ytf",$$css:!0},"container-right":{flexDirection:"x1q0g3np",$$css:!0},"container-bottom":{flexDirection:"x3ieub6",$$css:!0},"container-left":{flexDirection:"x15zctf7",$$css:!0},label:{cursor:"x1ypdohk",display:"x78zum5",alignItems:"x6s0dn4",justifyContent:"xlqzeqv",margin:"x1oqdnn1",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,userSelect:"x87ps6o",$$css:!0},labelText:{fontSize:"xml2kzp",padding:"xq3cggq",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,userSelect:"x87ps6o",$$css:!0},iconBase:{position:"x10l6tqk",top:"xwa60dl",left:"x1nrll8i",insetInlineStart:null,insetInlineEnd:null,transform:"x11lhmoz",$$css:!0},disabled:{cursor:"x1h6gzvc",opacity:"xbyyjgo",$$css:!0},input:{position:"x10l6tqk",opacity:"xg01cxk",zIndex:"x1vjfegm",width:"xh8yej3",height:"x5yr21d",margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",$$css:!0},checked:{background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},checkmark:{display:"x1rg5ohu",alignItems:"x6s0dn4",justifyContent:"xl56j7k",backgroundColor:"xjbqb8w",borderRadius:"x1xh8lfz",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,position:"x1n2onr6",$$css:!0},smallIcon:{fontSize:"x1jchvi3",$$css:!0},mediumIcon:{fontSize:"xml2kzp",$$css:!0},largeIcon:{fontSize:"xngnso2",$$css:!0},smallCheckBox:{padding:"xq068xy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCheckBox:{padding:"xl0vs5b",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCheckBox:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{fontSize:"xvewgow",$$css:!0},mediumLabel:{fontSize:"xml2kzp",$$css:!0},largeLabel:{fontSize:"x1uv3qv7",$$css:!0},whiteLabel:{color:"x1mqxbix xat0y86",$$css:!0},primaryLabel:{color:"x1ee20vk",$$css:!0},secondaryLabel:{color:"xnh76vn",$$css:!0},tertiaryLabel:{color:"x1hpdykb",$$css:!0},whiteIcon:{color:"x1mqxbix xat0y86",$$css:!0},primaryIcon:{color:"x1ee20vk",$$css:!0},secondaryIcon:{color:"xnh76vn",$$css:!0},tertiaryIcon:{color:"x1hpdykb",$$css:!0},whiteOutlined:{color:"x1mqxbix xat0y86",backgroundColor:"xjbqb8w",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i x1r2gkrt",":hover_backgroundColor":"xnpqzmy x1rgw4h5",":hover_border":"x130rnt4",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"xj3dvq8",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"xzdhonn",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"x1pmr0j6",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0}},p=({options:r,label:i,size:u,field:a,Icon:b})=>{const[h,g]=e(!1),[s,c]=e(null),[p,m]=e(0),S=t(null),y=l=>{c(l),null==a||a.onChange(l._id),g(!1)};return d((()=>{const l=l=>{S.current&&!S.current.contains(l.target)&&g(!1)};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}}),[]),n("div",Object.assign({},{className:"xh8yej3 x1ypdohk x1n2onr6 x9f619 x41wgo0"},{tabIndex:0,onKeyDown:l=>{switch(l.key){case"ArrowDown":m((l=>l<r.length-1?l+1:l));break;case"ArrowUp":m((l=>l>0?l-1:0));break;case"Enter":r[p]&&y(r[p]);break;case"Escape":g(!1)}},ref:S,children:[s&&l("div",Object.assign({},o.props(x[`${u}LabelRaised`]),{children:i})),n("div",Object.assign({},o.props(x.dropdownLabel,x[`${u}Select`]),{onClick:()=>g(!h),id:"custom-dropdown-label",role:"button","aria-expanded":h,children:[s?s.name:i,b&&l(b,Object.assign({},{className:"x8cw2a4 x1mqxbix xat0y86"}))]})),l("div",Object.assign({},{className:"x1n327nk x10l6tqk xh8yej3 x1717udv x1ghz6dp x1avysgf xu96u03 x12peec7 xm6uh0w xdhr1b5 x116uinm x11iwqir x1rife3k"},{role:"listbox","aria-activedescendant":`dropdown-option-${p}`,"aria-labelledby":"custom-dropdown-label",style:{display:h?"block":"none"},children:r&&Array.isArray(r)&&r.map(((r,n)=>l("div",Object.assign({id:`dropdown-option-${n}`},o.props(x.dropdownItem,n===p&&x.highlightedItem),{role:"option","aria-selected":(null==s?void 0:s._id)===r._id,onClick:()=>y(r),onMouseEnter:()=>m(n),children:r.name}),r._id)))}))]}))},x={dropdown:{width:"xh8yej3",cursor:"x1ypdohk",position:"x1n2onr6",boxSizing:"x9f619",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},dropdownLabel:{borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"xm6uh0w xdhr1b5",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,padding:"x3hm25i",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,color:"x1mqxbix xat0y86",display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",$$css:!0},dropdownList:{zIndex:"x1n327nk",position:"x10l6tqk",width:"xh8yej3",padding:"x1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,top:"x1avysgf",left:"xu96u03",insetInlineStart:null,insetInlineEnd:null,backgroundColor:"x12peec7",border:"xm6uh0w xdhr1b5",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,maxHeight:"x11iwqir",overflowY:"x1rife3k",$$css:!0},dropdownItem:{fontSize:"x579bpy",padding:"x9255wk",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",boxSizing:"x9f619",color:"x1mqxbix",$$css:!0},iconBase:{fontSize:"x8cw2a4",color:"x1mqxbix xat0y86",$$css:!0},highlightedItem:{backgroundColor:"x1si8nl4",padding:"x1eygyu5",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallSelect:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumSelect:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeSelect:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{position:"x10l6tqk",top:"x11ulg39",fontSize:"x1elmx46",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,padding:"x3wxoqf",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0}},m=({id:r,labelId:e,value:d,onShowCalendar:t,size:i="small",icon:u})=>{const a=S[`${i}Label`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3"},{children:[l("label",Object.assign({htmlFor:r,id:e},o.props(S.label,a),{children:"Date"})),n("div",Object.assign({},{className:"x1n2onr6 x1ypdohk"},{children:[l(h,Object.assign({id:r,type:"text","aria-labelledby":e,size:i,name:"date",readOnly:!0,onClickHandler:t,value:d},{className:"x7gbtqy x150ed17 x12oqio5 x1ypdohk xh8yej3"})),u]}))]}))},S={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",$$css:!0},inputWrapper:{position:"x1n2onr6",cursor:"x1ypdohk",$$css:!0},label:{position:"x10l6tqk",display:"x1lliihq",color:"x1mqxbix xat0y86",$$css:!0},inputField:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,cursor:"x1ypdohk",width:"xh8yej3",$$css:!0},smallLabel:{fontSize:"x1xebwwb",top:"xrtmmra",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,$$css:!0},mediumLabel:{fontSize:"x1uv3qv7",top:"xlmo2kc",left:"x117m9x2",insetInlineStart:null,insetInlineEnd:null,$$css:!0},largeLabel:{fontSize:"x1elmx46",top:"x11ulg39",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,$$css:!0}},y=({selectedDate:r,onDateSelect:n,size:e})=>{const d=l=>{const o=new Date(r.getFullYear(),r.getMonth(),l);n(o)},t=v[`${e}CallenderDay`],i=v[`${e}Typography`];return l("div",Object.assign({},o.props(v.calendarDays,i),{children:(()=>{const n=r.getFullYear(),e=r.getMonth();let i=new Date(n,e,1).getDay();i=0===i?7:i;const u=new Date(n,e+1,0).getDate(),a=new Date(n,e,0).getDate(),b=i-1,h=[];for(let r=0;r<b;r++){const n=a-b+r+1;h.push(l("div",Object.assign({},o.props(v.calendarDayBase,t,v.fadedDayBase),{children:n}),`prev-${n}`))}for(let n=1;n<=u;n++){const i=n===r.getDate()&&e===r.getMonth();h.push(l("div",Object.assign({},o.props(v.calendarDayBase,t,i&&v.daySelected),{onClick:()=>!i&&d(n),children:n}),`current-${n}`))}const g=42-b-u;for(let r=1;r<=g;r++)h.push(l("div",Object.assign({},o.props(v.calendarDayBase,t,v.fadedDayBase),{children:r}),`next-${r}`));return h})()}))},v={calendarDayBase:{flex:"x1wu5g8x",flexGrow:null,flexShrink:null,flexBasis:null,height:"xettwda",margin:"xy3p2pi",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,cursor:"x1ypdohk",textAlign:"x2b8uid",display:"x78zum5",justifyContent:"xl56j7k",alignItems:"x6s0dn4",color:"x1mqxbix xat0y86",":hover_backgroundColor":"xokg3y8",":hover_color":"x1kgw7fo x1r2gkrt",$$css:!0},fadedDayBase:{pointerEvents:"x47corl",color:"x1pvy4qg xep50wo",$$css:!0},calendarDays:{display:"x78zum5",flexWrap:"x1a02dak",justifyContent:"xlqzeqv",width:"xh8yej3",$$css:!0},daySelected:{backgroundColor:"xrkmrrc",color:"x1awj2ng",borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":hover_backgroundColor":"xiok67s",$$css:!0},smallCallenderDay:{padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCallenderDay:{padding:"x17uvqmg",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCallenderDay:{padding:"xqo3fwf",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0}},I=({size:r})=>{const n=C[`${r}Typography`];return l("div",Object.assign({},{className:"x78zum5 x1l1ennw xyi6m4r xh8yej3 x1mqxbix xat0y86"},{children:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"].map(((r,e)=>l("span",Object.assign({},o.props(n),{children:r}),e)))}))},C={calendarHeader:{display:"x78zum5",justifyContent:"x1l1ennw",marginBottom:"xyi6m4r",width:"xh8yej3",color:"x1mqxbix xat0y86",$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0}},_=({selectedDate:e,onDateSelect:i,onMonthChange:a,show:b,onClose:h,size:g})=>{const s=t(null);d((()=>{const l=l=>{s.current&&!s.current.contains(l.target)&&h()};return b?document.addEventListener("mousedown",l):document.removeEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}}),[b,h]);const c=f[`${g}Typography`];return l(r,{children:b&&n("div",Object.assign({ref:s,role:"dialog","aria-modal":"true","aria-labelledby":"date-picker-label"},{className:"x10l6tqk xijnpox xzyusag x1uz70x1 xdsb8wn x1nrll8i xuuh30 xfo81ep x7tf13f xb3r6kr x3fmiap x1r7xphn x1rureoc"},{children:[n("div",Object.assign({},{className:"x78zum5 x1qughib x6s0dn4 xvzj5t3 x1mqxbix xat0y86"},{children:[l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Previous Month",onClickHandler:()=>a(-1)}),n("span",Object.assign({},o.props(c),{children:[e.toLocaleString("default",{month:"long"})," ",e.getFullYear()]})),l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Next Month",onClickHandler:()=>a(1)})]})),l(I,{size:g}),l(y,{onDateSelect:i,selectedDate:e,size:g})]}))})},f={calendarContainer:{position:"x10l6tqk",boxShadow:"xijnpox",width:"xzyusag",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,top:"xdsb8wn",left:"x1nrll8i",insetInlineStart:null,insetInlineEnd:null,transform:"xuuh30",zIndex:"xfo81ep",margin:"x7tf13f",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,overflow:"xb3r6kr",overflowX:null,overflowY:null,borderRadius:"x3fmiap",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,background:"x1r7xphn x1rureoc",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},iconBase:{fontSize:"x579bpy",color:"x1awj2ng xat0y86",$$css:!0},navigation:{display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",margin:"xvzj5t3",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,color:"x1mqxbix xat0y86",$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0}},k=({size:r,Icon:d})=>{const[t,i]=e(new Date),[u,a]=e(!1),b=`${t.getDate()}/${t.getMonth()+1}/${t.getFullYear()}`,h=B[`${r}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[l(m,{id:"date-picker",labelId:"date-picker-label",value:b,onShowCalendar:()=>a(!u),size:r,icon:l(d,Object.assign({},o.props(B.icon,h)))}),l(_,{selectedDate:t,onDateSelect:l=>{const r=l.getDate(),n=new Date(t.getFullYear(),t.getMonth(),r);i(n),a(!1)},onMonthChange:l=>{i(new Date(t.getFullYear(),t.getMonth()+l,1))},show:u,onClose:()=>a(!1),size:r})]}))},B={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"x5btmg7",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}},W=i((({id:r,labelId:e,value:d,onShowCalendar:t,icon:i,size:u="small"},a)=>{const b=$[`${u}Label`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3"},{children:[l("label",Object.assign({htmlFor:r,id:e},o.props($.label,b),{children:"Date Time"})),n("div",Object.assign({},{className:"x1n2onr6 x1ypdohk"},{children:[l(h,Object.assign({id:r,type:"text","aria-labelledby":e,size:u,name:"date",readOnly:!0,onClickHandler:t,value:d},{className:"x7gbtqy x150ed17 x12oqio5 x1ypdohk xh8yej3"})),i]}))]}))})),$={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",$$css:!0},inputWrapper:{position:"x1n2onr6",cursor:"x1ypdohk",$$css:!0},label:{position:"x10l6tqk",display:"x1lliihq",color:"x1mqxbix xat0y86",$$css:!0},inputField:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"x150ed17",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,cursor:"x1ypdohk",width:"xh8yej3",$$css:!0},smallLabel:{fontSize:"x1xebwwb",top:"xrtmmra",left:"x1pemb1n",insetInlineStart:null,insetInlineEnd:null,$$css:!0},mediumLabel:{fontSize:"x1uv3qv7",top:"xlmo2kc",left:"x117m9x2",insetInlineStart:null,insetInlineEnd:null,$$css:!0},largeLabel:{fontSize:"x1elmx46",top:"x11ulg39",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,$$css:!0}},R=({items:r,text:e,selectedValue:d,onChange:t})=>n("div",Object.assign({},{className:"x78zum5 x5yr21d xdt5ytf xl56j7k x6s0dn4"},{children:[l("p",Object.assign({},{className:"x1elmx46 xhf8053 x1mqxbix xat0y86"},{children:e})),l("div",Object.assign({},{className:"x78zum5 xdt5ytf x1odjw0f x1q4ynmn xijnpox xdvn7xf xei03b9 x7gbtqy x87ps6o"},{children:r.map(((r,n)=>l("div",Object.assign({},o.props(E.wheelItem,r===d&&E.selectedWheelItem),{onClick:()=>(l=>{t(l)})(r),children:r}),n)))}))]})),E={wheelItem:{padding:"x7gbtqy",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,margin:"x1oqdnn1",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,fontSize:"x1elmx46",backgroundColor:"x1chrcjj",cursor:"x1ypdohk",textAlign:"x2b8uid",color:"x1mqxbix xat0y86",":hover_color":"x1frr76i x1532kbu",":hover_backgroundColor":"x11nq0rt",$$css:!0},selectedWheelItem:{backgroundColor:"xrkmrrc",color:"x1awj2ng",$$css:!0}},L=({selectedDate:e,onDateSelect:i,onMonthChange:a,handleTimeChange:b,show:h,onClose:g,size:s})=>{const c=t(null);d((()=>{const l=l=>{c.current&&!c.current.contains(l.target)&&g()};return h?document.addEventListener("mousedown",l):document.removeEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}}),[h,g]);const p=T[`${s}Typography`];return l(r,{children:h&&l("div",Object.assign({ref:c,role:"dialog","aria-modal":"true","aria-labelledby":"date-picker-label"},{className:"x10l6tqk xijnpox xzyusag x1uz70x1 xdsb8wn x1nrll8i xuuh30 xfo81ep x7tf13f xb3r6kr x3fmiap x1r7xphn x1rureoc"},{children:n("div",{style:{display:"flex",width:"100%"},children:[n("div",{style:{width:"80%"},children:[n("div",Object.assign({},{className:"x78zum5 x1qughib x6s0dn4 xvzj5t3 x1mqxbix xat0y86"},{children:[l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Previous Month",onClickHandler:()=>a(-1)}),n("span",Object.assign({},o.props(p),{children:[e.toLocaleString("default",{month:"long"})," ",e.getFullYear()]})),l(u,{size:"xs",variant:"transparent",color:"secondary",type:"button","aria-label":"Next Month",onClickHandler:()=>a(1)})]})),l(I,{size:s}),l(y,{onDateSelect:i,selectedDate:e,size:s})]}),l(R,{items:Array.from({length:24},((l,r)=>r)),text:"Hrs",selectedValue:e.getHours(),onChange:l=>{b(l,e.getMinutes())}}),l(R,{items:Array.from({length:60},((l,r)=>r)),text:"Min",selectedValue:e.getMinutes(),onChange:l=>{b(e.getHours(),l)}})]})}))})},T={calendarContainer:{position:"x10l6tqk",boxShadow:"xijnpox",width:"xzyusag",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,top:"xdsb8wn",left:"x1nrll8i",insetInlineStart:null,insetInlineEnd:null,transform:"xuuh30",zIndex:"xfo81ep",margin:"x7tf13f",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,overflow:"xb3r6kr",overflowX:null,overflowY:null,borderRadius:"x3fmiap",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,background:"x1r7xphn x1rureoc",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},iconBase:{fontSize:"x579bpy",color:"x1mqxbix xat0y86",$$css:!0},navigation:{display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",margin:"xvzj5t3",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,color:"x1mqxbix xat0y86",$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0}},w=({size:r,Icon:d})=>{const[t,i]=e(new Date),[u,a]=e(!1),b=`${t.getDate()}/${t.getMonth()+1}/${t.getFullYear()} ${t.getHours()}:${t.getMinutes()}`,h=z[`${r}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[l(W,{id:"date-picker",labelId:"date-picker-label",value:b,onShowCalendar:()=>a(!u),size:r,icon:l(d,Object.assign({},o.props(z.icon,h)))}),l(L,{selectedDate:t,onDateSelect:l=>{const r=new Date(t.getFullYear(),t.getMonth(),l.getDate(),t.getHours(),t.getMinutes());i(r),a(!1)},onMonthChange:l=>{i(new Date(t.getFullYear(),t.getMonth()+l,1))},show:u,handleTimeChange:(l,r)=>{const n=new Date(t.getFullYear(),t.getMonth(),t.getDate(),l,r);i(n)},onClose:()=>a(!1),size:r})]}))},z={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"xpr8hgo",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}};export{b as BlocSection,u as Button,s as CheckBox,k as DatePicker,w as DateTimePicker,h as FormInput,p as Select};

20

package.json
{
"name": "ioloco-ui",
"version": "0.2.18",
"version": "0.2.19",
"description": "Stylex UI components for React",

@@ -37,12 +37,12 @@ "author": {

"@rollup/plugin-typescript": "^11.1.5",
"@storybook/addon-a11y": "^7.6.6",
"@storybook/addon-essentials": "^7.6.6",
"@storybook/addon-interactions": "^7.6.6",
"@storybook/addon-links": "^7.6.6",
"@storybook/addon-a11y": "^7.6.7",
"@storybook/addon-essentials": "^7.6.7",
"@storybook/addon-interactions": "^7.6.7",
"@storybook/addon-links": "^7.6.7",
"@storybook/addon-onboarding": "^1.0.10",
"@storybook/blocks": "^7.6.6",
"@storybook/blocks": "^7.6.7",
"@storybook/jest": "^0.2.3",
"@storybook/nextjs": "^7.6.6",
"@storybook/react": "^7.6.6",
"@storybook/test": "^7.6.6",
"@storybook/nextjs": "^7.6.7",
"@storybook/react": "^7.6.7",
"@storybook/test": "^7.6.7",
"@storybook/test-runner": "^0.16.0",

@@ -63,3 +63,3 @@ "@stylexjs/rollup-plugin": "^0.4.1",

"rollup-plugin-peer-deps-external": "^2.2.4",
"storybook": "^7.6.6",
"storybook": "^7.6.7",
"storybook-dark-mode": "^3.0.3",

@@ -66,0 +66,0 @@ "typescript": "^5.3.3",

dist/ioloco-ui.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc