ioloco-ui - npm Package Compare versions

Comparing version 0.2.3 to 0.2.4

dist/Components/Button/Button.d.ts

 import type { StyleXStyles } from '@stylexjs/stylex';
+import type { ReactNode } from 'react';
 interface IButton {
     color: 'white' | 'primary' | 'secondary' | 'tertiary';
-    variant: 'contained' | 'outlined';
-    size: 'small' | 'medium' | 'large';
+    variant: 'contained' | 'outlined' | 'nothing';
+    size: 'xs' | 'small' | 'medium' | 'large';
     type?: 'submit' | 'button' | 'reset';
-    text: string | undefined;
+    text?: string | undefined;
+    icon?: ReactNode;
+    onClickHandler?: () => void;
     linkComponent?: React.ElementType;
     href?: string;
+    formMethod?: string;
     style?: StyleXStyles<{
@@ -11,0 +15,0 @@ margin?: string;

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

@@ -5,9 +5,14 @@ import React from 'react';
     name: string;
+    id?: string;
     type: 'text' | 'password' | 'email' | 'date' | 'checkbox';
     size: 'small' | 'medium' | 'large';
     color: 'white' | 'dark';
-    children: React.ReactNode;
-    label: string;
+    children?: React.ReactNode;
+    label?: string;
+    value?: string;
     disabled?: boolean;
+    readOnly?: boolean;
+    onClickHandler?: () => void;
     style?: StyleXStyles<{
+        margin?: string;
         backgroundColor?: string;
@@ -20,3 +25,3 @@ color?: string;
 }
-declare const FormInput: ({ name, type, children, size, color, label, disabled, style, register }: FormInput) => import("react/jsx-runtime").JSX.Element;
+declare const FormInput: ({ name, id, type, children, size, color, label, value, disabled, readOnly, onClickHandler, style, register }: FormInput) => import("react/jsx-runtime").JSX.Element;
 export default FormInput;

dist/index.d.ts

@@ -5,2 +5,3 @@ import Button from './Components/Button/index';
 import Select from './Components/FormComponents/Select';
-export { Button, BlocSection, FormInput, Select };
+import DatePicker from './Components/FormComponents/DatePicker';
+export { Button, BlocSection, FormInput, Select, DatePicker };

dist/index.esm.js

@@ -1,1 +0,1 @@
-import{jsx as l,Fragment as r,jsxs as o}from"react/jsx-runtime";import e from"@stylexjs/stylex";import{useState as n,useRef as d,useEffect as t}from"react";const u=({variant:o="contained",color:n="secondary",size:d,type:t,text:u="button",linkComponent:b,href:h,style:a})=>{const S="outlined"===o?i[`${n}Outlined`]:i[n],g=i[d];return l(r,{children:b?l(b,Object.assign({href:h},e.props(i.base,S,g,a),{children:u})):l("button",Object.assign({type:t},e.props(i.base,S,g,a),{children:u}))})},i={base:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",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:"x1mqxbix",backgroundColor:"x12peec7",border:"xkl13rl",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":"x12bfii8",":hover_border":"xphcy9a",":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:"x1awj2ng",backgroundColor:"xjbqb8w",border:"xkl13rl",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",":hover_backgroundColor":"x1tf8huo",":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},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},small:{paddingTop:"x12t3zde",paddingEnd:"x1n5bpe5",paddingBottom:"x2yie3v",paddingStart:"x1cafdcw",fontSize:"x579bpy",$$css:!0},medium:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",fontSize:"xqh2sa2",$$css:!0},large:{paddingTop:"x1mcfnh7",paddingEnd:"x182rl45",paddingBottom:"x10l3h1t",paddingStart:"xlfmbi4",fontSize:"xdhfpv1",$$css:!0}},b=({title:r,description:e})=>o("div",Object.assign({},{className:"xs1olxk x78zum5 xdt5ytf x6s0dn4"},{children:[l("h2",Object.assign({},{className:"xh8yej3 xybftwd x2b8uid x19yk3w5 x1iikomf"},{children:r})),l("p",Object.assign({},{className:"xfxd3yz x14zvdfm x2b8uid x66fkqt x1tzjq7k"},{children:e}))]})),h=({name:r,type:d,children:t,size:u,color:i,label:b,disabled:h,style:S,register:g})=>{const[p,v]=n(""),[s,y]=n(!1),c=s||p.length>0,C=a[`${u}Input`],I=a[`${u}Label`],_=a[`${u}LabelRaised`],x=a[`${i}Color`],m=a[`${i}Border`];return o("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[l("input",Object.assign({name:r,type:d,onChange:l=>{v(l.target.value),g&&g.onChange&&g.onChange(l)},onFocus:l=>{y(!0),g&&g.onFocus&&g.onFocus(l)},onBlur:l=>{y(!1),g&&g.onBlur&&g.onBlur(l)},disabled:h},e.props(a.input,x,m,C,S),g&&g.ref?{ref:g.ref}:{})),l("label",Object.assign({},e.props(a.label,x,I,c&&a.labelRaised,c&&_),{children:b})),t]}))},a={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",paddingTop:"x1hqevxg",paddingEnd:"x18qmpwu",paddingBottom:"xn2xpo4",paddingStart:"xtq1275",letterSpacing:"x1n1m00d",display:"x1lliihq",color:"x1mqxbix",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,border:"xm6uh0w",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:"x1mqxbix",fontFamily:"xmotr4s",pointerEvents:"x47corl",$$css:!0},labelRaised:{top:"xrtmmra",fontSize:"xvewgow",$$css:!0},whiteColor:{color:"x1awj2ng",$$css:!0},whiteBorder:{border:"x1w184yy",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,$$css:!0},darkColor:{color:"x1mqxbix",$$css:!0},darkBorder:{border:"xm6uh0w",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,$$css:!0},smallInput:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumInput:{fontSize:"x579bpy",padding:"x3vcqe7",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},largeInput:{fontSize:"x13wtedm",padding:"xis3749",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight: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=({options:r,label:u,size:i,color:b,field:h})=>{var a;const[S,p]=n(!1),[v,s]=n(null!==(a=null==h?void 0:h.value)&&void 0!==a?a:null),[y,c]=n(0),C=d(null);t((()=>{const l=l=>{const r=l.target;C.current&&!C.current.contains(r)&&p(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)}),[C]);const I=g[`${b}Color`],_=g[`${b}Border`],x=g[`${i}Select`];return o("div",Object.assign({},e.props(g.dropdown,x,I,_),{tabIndex:0,onKeyDown:l=>{switch(l.key){case"ArrowDown":c((l=>l<r.length-1?l+1:l));break;case"ArrowUp":c((l=>l>0?l-1:0));break;case"Enter":s(r[y]),p(!1);break;case"Escape":p(!1)}},ref:C,children:[l("div",Object.assign({},{className:"x1uz70x1"},{onClick:()=>p(!S),id:"custom-dropdown-label",role:"button","aria-expanded":S,children:v||u})),l("div",Object.assign({},e.props(g.dropdownList,I),{role:"listbox","aria-activedescendant":`dropdown-option-${y}`,"aria-labelledby":"custom-dropdown-label",style:{display:S?"block":"none"},children:r.map(((r,o)=>l("div",Object.assign({id:`dropdown-option-${o}`},e.props(g.dropdownItem,I,o===y&&g.highlightedItem),{role:"option","aria-selected":v===r,onClick:()=>(l=>{s(l),null==h||h.onChange(l),p(!1)})(r),onMouseEnter:()=>c(o),children:r}),r)))}))]}))},g={dropdown:{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:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,padding:"x7gbtqy",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",width:"x1fjzz8u",position:"x1n2onr6",backgroundColor:"x12peec7",zIndex:"x1n327nk",boxSizing:"x9f619",$$css:!0},dropdownLabel:{padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},dropdownList:{borderTop:"xjnsqom",borderTopWidth:null,borderTopStyle:null,borderTopColor:null,listStyle:"xe8uvvx",listStyleImage:null,listStylePosition:null,listStyleType:null,padding:"x1717udv",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,margin:"x1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,position:"x10l6tqk",top:"xphl6p3",left:"xu96u03",insetInlineStart:null,insetInlineEnd:null,width:"xh8yej3",backgroundColor:"x12peec7",$$css:!0},dropdownItem:{padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,cursor:"x1ypdohk",boxSizing:"x9f619",$$css:!0},highlightedItem:{backgroundColor:"x18jlpol",$$css:!0},whiteColor:{color:"x1mqxbix",$$css:!0},whiteBorder:{border:"xm6uh0w",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,$$css:!0},darkColor:{color:"x1awj2ng",$$css:!0},darkBorder:{border:"x1w184yy",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,$$css:!0},smallSelect:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumSelect:{fontSize:"x579bpy",padding:"x3vcqe7",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},largeSelect:{fontSize:"x13wtedm",padding:"xis3749",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight: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}};export{b as BlocSection,u as Button,h as FormInput,S as Select};
+import{jsx as l,Fragment as r,jsxs as o}from"react/jsx-runtime";import n from"@stylexjs/stylex";import{useState as e,useRef as d,useEffect as t}from"react";import{RiArrowDropDownLine as i}from"react-icons/ri";import{BsCalendarDate as u}from"react-icons/bs";import{FiChevronLeft as b,FiChevronRight as a}from"react-icons/fi";const h=({variant:o="contained",color:e="secondary",size:d,type:t,text:i,icon:u,formMethod:b,onClickHandler:a,linkComponent:h,href:g,style:c})=>{const S="outlined"===o?s[`${e}Outlined`]:s[e],p=s[d],x="nothing"===o?s.nothing:null;return l(r,{children:h?l(h,Object.assign({href:g},n.props(s.base,S,p,c),{children:i})):l("button",Object.assign({type:t,formMethod:b,onClick:a},n.props(s.base,S,p,x,c),{children:u||i}))})},s={base:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",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:"x1mqxbix",backgroundColor:"x12peec7",border:"xkl13rl",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":"x12bfii8",":hover_border":"xphcy9a",":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:"x1awj2ng",backgroundColor:"xjbqb8w",border:"xkl13rl",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",":hover_backgroundColor":"x1tf8huo",":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},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},nothing:{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",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,fontSize:"x1jchvi3",$$css:!0},small:{paddingTop:"x12t3zde",paddingEnd:"x1n5bpe5",paddingBottom:"x2yie3v",paddingStart:"x1cafdcw",fontSize:"x579bpy",$$css:!0},medium:{paddingTop:"x12t3zde",paddingEnd:"xi10uvh",paddingBottom:"x2yie3v",paddingStart:"xgrgcq1",fontSize:"xqh2sa2",$$css:!0},large:{paddingTop:"x1mcfnh7",paddingEnd:"x182rl45",paddingBottom:"x10l3h1t",paddingStart:"xlfmbi4",fontSize:"xdhfpv1",$$css:!0}},g=({title:r,description:n})=>o("div",Object.assign({},{className:"xs1olxk x78zum5 xdt5ytf x6s0dn4"},{children:[l("h2",Object.assign({},{className:"xh8yej3 xybftwd x2b8uid x19yk3w5 x1iikomf"},{children:r})),l("p",Object.assign({},{className:"xfxd3yz x14zvdfm x2b8uid x66fkqt x1tzjq7k"},{children:n}))]})),c=({name:r,id:d,type:t,children:i,size:u,color:b,label:a,value:h,disabled:s,readOnly:g,onClickHandler:c,style:p,register:x})=>{const[y,v]=e(""),[m,C]=e(!1),I=m||y.length>0||h&&h.length>0,_=S[`${u}Input`],f=S[`${u}Label`],W=S[`${u}LabelRaised`],B=S[`${b}Color`],k=S[`${b}Border`];return o("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[l("input",Object.assign({id:d,name:r,type:t,value:h,defaultValue:h,onChange:l=>{v(l.target.value),x&&x.onChange&&x.onChange(l)},onFocus:l=>{C(!0),x&&x.onFocus&&x.onFocus(l)},onBlur:l=>{C(!1),x&&x.onBlur&&x.onBlur(l)},onClick:c,disabled:s,readOnly:g},n.props(S.input,B,k,_,p),x&&x.ref?{ref:x.ref}:{})),l("label",Object.assign({},n.props(S.label,B,f,I?S.labelRaised:{},I?W:{}),{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",paddingTop:"x1hqevxg",paddingEnd:"x18qmpwu",paddingBottom:"xn2xpo4",paddingStart:"xtq1275",letterSpacing:"x1n1m00d",display:"x1lliihq",color:"x1mqxbix",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,border:"xm6uh0w",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:"x1mqxbix",fontFamily:"xmotr4s",pointerEvents:"x47corl",$$css:!0},labelRaised:{top:"xrtmmra",fontSize:"xvewgow",$$css:!0},whiteColor:{color:"x1awj2ng",$$css:!0},whiteBorder:{border:"x1w184yy",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,$$css:!0},darkColor:{color:"x1mqxbix",$$css:!0},darkBorder:{border:"xm6uh0w",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,$$css:!0},smallInput:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumInput:{fontSize:"x579bpy",padding:"x3vcqe7",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},largeInput:{fontSize:"x13wtedm",padding:"xis3749",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight: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}},p=({options:r,label:u,size:b,color:a,field:h})=>{var s;const[g,c]=e(!1),[S,p]=e(null!==(s=null==h?void 0:h.value)&&void 0!==s?s:null),[y,v]=e(0),m=d(null);t((()=>{const l=l=>{const r=l.target;m.current&&!m.current.contains(r)&&c(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)}),[m]);const C=x[`${b}Select`];return o("div",Object.assign({},{className:"xh8yej3 x1ypdohk x1n2onr6 x1n327nk x9f619 x41wgo0"},{tabIndex:0,onKeyDown:l=>{switch(l.key){case"ArrowDown":v((l=>l<r.length-1?l+1:l));break;case"ArrowUp":v((l=>l>0?l-1:0));break;case"Enter":p(r[y]),c(!1);break;case"Escape":c(!1)}},ref:m,children:[o("div",Object.assign({},n.props(x.dropdownLabel,C),{onClick:()=>c(!g),id:"custom-dropdown-label",role:"button","aria-expanded":g,children:[S||u,l(i,{color:"white",size:40})]})),l("div",Object.assign({},{className:"x10l6tqk xh8yej3 x1717udv x1ghz6dp x1avysgf xu96u03 x1gzqxud x1w184yy x116uinm x11iwqir x1rife3k"},{role:"listbox","aria-activedescendant":`dropdown-option-${y}`,"aria-labelledby":"custom-dropdown-label",style:{display:g?"block":"none"},children:r.map(((r,o)=>l("div",Object.assign({id:`dropdown-option-${o}`},n.props(x.dropdownItem,o===y&&x.highlightedItem),{role:"option","aria-selected":S===r,onClick:()=>(l=>{p(l),null==h||h.onChange(l),c(!1)})(r),onMouseEnter:()=>v(o),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:"x1w184yy",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,paddingTop:"x12t3zde",paddingEnd:"x6ofvy",paddingBottom:"x2yie3v",paddingStart:"xkhd6sd",color:"x1awj2ng",display:"x78zum5",justifyContent:"x1qughib",alignItems:"x6s0dn4",$$css:!0},dropdownList:{position:"x10l6tqk",width:"xh8yej3",padding:"x1717udv",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight: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:"x1w184yy",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",paddingTop:"x12t3zde",paddingEnd:"x6ofvy",paddingBottom:"x2yie3v",paddingStart:"xvb9tfm",cursor:"x1ypdohk",boxSizing:"x9f619",color:"x1mqxbix",$$css:!0},highlightedItem:{backgroundColor:"x1si8nl4",paddingTop:"x12t3zde",paddingEnd:"xdi7ew0",paddingBottom:"x2yie3v",paddingStart:"xvb9tfm",$$css:!0},whiteColor:{color:"x1awj2ng",$$css:!0},whiteBorder:{border:"xm6uh0w",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,$$css:!0},darkColor:{color:"x1mqxbix",$$css:!0},darkBorder:{border:"x1w184yy",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,$$css:!0},smallSelect:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumSelect:{fontSize:"x579bpy",padding:"x3vcqe7",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},largeSelect:{fontSize:"x13wtedm",padding:"xis3749",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight: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}},y=({id:r,labelId:e,value:d,onShowCalendar:t,color:i="dark",size:b="small"})=>{const a=v[`${i}Color`],h=v[`${b}Icon`],s=v[`${b}Label`];return o("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3"},{children:[l("label",Object.assign({htmlFor:r,id:e},n.props(v.label,a,s),{children:"Date"})),o("div",Object.assign({},{className:"x1n2onr6"},{children:[l(c,Object.assign({id:r,type:"text","aria-labelledby":e,color:i,size:b,name:"date",readOnly:!0,onClickHandler:t,value:d},{className:"x7gbtqy x150ed17 x12oqio5 x1ypdohk xh8yej3"})),l(u,Object.assign({},n.props(v.icon,a,h)))]}))]}))},v={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",$$css:!0},inputWrapper:{position:"x1n2onr6",$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"x5btmg7",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",$$css:!0},label:{position:"x10l6tqk",display:"x1lliihq",$$css:!0},inputField:{padding:"x7gbtqy",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight: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},whiteColor:{color:"x1awj2ng",$$css:!0},darkColor:{color:"xzm9aa1",$$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},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}},m=({selectedDate:e,onDateSelect:i,onMonthChange:u,show:s,onClose:g,color:c,size:S})=>{const p=d(null);t((()=>{const l=l=>{p.current&&!p.current.contains(l.target)&&g()};return s?document.addEventListener("mousedown",l):document.removeEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}}),[s,g]);const x=l=>{const r=new Date(e.getFullYear(),e.getMonth(),l);i(r)},y=C[`${S}Typography`],v=C[`${S}CallenderDay`],m=C[`${c}CallenderDay`],I=C[`${c}Background`],_=C[`${c}Typography`],f=C[`${c}FadeDay`],W=C[`${c}Icon`];return l(r,{children:s&&o("div",Object.assign({ref:p,role:"dialog","aria-modal":"true","aria-labelledby":"date-picker-label"},n.props(C.calendarContainer,I),{children:[o("div",Object.assign({},{className:"x78zum5 x1qughib x6s0dn4 xvzj5t3"},{children:[l(h,{size:"xs",icon:l(b,Object.assign({},n.props(C.iconBase,W))),variant:"nothing",color:"secondary",type:"button","aria-label":"Previous Month",onClickHandler:()=>u(-1)}),o("span",Object.assign({},n.props(_,y),{children:[e.toLocaleString("default",{month:"long"})," ",e.getFullYear()]})),l(h,{size:"xs",icon:l(a,Object.assign({},n.props(C.iconBase,W))),variant:"nothing",color:"secondary",type:"button","aria-label":"Next Month",onClickHandler:()=>u(1)})]})),l("div",Object.assign({},{className:"x78zum5 x1l1ennw xyi6m4r xh8yej3"},{children:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"].map(((r,o)=>l("span",Object.assign({},n.props(_,y),{children:r}),o)))})),l("div",Object.assign({},n.props(C.calendarDays,_,y),{children:(()=>{const r=e.getFullYear(),o=e.getMonth();let d=new Date(r,o,1).getDay();d=0===d?7:d;const t=new Date(r,o+1,0).getDate(),i=new Date(r,o,0).getDate(),u=d-1,b=[];for(let r=0;r<u;r++){const o=i-u+r+1;b.push(l("div",Object.assign({},n.props(C.calendarDayBase,v,m,C.fadedDayBase,f),{children:o}),`prev-${o}`))}for(let r=1;r<=t;r++){const d=r===e.getDate()&&o===e.getMonth();b.push(l("div",Object.assign({},n.props(C.calendarDayBase,v,m,d&&C.daySelected),{onClick:()=>!d&&x(r),children:r}),`current-${r}`))}const a=u+t,h=a%7==0?0:7-a%7;for(let r=1;r<=h;r++)b.push(l("div",Object.assign({},n.props(C.calendarDayBase,v,m,C.fadedDayBase),{children:r}),`next-${r}`));return b})()}))]}))})},C={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",borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,$$css:!0},fadedDayBase:{pointerEvents:"x47corl",$$css:!0},iconBase:{fontSize:"x579bpy",$$css:!0},calendarContainer:{position:"x10l6tqk",boxShadow:"xijnpox",padding:"x1uz70x1",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,borderRadius:"x12oqio5",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,top:"xdsb8wn",left:"x1nrll8i",insetInlineStart:null,insetInlineEnd:null,transform:"xuuh30",width:"x16goh5g",zIndex:"xfo81ep",marginTop:"x1mjqqkp",overflow:"xb3r6kr",overflowX:null,overflowY:null,$$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,$$css:!0},calendarHeader:{display:"x78zum5",justifyContent:"x1l1ennw",marginBottom:"xyi6m4r",width:"xh8yej3",$$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},whiteBackground:{background:"xy2abrt",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},darkBackground:{background:"x1r7xphn",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},smallTypography:{fontSize:"xvewgow",$$css:!0},mediumTypography:{fontSize:"xml2kzp",$$css:!0},largeTypography:{fontSize:"x1uv3qv7",$$css:!0},whiteTypography:{color:"xzm9aa1",$$css:!0},darkTypography:{color:"x1awj2ng",$$css:!0},whiteFadeDay:{color:"xvtqozj",$$css:!0},darkFadeDay:{color:"xfclkh3",$$css:!0},whiteIcon:{color:"x1awj2ng",$$css:!0},darkIcon:{color:"x1mqxbix",$$css:!0},smallCallenderDay:{padding:"x3vcqe7",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumCallenderDay:{padding:"x17uvqmg",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},largeCallenderDay:{padding:"xqo3fwf",paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingTop:null,paddingBottom:null,$$css:!0},whiteCallenderDay:{":hover_backgroundColor":"xokg3y8",":hover_color":"x1kgw7fo",$$css:!0},darkCallenderDay:{":hover_backgroundColor":"xokg3y8",":hover_color":"x1kgw7fo",$$css:!0}},I=({color:r,size:n})=>{const[d,t]=e(new Date),[i,u]=e(!1),b=`${d.getDate()}/${d.getMonth()+1}/${d.getFullYear()}`;return o("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[l(y,{id:"date-picker",labelId:"date-picker-label",value:b,onShowCalendar:()=>u(!i),color:r,size:n}),l(m,{selectedDate:d,onDateSelect:l=>{const r=l.getDate(),o=new Date(d.getFullYear(),d.getMonth(),r);t(o),u(!1)},onMonthChange:l=>{t(new Date(d.getFullYear(),d.getMonth()+l,1))},show:i,onClose:()=>u(!1),color:r,size:n})]}))};export{g as BlocSection,h as Button,I as DatePicker,c as FormInput,p as Select};

package.json

 {
   "name": "ioloco-ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Stylex UI components for React",
@@ -72,3 +72,4 @@ "author": {
     "@stylexjs/stylex": "^0.3.0",
-    "minireset.css": "^0.0.7"
+    "minireset.css": "^0.0.7",
+    "react-icons": "^4.12.0"
   },
@@ -80,5 +81,7 @@ "peerDependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.12.0",
+    "react-hook-form": "^7.49.0"
   },
   "sideEffects": false
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

49938

increased by44.22%

Number of package files

13

increased by44.44%

Lines of code

428

increased by47.08%

Worsened metrics

Dependency count

12

increased by33.33%

Dependency changes

• + Addedreact-icons@^4.12.0

• + Addedreact-hook-form@7.54.1(transitive)

• + Addedreact-icons@4.12.0(transitive)