freemium-ui 2.0.92 → 2.0.94

package/lib/index.cjs.js

@@ -883,9 +883,8 @@ window[zr]+=1);const Mr=Cr`
   }
 `,to=e.forwardRef(((t,n)=>e.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,ref:n
-},e.createElement("rect",{width:"16",height:"16",fill:"white",
-"fill-opacity":"0.01"}),e.createElement("path",{fill:t.fill,
-"fill-rule":"evenodd","clip-rule":"evenodd",
+},e.createElement("rect",{width:"16",height:"16",fill:"white",fillOpacity:"0.01"
+}),e.createElement("path",{fill:t.fill,fillRule:"evenodd",clipRule:"evenodd",
 d:"M1 8C1 11.86 4.14 15 8 15H8.01C11.87 15 15.01 11.86 15.01 8C15.01 7.69 14.98 7.38 14.93 7C14.88 6.67 14.57 6.45 14.25 6.49C13.92 6.54 13.69 6.84 13.74 7.17C13.79 7.49 13.81 7.75 13.81 8C13.81 11.2 11.21 13.8 8.01 13.8C4.81 13.8 2.21 11.2 2.21 8C2.21 4.8 4.81 2.2 8.01 2.2C8.73 2.2 9.46 2.35 10.17 2.64C10.47 2.77 10.83 2.62 10.95 2.31C11.07 2.01 10.93 1.66 10.62 1.53C9.76 1.18 8.88 1 8 1C4.14 1 1 4.14 1 8ZM6.65003 10.35C6.76003 10.47 6.91003 10.53 7.07003 10.53L7.08003 10.54C7.23003 10.54 7.39003 10.47 7.50003 10.36L13.43 4.42997C13.66 4.18997 13.66 3.80997 13.43 3.57997C13.19 3.34997 12.81 3.34997 12.58 3.57997L7.08003 9.07997L5.49003 7.48997C5.25003 7.25997 4.88003 7.25997 4.64003 7.48997C4.41003 7.72997 4.41003 8.10997 4.64003 8.33997L6.65003 10.35Z"
 })))),no=e.forwardRef(((t,n)=>e.createElement("svg",{width:"8",height:"6",
 viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,ref:n
@@ -897,8 +896,8 @@ height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",
 d:"M5.29058 3.96971L7.72863 1.59934C8.09046 1.23484 8.09046 0.646977 7.72863 0.28247C7.55697 0.102105 7.31879 0 7.0697 0C6.8206 0 6.58242 0.102105 6.41076 0.28247L3.97271 2.65284L1.60055 0.295638C1.42889 0.115274 1.19071 0.0131687 0.941616 0.0131687C0.692525 0.0131687 0.454339 0.115274 0.282683 0.295638C0.102182 0.467165 0 0.705171 0 0.954075C0 1.20298 0.102182 1.44098 0.282683 1.61251L2.65484 3.96971L0.295861 6.4191C0.115361 6.59062 0.0131787 6.82863 0.0131787 7.07753C0.0131787 7.32644 0.115361 7.56444 0.295861 7.73597C0.468326 7.90482 0.700166 7.99938 0.941616 7.99934C1.18657 7.99736 1.4218 7.90334 1.60055 7.73597L3.97271 5.28659L6.42394 7.7228C6.59641 7.89165 6.82825 7.98621 7.0697 7.98618C7.31465 7.98419 7.54988 7.89017 7.72863 7.7228C8.09046 7.35829 8.09046 6.77044 7.72863 6.40593L5.29058 3.96971Z",
 fill:t.fill})))),oo=e.forwardRef(((t,n)=>e.createElement("svg",{width:"18",
 height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",
-...t,ref:n},e.createElement("path",{fill:t.fill,"fill-rule":"evenodd",
-"clip-rule":"evenodd",
+...t,ref:n},e.createElement("path",{fill:t.fill,fillRule:"evenodd",
+clipRule:"evenodd",
 d:"M2 10C2 5.58172 5.58172 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM3.4 10C3.4 13.6451 6.35492 16.6 10 16.6C13.6428 16.5945 16.5945 13.6428 16.6 10C16.6 6.35492 13.6451 3.4 10 3.4C6.35492 3.4 3.4 6.35492 3.4 10ZM9.34998 10.31V6.7C9.34998 6.44991 9.48339 6.21883 9.69998 6.09378C9.91656 5.96874 10.1834 5.96874 10.4 6.09378C10.6166 6.21883 10.75 6.44991 10.75 6.7V10.31C10.75 10.6966 10.4366 11.01 10.05 11.01C9.66338 11.01 9.34998 10.6966 9.34998 10.31ZM9 13.1099C9 12.53 9.4701 12.0599 10.05 12.0599C10.3327 12.0454 10.6083 12.1513 10.8084 12.3515C11.0086 12.5516 11.1145 12.8272 11.1 13.1099C11.1 13.6898 10.6299 14.1599 10.05 14.1599C9.4701 14.1599 9 13.6898 9 13.1099Z"
 })))),ao=e.forwardRef(((t,n)=>e.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,ref:n
@@ -918,9 +917,8 @@ id:"clip0_3716_21092"},e.createElement("rect",{width:"11",height:"11",
 fill:"white",transform:"translate(0.5 0.5)"
 })))))),io=e.forwardRef(((t,n)=>e.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,ref:n
-},e.createElement("rect",{width:"16",height:"16",fill:"white",
-"fill-opacity":"0.01"}),e.createElement("path",{fill:t.fill,
-"fill-rule":"evenodd","clip-rule":"evenodd",
+},e.createElement("rect",{width:"16",height:"16",fill:"white",fillOpacity:"0.01"
+}),e.createElement("path",{fill:t.fill,fillRule:"evenodd",clipRule:"evenodd",
 d:"M8 1C4.14 1 1 4.14 1 8C1 11.86 4.14 15 8 15C11.86 15 15 11.86 15 8C15 4.14 11.86 1 8 1ZM8 13.8C4.8 13.8 2.2 11.2 2.2 8C2.2 4.8 4.8 2.2 8 2.2C11.2 2.2 13.8 4.8 13.8 8C13.8 11.2 11.2 13.8 8 13.8ZM8.00003 6.24004C8.50003 6.24004 8.91003 5.83004 8.91003 5.33004C8.91003 4.83004 8.50003 4.42004 8.00003 4.42004C7.50003 4.42004 7.09003 4.83004 7.09003 5.33004C7.09003 5.83004 7.50003 6.24004 8.00003 6.24004ZM8.00003 5.04004C8.16003 5.04004 8.29003 5.17004 8.29003 5.33004C8.29003 5.49004 8.16003 5.62004 8.00003 5.62004C7.84003 5.62004 7.71003 5.49004 7.71003 5.33004C7.71003 5.17004 7.84003 5.04004 8.00003 5.04004ZM8.60002 10.37H8.86002C9.19002 10.37 9.46002 10.64 9.46002 10.97C9.46002 11.3 9.19002 11.57 8.86002 11.57H7.12002C6.79002 11.57 6.52002 11.3 6.52002 10.97C6.52002 10.64 6.79002 10.37 7.12002 10.37H7.39002V8.24996C7.15002 8.16996 6.96002 7.94996 6.96002 7.67996C6.96002 7.34996 7.23002 7.07996 7.56002 7.07996H8.43002C8.76002 7.07996 9.03002 7.34996 9.03002 7.67996C9.03002 7.95996 8.85002 8.17996 8.60002 8.24996V10.37Z"
 })))),lo=e.forwardRef(((t,n)=>e.createElement("svg",{width:"24",height:"7",
 viewBox:"0 0 24 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,ref:n
@@ -4739,13 +4737,13 @@ const e=i.reduce(((e,t)=>{const n=t.group??"default"
 ;return Object.keys(e).sort(((e,t)=>"default"!==e?1:-1)).map((t=>({key:t,
 items:e[t]})))}),[i]),[A,L]=e.useState(b)
 ;return e.createElement(qp,null,o&&e.createElement(e.Fragment,null,e.createElement(Do,{
-className:"input-label","aria-label":o,htmlFor:a
+className:"input-label","aria-label":"string"==typeof o?o:"",htmlFor:a
 },o,o&&d&&e.createElement(Lo,null,"*"))),e.createElement(Xp,{open:S,
 defaultOpen:x,name:p,required:d,disabled:u,value:b?.[r]??void 0,
 onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));L(t),l?.(t??null)}
 },e.createElement(sm,{className:`SelectTrigger ${g??""}`.trim(),
-"aria-label":o??"dropdown",disabled:u,id:a,$isErrored:!!w,"aria-invalid":!!w,
-width:v,style:y},c||null!==b?A&&H?H(A):e.createElement(Qp,{
+"aria-label":"string"==typeof o?o:"dropdown",disabled:u,id:a,$isErrored:!!w,
+"aria-invalid":!!w,width:v,style:y},c||null!==b?A&&H?H(A):e.createElement(Qp,{
 className:`SelectValue ${g??""}`.trim(),placeholder:c
 }):e.createElement(Zp,null),e.createElement(cm,{
 className:`SelectIcon ${g??""}`.trim()},e.createElement(no,{
@@ -12771,7 +12769,7 @@ TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"
                 align-items: center;
                 display: flex;
                 flex-direction: column;
-                width: 280px;
+                min-width: 280px;
                 .rdp {
                   width: 100%;
                   padding: 16px;
@@ -12826,6 +12824,7 @@ TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"
                 }
                 .bp5-datepicker-timepicker-wrapper {
                   padding: 0 16px 16px 16px;
+                  max-width: 100%;
                 }
                 .bp5-timepicker {
                   display: flex;
@@ -13057,11 +13056,18 @@ defaultSelectedItem:n.find((e=>e.id===t.value))??null,style:t.style,
 className:`${t.className??""} bp-custom-dropdown bp-custom-dropdown-${t.name??""}`.trim(),
 onChange:e=>{t?.onChange?.({target:{value:e?.id}})}})}
 return e.createElement(ub,{itemToString:()=>"",type:"button"})},JN=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:f="YYYY-MM-DD",portalContainer:p,value:m,useTime:v,dateToHilight:g,...y}=t,b=document.querySelector('div[role="dialog"].DialogContent'),w=cr(),C=e.useRef(m??null),[z,M]=e.useState(m??null),[x,E]=e.useState()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:f="YYYY-MM-DD",portalContainer:p,value:m=null,useTime:v,dateToHilight:g,...y}=t,b=document.querySelector('div[role="dialog"].DialogContent'),w=cr(),C=e.useRef(m??null),[z,M]=e.useState(),[x,E]=e.useState(m??null),S=e.useMemo((()=>{
+if(!v)return"YYYY-MM-DD";switch(y.timePrecision){case"minute":
+return"YYYY-MM-DDTHH:mm";case"second":return"YYYY-MM-DDTHH:mm:ss"
+;case"millisecond":return"YYYY-MM-DDTHH:mm:ss.SSS"}return"YYYY-MM-DDTHH:mm"
+}),[y.timePrecision,v]),_=e.useCallback((e=>{E(e?jN(e).format(S):null)
+}),[S]),H=e.useCallback((e=>e?jN(e).format(f):""),[f]),D=e.useCallback((e=>e?jN(e).toDate():new Date),[])
 ;return e.useEffect((()=>(window.addEventListener("popstate",(()=>{
-Mc("DateRangePicker",{action:"Closing",useTime:v}),E(!1),setTimeout((()=>{
-E(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
-})),[]),e.createElement(KN,{
+Mc("DateRangePicker",{action:"Closing",useTime:v}),M(!1),setTimeout((()=>{
+M(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
+})),[]),e.useEffect((()=>{const e=m?jN(m).format(S):null;Mc("useEffect",{
+valueToSet:e,localValue:x}),e!==x&&(Mc("setLocalValue",{valueToSet:e,
+localValue:x}),E(e))}),[m]),e.createElement(KN,{
 id:`${v?"datetime":"date"}-picker-container-${s??""}`.trim(),"aria-invalid":i,
 dir:w.direction},a&&e.createElement(Do,{htmlFor:t.id,className:"input-label"
 },a,a&&o&&e.createElement(Lo,null,"*")),e.createElement(qN,{$isErrored:i,
@@ -13078,17 +13084,17 @@ className:r.buttonProps.className?.replace("rdp-day_today","")}
 e.createElement("button",{ref:n,...o})}}:{},Dropdown:t=>e.createElement(XN,{
 ...t,disabled:h})}},showActionsBar:!1,
 footerElement:u||d?e.createElement(GN,null,u&&e.createElement(Dm,{
-variant:"secondary",disabled:h,onClick:()=>{M(m??null),E(!1),setTimeout((()=>{
-E(void 0)}),0)}},u),d&&e.createElement(Dm,{disabled:(m??null)===z,onClick:()=>{
-y.onChange?.(z,!0),C.current=z,E(!1),setTimeout((()=>{E(void 0)}),0)}
+variant:"secondary",disabled:h,onClick:()=>{
+E(m?jN(m).format(S):null),M(!1),setTimeout((()=>{M(void 0)}),0)}
+},u),d&&e.createElement(Dm,{disabled:m===x,onClick:()=>{
+y.onChange?.(x,!0),C.current=x,M(!1),setTimeout((()=>{M(void 0)}),0)}
 },d)):void 0,popoverProps:{hasBackdrop:!0,canEscapeKeyClose:!0,minimal:!1,
 placement:"ltr"===w.direction?"bottom-start":"bottom-end",usePortal:!0,
-onClosed:()=>{C.current!==z&&(y.onChange?.(z,!0),C.current=z)},
-portalContainer:p??(b||void 0),...void 0!==x?{isOpen:x}:{}},
-parseDate:e=>e?jN(e).toDate():new Date,formatDate:e=>e?jN(e).format(f):"",...v?{
-timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
-showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...y,onChange:e=>{M(e)},
-value:z??""})),i&&c&&e.createElement(dm,null,c))},QN=t=>{
+onClosed:()=>{C.current!==x&&(y.onChange?.(x,!0),C.current=x)},
+portalContainer:p??(b||void 0),...void 0!==z?{isOpen:z}:{}},parseDate:D,
+formatDate:H,...v?{timePrecision:"minute",timePickerProps:{useAmPm:!0,
+showArrowButtons:!1},showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...y,
+onChange:_,value:x})),i&&c&&e.createElement(dm,null,c))},QN=t=>{
 const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",language:h,displayFormat:f="YYYY-MM-DD",portalContainer:p,value:m,useTime:v,dateToHilight:g,...y}=t,b=document.querySelector('div[role="dialog"].DialogContent'),w=cr(),C=e.useRef(m??[null,null]),[z,M]=e.useState(m??[null,null]),[x,E]=e.useState()
 ;return e.useEffect((()=>(window.addEventListener("popstate",(()=>{
 Mc("DateRangePicker",{action:"Closing",useTime:v}),E(!1),setTimeout((()=>{
@@ -16019,8 +16025,8 @@ fill:t.fill}))))`
   }
 `,QU=e.forwardRef(((t,n)=>e.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"
-},e.createElement("rect",{width:"16",height:"16",fill:"white",
-"fill-opacity":"0.01"}),e.createElement("path",{
+},e.createElement("rect",{width:"16",height:"16",fill:"white",fillOpacity:"0.01"
+}),e.createElement("path",{
 d:"M7.99999 10.62C7.84999 10.62 7.68999 10.56 7.57999 10.44L3.53999 6.41001C3.30999 6.18001 3.30999 5.80001 3.53999 5.56001C3.76999 5.33001 4.14999 5.33001 4.38999 5.56001L7.99999 9.17001L11.61 5.56001C11.84 5.33001 12.23 5.33001 12.46 5.56001C12.69 5.79001 12.69 6.17001 12.46 6.41001L8.41999 10.44C8.29999 10.56 8.14999 10.62 7.99999 10.62Z",
 fill:"currentcolor"})))),eY=e.forwardRef(((t,n)=>e.createElement("svg",{
 width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",
@@ -16340,7 +16346,7 @@ const QY=PY,eW=NY,tW=UY,nW=YY,rW=yr(VY)``;yr.div`
   animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
   will-change: transform, opacity;
   position: absolute;
-  order: ${({toastIndex:e})=>e+1};
+  order: ${({$toastIndex:e})=>e+1};
   background: ${({theme:e})=>e.colors.fill.surface};
   border: 1px solid ${({theme:e})=>e.colors.border.light};
   border-radius: 4px;
@@ -16398,10 +16404,10 @@ const QY=PY,eW=NY,tW=UY,nW=YY,rW=yr(VY)``;yr.div`
   gap: 8px;
 `,sW=yr.div`
   height: 4px;
-  background-color: ${({theme:e,toastType:t="success"})=>e.colors.text.semantic[t]};
+  background-color: ${({theme:e,$toastType:t="success"})=>e.colors.text.semantic[t]};
   border-radius: 4px 4px 0 0;
 
-  ${({delay:e,windowState:t})=>"none"===e?"width: 100%;":mr`
+  ${({$delay:e,$windowState:t})=>"none"===e?"width: 100%;":mr`
           width: 0%;
           animation: ${Or} ${e}ms linear
             ${"focus"===t?"running":"paused"};
@@ -16437,12 +16443,11 @@ fill:s.colors.text.semantic.warning}),error:e.createElement(dW,{
 fill:s.colors.text.semantic.error}),info:e.createElement(io,{
 fill:s.colors.text.semantic.info})}
 ;return e.createElement(e.Fragment,null,e.createElement(oW,{role:"alert",
-"aria-live":"polite",ref:p,toastType:c,dir:s.direction,style:o||!i?{
-borderTop:"none"}:void 0,toastIndex:t,
-className:`ToastRoot Toast-${r??""}`.trim(),duration:o?1/0:l,
-onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onOpenChange:e=>{
+"aria-live":"polite",ref:p,dir:s.direction,style:o||!i?{borderTop:"none"
+}:void 0,$toastIndex:t,className:`ToastRoot Toast-${r??""}`.trim(),
+duration:o?1/0:l,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onOpenChange:e=>{
 e||u((e=>e.filter((e=>e.id!==r))))}},e.createElement(sW,{
-className:"ToastProgress",windowState:d,toastType:c,delay:!o&&i?l:"none"
+className:"ToastProgress",$windowState:d,$toastType:c,$delay:!o&&i?l:"none"
 }),e.createElement(cW,null,n??g[c],e.createElement(aW,{className:"ToastTitle"
 },a),e.createElement(iW,{className:"ToastAction",asChild:!0,altText:"Close",
 "aria-label":"Close"},e.createElement(No,null,e.createElement(ro,{

package/lib/index.d.ts

@@ -253,7 +253,7 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
     /**
      *
      */
-    label?: string;
+    label?: string | React.ReactNode;
     /**
      *
      */
@@ -692,7 +692,7 @@ interface CommonProps {
     /**
      * Id of the button
      */
-    label?: string;
+    label?: string | react__default.ReactNode;
     /**
      * Label of the button
      */
@@ -705,20 +705,20 @@ interface CommonProps {
      * Whether to show character count
      */
     showCount?: boolean;
-    inputStyle?: React.CSSProperties;
-    startLabel?: React.ReactNode | any;
-    startAdornment?: React.ReactNode | any;
-    endLabel?: React.ReactNode | any;
-    endAdornment?: React.ReactNode | any;
+    inputStyle?: react__default.CSSProperties;
+    startLabel?: react__default.ReactNode | any;
+    startAdornment?: react__default.ReactNode | any;
+    endLabel?: react__default.ReactNode | any;
+    endAdornment?: react__default.ReactNode | any;
     labelProps?: LabelProps;
-    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    containerProps?: react__default.HTMLAttributes<HTMLDivElement>;
     forceInputDir?: 'ltr' | 'rtl';
 }
-interface InputProps extends CommonProps, React.InputHTMLAttributes<HTMLInputElement> {
-    ref?: React.Ref<HTMLInputElement>;
+interface InputProps extends CommonProps, react__default.InputHTMLAttributes<HTMLInputElement> {
+    ref?: react__default.Ref<HTMLInputElement>;
 }
-interface TextAreaProps extends CommonProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    ref?: React.Ref<HTMLTextAreaElement>;
+interface TextAreaProps extends CommonProps, react__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    ref?: react__default.Ref<HTMLTextAreaElement>;
     showLineNumbers?: boolean;
 }
 

package/lib/index.js

@@ -870,9 +870,8 @@ window[Br]+=1);const jr=$r`
   }
 `,zo=t.forwardRef(((e,n)=>t.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:n
-},t.createElement("rect",{width:"16",height:"16",fill:"white",
-"fill-opacity":"0.01"}),t.createElement("path",{fill:e.fill,
-"fill-rule":"evenodd","clip-rule":"evenodd",
+},t.createElement("rect",{width:"16",height:"16",fill:"white",fillOpacity:"0.01"
+}),t.createElement("path",{fill:e.fill,fillRule:"evenodd",clipRule:"evenodd",
 d:"M1 8C1 11.86 4.14 15 8 15H8.01C11.87 15 15.01 11.86 15.01 8C15.01 7.69 14.98 7.38 14.93 7C14.88 6.67 14.57 6.45 14.25 6.49C13.92 6.54 13.69 6.84 13.74 7.17C13.79 7.49 13.81 7.75 13.81 8C13.81 11.2 11.21 13.8 8.01 13.8C4.81 13.8 2.21 11.2 2.21 8C2.21 4.8 4.81 2.2 8.01 2.2C8.73 2.2 9.46 2.35 10.17 2.64C10.47 2.77 10.83 2.62 10.95 2.31C11.07 2.01 10.93 1.66 10.62 1.53C9.76 1.18 8.88 1 8 1C4.14 1 1 4.14 1 8ZM6.65003 10.35C6.76003 10.47 6.91003 10.53 7.07003 10.53L7.08003 10.54C7.23003 10.54 7.39003 10.47 7.50003 10.36L13.43 4.42997C13.66 4.18997 13.66 3.80997 13.43 3.57997C13.19 3.34997 12.81 3.34997 12.58 3.57997L7.08003 9.07997L5.49003 7.48997C5.25003 7.25997 4.88003 7.25997 4.64003 7.48997C4.41003 7.72997 4.41003 8.10997 4.64003 8.33997L6.65003 10.35Z"
 })))),Mo=t.forwardRef(((e,n)=>t.createElement("svg",{width:"8",height:"6",
 viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:n
@@ -884,8 +883,8 @@ height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",
 d:"M5.29058 3.96971L7.72863 1.59934C8.09046 1.23484 8.09046 0.646977 7.72863 0.28247C7.55697 0.102105 7.31879 0 7.0697 0C6.8206 0 6.58242 0.102105 6.41076 0.28247L3.97271 2.65284L1.60055 0.295638C1.42889 0.115274 1.19071 0.0131687 0.941616 0.0131687C0.692525 0.0131687 0.454339 0.115274 0.282683 0.295638C0.102182 0.467165 0 0.705171 0 0.954075C0 1.20298 0.102182 1.44098 0.282683 1.61251L2.65484 3.96971L0.295861 6.4191C0.115361 6.59062 0.0131787 6.82863 0.0131787 7.07753C0.0131787 7.32644 0.115361 7.56444 0.295861 7.73597C0.468326 7.90482 0.700166 7.99938 0.941616 7.99934C1.18657 7.99736 1.4218 7.90334 1.60055 7.73597L3.97271 5.28659L6.42394 7.7228C6.59641 7.89165 6.82825 7.98621 7.0697 7.98618C7.31465 7.98419 7.54988 7.89017 7.72863 7.7228C8.09046 7.35829 8.09046 6.77044 7.72863 6.40593L5.29058 3.96971Z",
 fill:e.fill})))),Eo=t.forwardRef(((e,n)=>t.createElement("svg",{width:"18",
 height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",
-...e,ref:n},t.createElement("path",{fill:e.fill,"fill-rule":"evenodd",
-"clip-rule":"evenodd",
+...e,ref:n},t.createElement("path",{fill:e.fill,fillRule:"evenodd",
+clipRule:"evenodd",
 d:"M2 10C2 5.58172 5.58172 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM3.4 10C3.4 13.6451 6.35492 16.6 10 16.6C13.6428 16.5945 16.5945 13.6428 16.6 10C16.6 6.35492 13.6451 3.4 10 3.4C6.35492 3.4 3.4 6.35492 3.4 10ZM9.34998 10.31V6.7C9.34998 6.44991 9.48339 6.21883 9.69998 6.09378C9.91656 5.96874 10.1834 5.96874 10.4 6.09378C10.6166 6.21883 10.75 6.44991 10.75 6.7V10.31C10.75 10.6966 10.4366 11.01 10.05 11.01C9.66338 11.01 9.34998 10.6966 9.34998 10.31ZM9 13.1099C9 12.53 9.4701 12.0599 10.05 12.0599C10.3327 12.0454 10.6083 12.1513 10.8084 12.3515C11.0086 12.5516 11.1145 12.8272 11.1 13.1099C11.1 13.6898 10.6299 14.1599 10.05 14.1599C9.4701 14.1599 9 13.6898 9 13.1099Z"
 })))),So=t.forwardRef(((e,n)=>t.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:n
@@ -905,9 +904,8 @@ id:"clip0_3716_21092"},t.createElement("rect",{width:"11",height:"11",
 fill:"white",transform:"translate(0.5 0.5)"
 })))))),_o=t.forwardRef(((e,n)=>t.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:n
-},t.createElement("rect",{width:"16",height:"16",fill:"white",
-"fill-opacity":"0.01"}),t.createElement("path",{fill:e.fill,
-"fill-rule":"evenodd","clip-rule":"evenodd",
+},t.createElement("rect",{width:"16",height:"16",fill:"white",fillOpacity:"0.01"
+}),t.createElement("path",{fill:e.fill,fillRule:"evenodd",clipRule:"evenodd",
 d:"M8 1C4.14 1 1 4.14 1 8C1 11.86 4.14 15 8 15C11.86 15 15 11.86 15 8C15 4.14 11.86 1 8 1ZM8 13.8C4.8 13.8 2.2 11.2 2.2 8C2.2 4.8 4.8 2.2 8 2.2C11.2 2.2 13.8 4.8 13.8 8C13.8 11.2 11.2 13.8 8 13.8ZM8.00003 6.24004C8.50003 6.24004 8.91003 5.83004 8.91003 5.33004C8.91003 4.83004 8.50003 4.42004 8.00003 4.42004C7.50003 4.42004 7.09003 4.83004 7.09003 5.33004C7.09003 5.83004 7.50003 6.24004 8.00003 6.24004ZM8.00003 5.04004C8.16003 5.04004 8.29003 5.17004 8.29003 5.33004C8.29003 5.49004 8.16003 5.62004 8.00003 5.62004C7.84003 5.62004 7.71003 5.49004 7.71003 5.33004C7.71003 5.17004 7.84003 5.04004 8.00003 5.04004ZM8.60002 10.37H8.86002C9.19002 10.37 9.46002 10.64 9.46002 10.97C9.46002 11.3 9.19002 11.57 8.86002 11.57H7.12002C6.79002 11.57 6.52002 11.3 6.52002 10.97C6.52002 10.64 6.79002 10.37 7.12002 10.37H7.39002V8.24996C7.15002 8.16996 6.96002 7.94996 6.96002 7.67996C6.96002 7.34996 7.23002 7.07996 7.56002 7.07996H8.43002C8.76002 7.07996 9.03002 7.34996 9.03002 7.67996C9.03002 7.95996 8.85002 8.17996 8.60002 8.24996V10.37Z"
 })))),Ho=t.forwardRef(((e,n)=>t.createElement("svg",{width:"24",height:"7",
 viewBox:"0 0 24 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:n
@@ -4763,13 +4761,13 @@ const e=i.reduce(((e,t)=>{const n=t.group??"default"
 ;return Object.keys(e).sort(((e,t)=>"default"!==e?1:-1)).map((t=>({key:t,
 items:e[t]})))}),[i]),[A,L]=t.useState(b)
 ;return t.createElement(gm,null,o&&t.createElement(t.Fragment,null,t.createElement(Zo,{
-className:"input-label","aria-label":o,htmlFor:a
+className:"input-label","aria-label":"string"==typeof o?o:"",htmlFor:a
 },o,o&&d&&t.createElement(Jo,null,"*"))),t.createElement(bm,{open:S,
 defaultOpen:x,name:f,required:d,disabled:u,value:b?.[r]??void 0,
 onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));L(t),l?.(t??null)}
 },t.createElement(Lm,{className:`SelectTrigger ${g??""}`.trim(),
-"aria-label":o??"dropdown",disabled:u,id:a,$isErrored:!!w,"aria-invalid":!!w,
-width:v,style:y},c||null!==b?A&&H?H(A):t.createElement(Cm,{
+"aria-label":"string"==typeof o?o:"dropdown",disabled:u,id:a,$isErrored:!!w,
+"aria-invalid":!!w,width:v,style:y},c||null!==b?A&&H?H(A):t.createElement(Cm,{
 className:`SelectValue ${g??""}`.trim(),placeholder:c
 }):t.createElement(ym,null),t.createElement(Am,{
 className:`SelectIcon ${g??""}`.trim()},t.createElement(Mo,{
@@ -12845,7 +12843,7 @@ TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"
                 align-items: center;
                 display: flex;
                 flex-direction: column;
-                width: 280px;
+                min-width: 280px;
                 .rdp {
                   width: 100%;
                   padding: 16px;
@@ -12900,6 +12898,7 @@ TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"
                 }
                 .bp5-datepicker-timepicker-wrapper {
                   padding: 0 16px 16px 16px;
+                  max-width: 100%;
                 }
                 .bp5-timepicker {
                   display: flex;
@@ -13131,11 +13130,18 @@ defaultSelectedItem:n.find((t=>t.id===e.value))??null,style:e.style,
 className:`${e.className??""} bp-custom-dropdown bp-custom-dropdown-${e.name??""}`.trim(),
 onChange:t=>{e?.onChange?.({target:{value:t?.id}})}})}
 return t.createElement(Rb,{itemToString:()=>"",type:"button"})},_F=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,value:m,useTime:v,dateToHilight:g,...y}=e,b=document.querySelector('div[role="dialog"].DialogContent'),w=Hr(),C=t.useRef(m??null),[z,M]=t.useState(m??null),[x,E]=t.useState()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,value:m=null,useTime:v,dateToHilight:g,...y}=e,b=document.querySelector('div[role="dialog"].DialogContent'),w=Hr(),C=t.useRef(m??null),[z,M]=t.useState(),[x,E]=t.useState(m??null),S=t.useMemo((()=>{
+if(!v)return"YYYY-MM-DD";switch(y.timePrecision){case"minute":
+return"YYYY-MM-DDTHH:mm";case"second":return"YYYY-MM-DDTHH:mm:ss"
+;case"millisecond":return"YYYY-MM-DDTHH:mm:ss.SSS"}return"YYYY-MM-DDTHH:mm"
+}),[y.timePrecision,v]),_=t.useCallback((e=>{E(e?yF(e).format(S):null)
+}),[S]),H=t.useCallback((e=>e?yF(e).format(p):""),[p]),D=t.useCallback((e=>e?yF(e).toDate():new Date),[])
 ;return t.useEffect((()=>(window.addEventListener("popstate",(()=>{
-Yc("DateRangePicker",{action:"Closing",useTime:v}),E(!1),setTimeout((()=>{
-E(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
-})),[]),t.createElement(MF,{
+Yc("DateRangePicker",{action:"Closing",useTime:v}),M(!1),setTimeout((()=>{
+M(void 0)}),0)})),()=>{document.body.removeEventListener("popstate",(()=>{}))
+})),[]),t.useEffect((()=>{const e=m?yF(m).format(S):null;Yc("useEffect",{
+valueToSet:e,localValue:x}),e!==x&&(Yc("setLocalValue",{valueToSet:e,
+localValue:x}),E(e))}),[m]),t.createElement(MF,{
 id:`${v?"datetime":"date"}-picker-container-${s??""}`.trim(),"aria-invalid":i,
 dir:w.direction},a&&t.createElement(Zo,{htmlFor:e.id,className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(xF,{$isErrored:i,
@@ -13152,17 +13158,17 @@ className:r.buttonProps.className?.replace("rdp-day_today","")}
 t.createElement("button",{ref:n,...o})}}:{},Dropdown:e=>t.createElement(SF,{
 ...e,disabled:h})}},showActionsBar:!1,
 footerElement:u||d?t.createElement(zF,null,u&&t.createElement(Jm,{
-variant:"secondary",disabled:h,onClick:()=>{M(m??null),E(!1),setTimeout((()=>{
-E(void 0)}),0)}},u),d&&t.createElement(Jm,{disabled:(m??null)===z,onClick:()=>{
-y.onChange?.(z,!0),C.current=z,E(!1),setTimeout((()=>{E(void 0)}),0)}
+variant:"secondary",disabled:h,onClick:()=>{
+E(m?yF(m).format(S):null),M(!1),setTimeout((()=>{M(void 0)}),0)}
+},u),d&&t.createElement(Jm,{disabled:m===x,onClick:()=>{
+y.onChange?.(x,!0),C.current=x,M(!1),setTimeout((()=>{M(void 0)}),0)}
 },d)):void 0,popoverProps:{hasBackdrop:!0,canEscapeKeyClose:!0,minimal:!1,
 placement:"ltr"===w.direction?"bottom-start":"bottom-end",usePortal:!0,
-onClosed:()=>{C.current!==z&&(y.onChange?.(z,!0),C.current=z)},
-portalContainer:f??(b||void 0),...void 0!==x?{isOpen:x}:{}},
-parseDate:e=>e?yF(e).toDate():new Date,formatDate:e=>e?yF(e).format(p):"",...v?{
-timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
-showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...y,onChange:e=>{M(e)},
-value:z??""})),i&&c&&t.createElement(km,null,c))},HF=e=>{
+onClosed:()=>{C.current!==x&&(y.onChange?.(x,!0),C.current=x)},
+portalContainer:f??(b||void 0),...void 0!==z?{isOpen:z}:{}},parseDate:D,
+formatDate:H,...v?{timePrecision:"minute",timePickerProps:{useAmPm:!0,
+showArrowButtons:!1},showTimezoneSelect:!1,disableTimezoneSelect:!0}:{},...y,
+onChange:_,value:x})),i&&c&&t.createElement(km,null,c))},HF=e=>{
 const{displayFormat:n="YYYY-MM-DD hh:mm A",...r}=e;return t.createElement(_F,{
 ...r,displayFormat:n,useTime:!0})},DF=e=>{
 const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,cancelButtonText:u="Cancel",updateButtonText:d="Update",language:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,value:m,useTime:v,dateToHilight:g,...y}=e,b=document.querySelector('div[role="dialog"].DialogContent'),w=Hr(),C=t.useRef(m??[null,null]),[z,M]=t.useState(m??[null,null]),[x,E]=t.useState()
@@ -16134,8 +16140,8 @@ fill:e.fill}))))`
   }
 `,VY=t.forwardRef(((e,n)=>t.createElement("svg",{width:"16",height:"16",
 viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"
-},t.createElement("rect",{width:"16",height:"16",fill:"white",
-"fill-opacity":"0.01"}),t.createElement("path",{
+},t.createElement("rect",{width:"16",height:"16",fill:"white",fillOpacity:"0.01"
+}),t.createElement("path",{
 d:"M7.99999 10.62C7.84999 10.62 7.68999 10.56 7.57999 10.44L3.53999 6.41001C3.30999 6.18001 3.30999 5.80001 3.53999 5.56001C3.76999 5.33001 4.14999 5.33001 4.38999 5.56001L7.99999 9.17001L11.61 5.56001C11.84 5.33001 12.23 5.33001 12.46 5.56001C12.69 5.79001 12.69 6.17001 12.46 6.41001L8.41999 10.44C8.29999 10.56 8.14999 10.62 7.99999 10.62Z",
 fill:"currentcolor"})))),kY=t.forwardRef(((e,n)=>t.createElement("svg",{
 width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",
@@ -16538,7 +16544,7 @@ const TW=gW,PW=wW,IW=EW,RW=SW,OW=Or(pW)``;Or.div`
   animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
   will-change: transform, opacity;
   position: absolute;
-  order: ${({toastIndex:e})=>e+1};
+  order: ${({$toastIndex:e})=>e+1};
   background: ${({theme:e})=>e.colors.fill.surface};
   border: 1px solid ${({theme:e})=>e.colors.border.light};
   border-radius: 4px;
@@ -16596,10 +16602,10 @@ const TW=gW,PW=wW,IW=EW,RW=SW,OW=Or(pW)``;Or.div`
   gap: 8px;
 `,UW=Or.div`
   height: 4px;
-  background-color: ${({theme:e,toastType:t="success"})=>e.colors.text.semantic[t]};
+  background-color: ${({theme:e,$toastType:t="success"})=>e.colors.text.semantic[t]};
   border-radius: 4px 4px 0 0;
 
-  ${({delay:e,windowState:t})=>"none"===e?"width: 100%;":Pr`
+  ${({$delay:e,$windowState:t})=>"none"===e?"width: 100%;":Pr`
           width: 0%;
           animation: ${oo} ${e}ms linear
             ${"focus"===t?"running":"paused"};
@@ -16635,12 +16641,11 @@ fill:s.colors.text.semantic.warning}),error:t.createElement(WW,{
 fill:s.colors.text.semantic.error}),info:t.createElement(_o,{
 fill:s.colors.text.semantic.info})}
 ;return t.createElement(t.Fragment,null,t.createElement(NW,{role:"alert",
-"aria-live":"polite",ref:f,toastType:c,dir:s.direction,style:o||!i?{
-borderTop:"none"}:void 0,toastIndex:e,
-className:`ToastRoot Toast-${r??""}`.trim(),duration:o?1/0:l,
-onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onOpenChange:e=>{
+"aria-live":"polite",ref:f,dir:s.direction,style:o||!i?{borderTop:"none"
+}:void 0,$toastIndex:e,className:`ToastRoot Toast-${r??""}`.trim(),
+duration:o?1/0:l,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onOpenChange:e=>{
 e||u((e=>e.filter((e=>e.id!==r))))}},t.createElement(UW,{
-className:"ToastProgress",windowState:d,toastType:c,delay:!o&&i?l:"none"
+className:"ToastProgress",$windowState:d,$toastType:c,$delay:!o&&i?l:"none"
 }),t.createElement(jW,null,n??g[c],t.createElement(FW,{className:"ToastTitle"
 },a),t.createElement($W,{className:"ToastAction",asChild:!0,altText:"Close",
 "aria-label":"Close"},t.createElement(ia,null,t.createElement(xo,{

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.92",
+  "version": "2.0.94",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.92",
+  "version": "2.0.94",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",