@cognitiv/components-web 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.d.ts +47 -43
  2. package/dist/index.js +163 -160
  3. package/package.json +3 -2
package/dist/index.d.ts CHANGED
@@ -3226,47 +3226,6 @@ interface TableProps {
3226
3226
 
3227
3227
  declare const Table: React$1.FC<TableProps>;
3228
3228
 
3229
- declare const COLORS: {
3230
- link: string;
3231
- primary: string;
3232
- primaryDark: string;
3233
- textLight: string;
3234
- textNormal: string;
3235
- textDark: string;
3236
- border: string;
3237
- backgroundLight: string;
3238
- background: string;
3239
- yellow100: string;
3240
- yellow200: string;
3241
- yellow300: string;
3242
- yellow400: string;
3243
- yellow500: string;
3244
- yellow600: string;
3245
- yellow700: string;
3246
- yellow800: string;
3247
- yellow900: string;
3248
- yellow1000: string;
3249
- red100: string;
3250
- red200: string;
3251
- red300: string;
3252
- red400: string;
3253
- red500: string;
3254
- red600: string;
3255
- red700: string;
3256
- red800: string;
3257
- red900: string;
3258
- red1000: string;
3259
- green100: string;
3260
- green200: string;
3261
- green300: string;
3262
- green400: string;
3263
- green500: string;
3264
- green600: string;
3265
- green700: string;
3266
- green800: string;
3267
- green900: string;
3268
- green1000: string;
3269
- };
3270
3229
  declare const TYPOGRAPHY: {
3271
3230
  [k: string]: string;
3272
3231
  };
@@ -3697,11 +3656,56 @@ interface TooltipProps {
3697
3656
 
3698
3657
  declare const Tooltip: ({ children, side, sideOffset, align, alignOffset, style, content, disabled, width, className }: TooltipProps) => react_jsx_runtime.JSX.Element;
3699
3658
 
3700
- declare const UIProvider: ({ children, locale }: {
3659
+ type ThemeStyle = 'light' | 'dark';
3660
+ declare const UIProvider: ({ children, locale, theme }: {
3701
3661
  children: React$1.ReactNode;
3702
3662
  locale: string;
3663
+ theme?: ThemeStyle;
3703
3664
  }) => react_jsx_runtime.JSX.Element;
3704
3665
 
3666
+ declare const COLORS: {
3667
+ link: string;
3668
+ primary: string;
3669
+ primaryDark: string;
3670
+ textLight: string;
3671
+ textNormal: string;
3672
+ textDark: string;
3673
+ border: string;
3674
+ backgroundLight: string;
3675
+ background: string;
3676
+ yellow100: string;
3677
+ yellow200: string;
3678
+ yellow300: string;
3679
+ yellow400: string;
3680
+ yellow500: string;
3681
+ yellow600: string;
3682
+ yellow700: string;
3683
+ yellow800: string;
3684
+ yellow900: string;
3685
+ yellow1000: string;
3686
+ red100: string;
3687
+ red200: string;
3688
+ red300: string;
3689
+ red400: string;
3690
+ red500: string;
3691
+ red600: string;
3692
+ red700: string;
3693
+ red800: string;
3694
+ red900: string;
3695
+ red1000: string;
3696
+ green100: string;
3697
+ green200: string;
3698
+ green300: string;
3699
+ green400: string;
3700
+ green500: string;
3701
+ green600: string;
3702
+ green700: string;
3703
+ green800: string;
3704
+ green900: string;
3705
+ green1000: string;
3706
+ white: string;
3707
+ };
3708
+
3705
3709
  interface ThemeType {
3706
3710
  colors: typeof COLORS;
3707
3711
  typography: typeof TYPOGRAPHY;
@@ -3733,4 +3737,4 @@ interface ThemeType {
3733
3737
  };
3734
3738
  }
3735
3739
 
3736
- export { Avatar, type AvatarProps, Banner, Button, ButtonVariant, Calendar, Checkbox, ClickableIcon, CurrencyInput, type CurrencyInputProps, DateInput, DatePicker, Divider, DragList, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, DropdownVariant, Filters, type FiltersProps, Flex, type FlexProps, Icon, type IconName, type IconProps, type IconStyle, Image, Input, InputContainer, type InputContainerProps, type InputProps, LoadingPlaceholder, Modal, MultiSelect, Select, Slideout, Spinner, StatusLabel, Switch, TabBar, Table, Text, TextArea, type TextProps, type ThemeType, TimeInput, Tooltip, type TooltipProps, UIProvider };
3740
+ export { Avatar, type AvatarProps, Banner, Button, ButtonVariant, Calendar, Checkbox, ClickableIcon, CurrencyInput, type CurrencyInputProps, DateInput, DatePicker, Divider, DragList, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, DropdownVariant, Filters, type FiltersProps, Flex, type FlexProps, Icon, type IconName, type IconProps, type IconStyle, Image, Input, InputContainer, type InputContainerProps, type InputProps, LoadingPlaceholder, Modal, MultiSelect, Select, Slideout, Spinner, StatusLabel, Switch, TabBar, Table, Text, TextArea, type TextProps, type ThemeStyle, type ThemeType, TimeInput, Tooltip, type TooltipProps, UIProvider };
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
- import Vo from"react";import bt from"styled-components";import*as J from"@radix-ui/react-avatar";import{jsx as xt,jsxs as Uo}from"react/jsx-runtime";var Ao=e=>{let t=e.split(" ");return(t.length>=2?t[0].charAt(0)+t[1].charAt(0):t[0].charAt(0)).toUpperCase()},Wo=e=>{switch(e){case"large":return 36;case"medium":return 32;default:return 24}},Yo=bt(J.Image)`
1
+ import Vo from"react";import ut from"styled-components";import*as J from"@radix-ui/react-avatar";import{jsx as gt,jsxs as Go}from"react/jsx-runtime";var Wo=e=>{let t=e.split(" ");return(t.length>=2?t[0].charAt(0)+t[1].charAt(0):t[0].charAt(0)).toUpperCase()},Yo=e=>{switch(e){case"large":return 36;case"medium":return 32;default:return 24}},_o=ut(J.Image)`
2
2
  width: ${e=>e.$size}px;
3
3
  height: ${e=>e.$size}px;
4
4
  object-fit: cover;
5
5
  border-radius: 50%;
6
6
  background-color: ${e=>e.theme.colors.backgroundLight};
7
- `,_o=bt(J.Fallback)`
7
+ `,Xo=ut(J.Fallback)`
8
8
  display: flex;
9
9
  align-items: center;
10
10
  justify-content: center;
@@ -16,12 +16,12 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
16
16
  ${e=>e.theme.typography.headingXs};
17
17
  font-size: ${e=>e.$size*.4}px;
18
18
  line-height: 1;
19
- `,Xo=Vo.forwardRef((e,t)=>{let r=Wo(e.variant||"small");return Uo(J.Root,{ref:t,children:[xt(Yo,{$size:r,...e}),xt(_o,{$size:r,children:Ao(e.alt)})]})});import mr,{useState as pr,useEffect as fr}from"react";import Ne from"styled-components";import{forwardRef as Go}from"react";import Ko from"styled-components";import{jsx as Qo}from"react/jsx-runtime";var qo=e=>e.$center||e.$direction==="row"?"center":"flex-start",Jo=e=>e.$center?"center":"flex-start",jo=Ko.div`
19
+ `,Uo=Vo.forwardRef((e,t)=>{let r=Yo(e.variant||"small");return Go(J.Root,{ref:t,children:[gt(_o,{$size:r,...e}),gt(Xo,{$size:r,children:Wo(e.alt)})]})});import pr,{useState as fr,useEffect as gr}from"react";import Ne from"styled-components";import{forwardRef as Ko}from"react";import qo from"styled-components";import{jsx as Zo}from"react/jsx-runtime";var Jo=e=>e.$center||e.$direction==="row"?"center":"flex-start",jo=e=>e.$center?"center":"flex-start",Qo=qo.div`
20
20
  display: flex;
21
21
  width: ${e=>e.$width||"100%"};
22
22
  flex-direction: ${e=>e.$direction};
23
- align-items: ${e=>e.$align||qo(e)};
24
- justify-content: ${e=>e.$justify||Jo(e)};
23
+ align-items: ${e=>e.$align||Jo(e)};
24
+ justify-content: ${e=>e.$justify||jo(e)};
25
25
  flex-shrink: 0;
26
26
  overflow: hidden;
27
27
  ${e=>e.$grow&&"flex-grow: 2;"}
@@ -29,7 +29,7 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
29
29
  ${e=>e.$gapFactor&&`gap: ${e.theme.spacing(e.$gapFactor)};`}
30
30
  ${e=>e.$paddingFactor&&e.theme.padding(e.$paddingFactor)};
31
31
  ${e=>e.theme.hoverable(e.$hoverable)}
32
- `,m=Go((e,t)=>{let{children:r,className:o,width:n,height:i,row:a=!1,align:l,justify:s,grow:d=!1,gap:p,padding:c,hoverable:f,center:y=!1,...h}=e;return Qo(jo,{ref:t,className:o,$direction:a?"row":"column",$width:n,$height:i,$align:l,$justify:s,$grow:d,$gapFactor:p,$paddingFactor:c,$center:y,$hoverable:!!f,...h,children:r})});import Zo from"react";import er from"styled-components";import{jsx as or}from"react/jsx-runtime";var tr=er.span`
32
+ `,m=Ko((e,t)=>{let{children:r,className:o,width:n,height:i,row:a=!1,align:l,justify:s,grow:d=!1,gap:p,padding:c,hoverable:f,center:y=!1,...h}=e;return Zo(Qo,{ref:t,className:o,$direction:a?"row":"column",$width:n,$height:i,$align:l,$justify:s,$grow:d,$gapFactor:p,$paddingFactor:c,$center:y,$hoverable:!!f,...h,children:r})});import er from"react";import tr from"styled-components";import{jsx as rr}from"react/jsx-runtime";var or=tr.span`
33
33
  ${e=>e.theme.typography[e.$variant||"bodyMd"]||e.theme.typography.bodyMd}
34
34
  text-align: ${e=>e.$align};
35
35
  text-decoration: ${e=>e.$underline==="true"?"underline":"none"};
@@ -42,18 +42,18 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
42
42
  overflow: hidden;
43
43
  white-space: nowrap;
44
44
  `}
45
- `,u=Zo.forwardRef(({children:e,className:t,variant:r,align:o="left",fontWeight:n,color:i="textDark",truncate:a,uppercase:l=!1,underline:s=!1,...d},p)=>or(tr,{className:t,$variant:r,$align:o,$fontWeight:n,$color:i,$uppercase:l?.toString()||"false",$underline:s?.toString()||"false",$truncate:!!a,ref:p,...d,children:e}));import lr,{useTheme as sr}from"styled-components";import{FontAwesomeIcon as dr}from"@fortawesome/react-fontawesome";import*as rr from"@fortawesome/pro-solid-svg-icons";import*as nr from"@fortawesome/pro-regular-svg-icons";import*as ir from"@fortawesome/pro-duotone-svg-icons";import*as ar from"@fortawesome/free-brands-svg-icons";var $t={solid:rr,regular:nr,duotone:ir,brands:ar};import{jsx as yt}from"react/jsx-runtime";var cr=lr(dr)`
45
+ `,u=er.forwardRef(({children:e,className:t,variant:r,align:o="left",fontWeight:n,color:i="textDark",truncate:a,uppercase:l=!1,underline:s=!1,...d},p)=>rr(or,{className:t,$variant:r,$align:o,$fontWeight:n,$color:i,$uppercase:l?.toString()||"false",$underline:s?.toString()||"false",$truncate:!!a,ref:p,...d,children:e}));import sr,{useTheme as dr}from"styled-components";import{FontAwesomeIcon as cr}from"@fortawesome/react-fontawesome";import*as nr from"@fortawesome/pro-solid-svg-icons";import*as ir from"@fortawesome/pro-regular-svg-icons";import*as ar from"@fortawesome/pro-duotone-svg-icons";import*as lr from"@fortawesome/free-brands-svg-icons";var ht={solid:nr,regular:ir,duotone:ar,brands:lr};import{jsx as xt}from"react/jsx-runtime";var mr=sr(cr)`
46
46
  flex-shrink: 0;
47
47
  color: ${e=>e.theme.colors?.[e.$color||""]||e.$color||e.theme.colors?.textDark};
48
- `,x=({name:e,iconStyle:t="solid",color:r,size:o,className:n})=>{let i=sr(),l=$t[t][e];if(!l)return yt("span",{className:n});let s=i?.colors?.[r||""]||r;return yt(cr,{icon:l,$color:r,size:o,className:n,style:s?{color:s}:void 0})};import{jsx as ae,jsxs as Ct}from"react/jsx-runtime";var gr=e=>{switch(e){case"success":return"green100";case"warning":return"yellow100";case"error":return"red100";default:return"backgroundLight"}},vt=e=>{switch(e){case"success":return"green800";case"warning":return"yellow900";case"error":return"red800";default:return"textDark"}},ur=e=>{switch(e){case"success":return"faCheck";case"error":case"warning":return"faTriangleExclamation";default:return"faCircleInfo"}},hr=Ne(m).attrs({row:!0,gap:3,padding:3})`
48
+ `,x=({name:e,iconStyle:t="solid",color:r,size:o,className:n})=>{let i=dr(),l=ht[t][e];if(!l)return xt("span",{className:n});let s=i?.colors?.[r||""]||r;return xt(mr,{icon:l,$color:r,size:o,className:n,style:s?{color:s}:void 0})};import{jsx as ae,jsxs as $t}from"react/jsx-runtime";var ur=e=>{switch(e){case"success":return"green100";case"warning":return"yellow100";case"error":return"red100";default:return"backgroundLight"}},yt=e=>{switch(e){case"success":return"green800";case"warning":return"yellow900";case"error":return"red800";default:return"textDark"}},hr=e=>{switch(e){case"success":return"faCheck";case"error":case"warning":return"faTriangleExclamation";default:return"faCircleInfo"}},xr=Ne(m).attrs({row:!0,gap:3,padding:3})`
49
49
  border-radius: 8px;
50
- background-color: ${e=>e.theme.colors[gr(e.$type)]};
51
- color: ${e=>e.theme.colors[vt(e.$type)]};
52
- `,xr=Ne(m).attrs({center:!0})`
50
+ background-color: ${e=>e.theme.colors[ur(e.$type)]};
51
+ color: ${e=>e.theme.colors[yt(e.$type)]};
52
+ `,br=Ne(m).attrs({center:!0})`
53
53
  width: 20px;
54
54
  height: 20px;
55
55
  cursor: pointer;
56
- `,wt=Ne(x).attrs({color:"inherit",size:"lg"})``,br=mr.forwardRef((e,t)=>{let{className:r,type:o="info",title:n,content:i,required:a=!1,dismissAfter:l}=e,[s,d]=pr(!0);if(fr(()=>{if(l){let c=setTimeout(()=>{d(!1)},l);return()=>clearTimeout(c)}},[l]),!s)return;let p=vt(o);return Ct(hr,{className:r,ref:t,$type:o,children:[ae(wt,{name:ur(o)}),(n||i)&&Ct(m,{gap:1,grow:!0,children:[n&&ae(u,{variant:"headingMd",color:p,children:n}),i&&ae(u,{color:p,children:i})]}),!a&&ae(xr,{onClick:()=>d(!1),children:ae(wt,{name:"faCircleXmark"})})]})});import $r from"react";import Dt from"styled-components";var j=(o=>(o.primary="primary",o.secondary="secondary",o.tertiary="tertiary",o))(j||{});import{jsx as kt,jsxs as vr}from"react/jsx-runtime";var yr=Dt.button`
56
+ `,bt=Ne(x).attrs({color:"inherit",size:"lg"})``,$r=pr.forwardRef((e,t)=>{let{className:r,type:o="info",title:n,content:i,required:a=!1,dismissAfter:l}=e,[s,d]=fr(!0);if(gr(()=>{if(l){let c=setTimeout(()=>{d(!1)},l);return()=>clearTimeout(c)}},[l]),!s)return;let p=yt(o);return $t(xr,{className:r,ref:t,$type:o,children:[ae(bt,{name:hr(o)}),(n||i)&&$t(m,{gap:1,grow:!0,children:[n&&ae(u,{variant:"headingMd",color:p,children:n}),i&&ae(u,{color:p,children:i})]}),!a&&ae(br,{onClick:()=>d(!1),children:ae(bt,{name:"faCircleXmark"})})]})});import yr from"react";import Ct from"styled-components";var j=(o=>(o.primary="primary",o.secondary="secondary",o.tertiary="tertiary",o))(j||{});import{jsx as wt,jsxs as kr}from"react/jsx-runtime";var wr=Ct.button`
57
57
  width: ${e=>e.$width};
58
58
  border: 1px solid ${e=>e.theme.colors[e.$borderColor]};
59
59
  background-color: ${e=>e.theme.colors[e.$backgroundColor]};
@@ -77,7 +77,7 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
77
77
  height: 36px;
78
78
  border-radius: 8px;
79
79
  `}
80
- `,wr=Dt.div`
80
+ `,Cr=Ct.div`
81
81
  width: 100%;
82
82
  display: flex;
83
83
  align-items: center;
@@ -86,10 +86,10 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
86
86
  ${({theme:e})=>e.typography.headingSm};
87
87
  font-weight: 500;
88
88
  color: ${({theme:e,$color:t})=>e.colors[t]};
89
- `,Cr=e=>{switch(e){case"secondary":return{backgroundColor:"background",borderColor:"border",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"tertiary":return{backgroundColor:"background",borderColor:"background",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"primary":default:return{backgroundColor:"primary",borderColor:"primary",color:"background",hoverBackgroundColor:"primaryDark"}}},L=$r.forwardRef((e,t)=>{let{className:r,children:o,variant:n="primary",mini:i=!1,disabled:a=!1,fullWidth:l=!1,iconName:s,...d}=e,{backgroundColor:p,borderColor:c,color:f,hoverBackgroundColor:y}=Cr(n),h=i?"xs":"sm";return kt(yr,{className:r,ref:t,$width:l?"100%":"auto",$backgroundColor:p,$borderColor:c,$hoverBackgroundColor:y,$mini:i,$disabled:a?.toString()||"false",$iconOnly:s&&!o,...d,children:vr(wr,{$color:f,children:[s&&kt(x,{name:s,color:f,size:h}),o]})})});import Xr,{useMemo as ee,useState as Ur}from"react";import le from"dayjs";import kr from"dayjs/plugin/advancedFormat";import Dr from"dayjs/plugin/isBetween";import Tr from"dayjs/plugin/isoWeek";import Pr from"dayjs/plugin/updateLocale";le.extend(kr);le.extend(Dr);le.extend(Tr);le.extend(Pr);var E=le;import{createContext as Rr,useContext as Sr}from"react";var Tt=Rr({}),Pt=Tt.Provider,Q=()=>Sr(Tt);import{memo as Ir}from"react";import $e from"styled-components";import{jsx as se,jsxs as Or}from"react/jsx-runtime";var Fr=$e(m).attrs({align:"center",justify:"space-between",row:!0})``,Lr=$e(u)`
89
+ `,vr=e=>{switch(e){case"secondary":return{backgroundColor:"background",borderColor:"border",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"tertiary":return{backgroundColor:"background",borderColor:"background",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"primary":default:return{backgroundColor:"primary",borderColor:"primary",color:"white",hoverBackgroundColor:"primaryDark"}}},L=yr.forwardRef((e,t)=>{let{className:r,children:o,variant:n="primary",mini:i=!1,disabled:a=!1,fullWidth:l=!1,iconName:s,...d}=e,{backgroundColor:p,borderColor:c,color:f,hoverBackgroundColor:y}=vr(n),h=i?"xs":"sm";return wt(wr,{className:r,ref:t,$width:l?"100%":"auto",$backgroundColor:p,$borderColor:c,$hoverBackgroundColor:y,$mini:i,$disabled:a?.toString()||"false",$iconOnly:s&&!o,...d,children:kr(Cr,{$color:f,children:[s&&wt(x,{name:s,color:f,size:h}),o]})})});import Ur,{useMemo as ee,useState as Gr}from"react";import le from"dayjs";import Dr from"dayjs/plugin/advancedFormat";import Tr from"dayjs/plugin/isBetween";import Rr from"dayjs/plugin/isoWeek";import Fr from"dayjs/plugin/updateLocale";le.extend(Dr);le.extend(Tr);le.extend(Rr);le.extend(Fr);var A=le;import{createContext as Sr,useContext as Pr}from"react";var vt=Sr({}),kt=vt.Provider,Q=()=>Pr(vt);import{memo as Ir}from"react";import xe from"styled-components";import{jsx as se,jsxs as Mr}from"react/jsx-runtime";var Lr=xe(m).attrs({align:"center",justify:"space-between",row:!0})``,Or=xe(u)`
90
90
  flex-grow: 2;
91
91
  text-align: center;
92
- `,Rt=$e(m).attrs({center:!0,padding:2})`
92
+ `,Dt=xe(m).attrs({center:!0,padding:2})`
93
93
  width: 32px;
94
94
  height: 32px;
95
95
  border-radius: 32px;
@@ -104,18 +104,18 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
104
104
  background-color: ${e.theme.colors.backgroundLight};
105
105
  }
106
106
  `}
107
- `,St=$e(x).attrs({size:"xs",color:"inherit"})``,It=Ir(()=>{let{minDay:e,maxDay:t,months:r,selectedMonth:o,setSelectedMonth:n}=Q(),i=r[0],a=r[r.length-1],l=()=>{let p=i.format("MMMM YYYY");return r.length===1?p:`${p} - ${a.format("MMMM YYYY")}`},s=!e||i.startOf("month").valueOf()>=e,d=!t||a.endOf("month").valueOf()<=t;return Or(Fr,{children:[se(Rt,{$disabled:!s,onClick:()=>s&&n(o.clone().subtract(1,"months")),children:se(St,{name:"faChevronLeft"})}),se(Lr,{children:l()}),se(Rt,{$disabled:!d,onClick:()=>d&&n(o.clone().add(1,"months")),children:se(St,{name:"faChevronRight"})})]})});import{memo as Yr,useMemo as At,useState as _r}from"react";import{memo as Br}from"react";import He from"styled-components";import Mr from"styled-components";import*as H from"@radix-ui/react-tooltip";import{keyframes as O}from"styled-components";var is=O`
107
+ `,Tt=xe(x).attrs({size:"xs",color:"inherit"})``,Rt=Ir(()=>{let{minDay:e,maxDay:t,months:r,selectedMonth:o,setSelectedMonth:n}=Q(),i=r[0],a=r[r.length-1],l=()=>{let p=i.format("MMMM YYYY");return r.length===1?p:`${p} - ${a.format("MMMM YYYY")}`},s=!e||i.startOf("month").valueOf()>=e,d=!t||a.endOf("month").valueOf()<=t;return Mr(Lr,{children:[se(Dt,{$disabled:!s,onClick:()=>s&&n(o.clone().subtract(1,"months")),children:se(Tt,{name:"faChevronLeft"})}),se(Or,{children:l()}),se(Dt,{$disabled:!d,onClick:()=>d&&n(o.clone().add(1,"months")),children:se(Tt,{name:"faChevronRight"})})]})});import{memo as _r,useMemo as Et,useState as Xr}from"react";import{memo as Ar}from"react";import ze from"styled-components";import Nr from"styled-components";import*as z from"@radix-ui/react-tooltip";import{keyframes as O}from"styled-components";var as=O`
108
108
  100% {
109
109
  stroke-dashoffset: 0;
110
110
  }
111
- `,as=O`
111
+ `,ls=O`
112
112
  0%, 100% {
113
113
  transform: none;
114
114
  }
115
115
  50% {
116
116
  transform: scale3d(1.1, 1.1, 1);
117
117
  }
118
- `,ls=O`
118
+ `,ss=O`
119
119
  0% {
120
120
  transform: rotate(0deg);
121
121
  }
@@ -129,14 +129,14 @@ from {
129
129
 
130
130
  to {
131
131
  transform: translateX(0);
132
- }`,Lt=O`
132
+ }`,St=O`
133
133
  from {
134
134
  transform: translateX(0);
135
135
  }
136
136
 
137
137
  to {
138
138
  transform: translateX(100%);
139
- }`,Ot=O`
139
+ }`,Pt=O`
140
140
  from {
141
141
  opacity: 0;
142
142
  transform: translateY(-2px);
@@ -144,7 +144,7 @@ from {
144
144
  to {
145
145
  opacity: 1;
146
146
  transform: translateY(0);
147
- }`,Mt=O`
147
+ }`,It=O`
148
148
  from {
149
149
  opacity: 0;
150
150
  transform: translateX(2px);
@@ -152,7 +152,7 @@ from {
152
152
  to {
153
153
  opacity: 1;
154
154
  transform: translateX(0);
155
- }`,zt=O`
155
+ }`,Lt=O`
156
156
  from {
157
157
  opacity: 0;
158
158
  transform: translateY(2px);
@@ -160,7 +160,7 @@ from {
160
160
  to {
161
161
  opacity: 1;
162
162
  transform: translateY(0);
163
- }`,Nt=O`
163
+ }`,Ot=O`
164
164
  from {
165
165
  opacity: 0;
166
166
  transform: translateX(-2px);
@@ -168,14 +168,14 @@ from {
168
168
  to {
169
169
  opacity: 1;
170
170
  transform: translateX(0);
171
- }`,Ht=O`
171
+ }`,Mt=O`
172
172
  from {
173
173
  opacity: 0;
174
174
  }
175
175
  to {
176
176
  opacity: 0.1;
177
177
  }
178
- `,Bt=O`
178
+ `,Nt=O`
179
179
  from {
180
180
  opacity: 0;
181
181
  transform: translate(-50%, -48%) scale(0.96);
@@ -184,7 +184,7 @@ to {
184
184
  opacity: 1;
185
185
  transform: translate(-50%, -50%) scale(1);
186
186
  }
187
- `;import{Fragment as Nr,jsx as de,jsxs as Hr}from"react/jsx-runtime";var zr=Mr(H.Content)`
187
+ `;import{Fragment as Br,jsx as de,jsxs as Er}from"react/jsx-runtime";var zr=Nr(z.Content)`
188
188
  width: ${e=>e.$width};
189
189
  ${e=>e.theme.typography.bodyMd};
190
190
  border-radius: 4px;
@@ -211,29 +211,29 @@ to {
211
211
  `}
212
212
 
213
213
  &[data-state='delayed-open'][data-side='top'] {
214
- animation: ${Ot} 400ms cubic-bezier(0.16, 1, 0.3, 1);
214
+ animation: ${Pt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
215
215
  }
216
216
  &[data-state='delayed-open'][data-side='right'] {
217
- animation: ${Mt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
217
+ animation: ${It} 400ms cubic-bezier(0.16, 1, 0.3, 1);
218
218
  }
219
219
  &[data-state='delayed-open'][data-side='bottom'] {
220
- animation: ${zt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
220
+ animation: ${Lt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
221
221
  }
222
222
  &[data-state='delayed-open'][data-side='left'] {
223
- animation: ${Nt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
223
+ animation: ${Ot} 400ms cubic-bezier(0.16, 1, 0.3, 1);
224
224
  }
225
- `,ce=({children:e,side:t="top",sideOffset:r,align:o="center",alignOffset:n,style:i="dark",content:a,disabled:l=!1,width:s,className:d})=>l||!a?de(Nr,{children:e}):de(H.Provider,{children:Hr(H.Root,{delayDuration:0,children:[de(H.Trigger,{asChild:!0,children:e}),de(H.Portal,{children:de(zr,{side:t,align:o,alignOffset:n,sideOffset:r,$width:s||"auto",$style:i,collisionPadding:4,className:d,children:a})})]})});import{jsx as Z,jsxs as Wr}from"react/jsx-runtime";var Er=He.div`
225
+ `,ce=({children:e,side:t="top",sideOffset:r,align:o="center",alignOffset:n,style:i="dark",content:a,disabled:l=!1,width:s,className:d})=>l||!a?de(Br,{children:e}):de(z.Provider,{children:Er(z.Root,{delayDuration:0,children:[de(z.Trigger,{asChild:!0,children:e}),de(z.Portal,{children:de(zr,{side:t,align:o,alignOffset:n,sideOffset:r,$width:s||"auto",$style:i,collisionPadding:4,className:d,children:a})})]})});import{jsx as Z,jsxs as Yr}from"react/jsx-runtime";var Hr=ze.div`
226
226
  display: grid;
227
227
  grid-template-columns: repeat(7, 1fr);
228
228
  row-gap: ${e=>e.theme.spacing(1)};
229
- `,Vr=He(m).attrs({center:!0})`
229
+ `,Vr=ze(m).attrs({center:!0})`
230
230
  width: 32px;
231
231
  height: 32px;
232
232
  span {
233
233
  text-decoration: underline dotted;
234
234
  text-underline-offset: 4px;
235
235
  }
236
- `,Ar=He(m).attrs({center:!0})`
236
+ `,Wr=ze(m).attrs({center:!0})`
237
237
  width: 32px;
238
238
  height: 32px;
239
239
  border-radius: 32px;
@@ -287,7 +287,7 @@ to {
287
287
  border-top-right-radius: 32px;
288
288
  border-bottom-right-radius: 32px;
289
289
  `}
290
- `,Et=7,Vt=Br(({month:e,selectedDays:t,hoverDays:r,setHoverDay:o})=>{let{highlightedDays:n,startDate:i,startDay:a,endDay:l,minDay:s,maxDay:d,onChange:p,useRange:c}=Q(),f=E().startOf("day").valueOf(),y=e.startOf("month"),g=e.endOf("month").diff(y,"weeks")+1,C=Array.from({length:g},(w,v)=>{let T=y.clone().add(v,"weeks").startOf("week");return Array.from({length:Et},(N,Le)=>T.clone().add(Le,"days"))}).flat(),b=a&&l,$=w=>E().isoWeekday(w).format("dd").charAt(0);return Wr(Er,{children:[Array.from({length:Et}).map((w,v)=>Z(Vr,{children:Z(u,{uppercase:!0,color:"textLight",children:$(v+1)})},v)),C.map(w=>{let v=w.month()===e.month(),T=w.valueOf();if(!v)return Z("div",{},T);let N=n.find(ze=>ze.day===T),Le=!!(N||T===f),zo=d?T>=d:!1,No=s?T<=s:!1,ht=!!!(N?.disabled||zo||No),Oe=t.includes(T),Me=r.includes(T),Ho=Oe&&t[0]===T||Me&&r[0]===T,Bo=()=>Me?r[r.length-1]===T:Oe&&t[t.length-1]===T,Eo=()=>{if(ht){let ze=a?T<a:!1;!c||b||ze?p?.(w,void 0):p?.(i,w)}};return Z(ce,{content:N?.tooltip,sideOffset:2,children:Z(Ar,{$isClickable:ht,$isHighlighted:Le,$isSelected:Oe||Me,$isStart:Ho,$isEnd:Bo(),onClick:Eo,onMouseEnter:()=>c&&o(T),children:Z(u,{children:w.format("D")})})},T)})]})});import{jsx as Wt}from"react/jsx-runtime";var Yt=Yr(()=>{let{startDate:e,endDate:t,startDay:r,endDay:o,maxDay:n,useRange:i,months:a}=Q(),[l,s]=_r(),d=At(()=>i&&l&&e&&!o&&l>=r?Array.from({length:E(l).diff(e,"days")+1},(c,f)=>{let y=e.clone().add(f,"days").valueOf();return!n||y<=n?y:void 0}).filter(Boolean):[],[i,l,e,o]),p=At(()=>{if(!r)return[];if(!o)return[r];let c=t.diff(e,"days")+1;return Array.from({length:c},(f,y)=>e.clone().add(y,"days").valueOf())},[e,t]);return Wt(m,{row:!0,gap:3,onMouseLeave:()=>i&&s(void 0),children:a.map(c=>Wt(Vt,{month:c,hoverDays:d,setHoverDay:s,selectedDays:p},`month-${c.valueOf()}`))})});import{jsx as Be,jsxs as Gr}from"react/jsx-runtime";var me=Xr.forwardRef((e,t)=>{let{startDate:r,endDate:o,minDate:n,maxDate:i,highlightedDates:a,useRange:l,displayMonths:s=1,onChange:d}=e,[p,c]=Ur(E().subtract(s-1,"months").startOf("month")),f=ee(()=>a?.map($=>({...$,day:$.date.valueOf()}))||[],[a]),y=ee(()=>r?.valueOf(),[r]),h=ee(()=>o?.valueOf(),[o]),g=ee(()=>n?.valueOf(),[n]),C=ee(()=>i?.valueOf(),[i]),b=ee(()=>Array.from({length:s},($,w)=>p.clone().add(w,"months")),[p,s]);return Be(m,{width:"auto",gap:2,ref:t,children:Gr(Pt,{value:{highlightedDays:f,startDate:r,endDate:o,startDay:y,endDay:h,minDay:g,maxDay:C,useRange:l,onChange:d,months:b,selectedMonth:p,setSelectedMonth:c},children:[Be(It,{}),Be(Yt,{})]})})});import Kr from"react";import _t from"styled-components";import{jsx as Ee,jsxs as jr}from"react/jsx-runtime";var qr=_t(m).attrs({row:!0,gap:2})`
290
+ `,zt=7,Bt=Ar(({month:e,selectedDays:t,hoverDays:r,setHoverDay:o})=>{let{highlightedDays:n,startDate:i,startDay:a,endDay:l,minDay:s,maxDay:d,onChange:p,useRange:c}=Q(),f=A().startOf("day").valueOf(),y=e.startOf("month"),g=e.endOf("month").diff(y,"weeks")+1,C=Array.from({length:g},(w,v)=>{let T=y.clone().add(v,"weeks").startOf("week");return Array.from({length:zt},(E,Ie)=>T.clone().add(Ie,"days"))}).flat(),b=a&&l,$=w=>A().isoWeekday(w).format("dd").charAt(0);return Yr(Hr,{children:[Array.from({length:zt}).map((w,v)=>Z(Vr,{children:Z(u,{uppercase:!0,color:"textLight",children:$(v+1)})},v)),C.map(w=>{let v=w.month()===e.month(),T=w.valueOf();if(!v)return Z("div",{},T);let E=n.find(Me=>Me.day===T),Ie=!!(E||T===f),zo=d?T>=d:!1,Bo=s?T<=s:!1,ft=!!!(E?.disabled||zo||Bo),Le=t.includes(T),Oe=r.includes(T),Eo=Le&&t[0]===T||Oe&&r[0]===T,Ao=()=>Oe?r[r.length-1]===T:Le&&t[t.length-1]===T,Ho=()=>{if(ft){let Me=a?T<a:!1;!c||b||Me?p?.(w,void 0):p?.(i,w)}};return Z(ce,{content:E?.tooltip,sideOffset:2,children:Z(Wr,{$isClickable:ft,$isHighlighted:Ie,$isSelected:Le||Oe,$isStart:Eo,$isEnd:Ao(),onClick:Ho,onMouseEnter:()=>c&&o(T),children:Z(u,{children:w.format("D")})})},T)})]})});import{jsx as At}from"react/jsx-runtime";var Ht=_r(()=>{let{startDate:e,endDate:t,startDay:r,endDay:o,maxDay:n,useRange:i,months:a}=Q(),[l,s]=Xr(),d=Et(()=>i&&l&&e&&!o&&l>=r?Array.from({length:A(l).diff(e,"days")+1},(c,f)=>{let y=e.clone().add(f,"days").valueOf();return!n||y<=n?y:void 0}).filter(Boolean):[],[i,l,e,o]),p=Et(()=>{if(!r)return[];if(!o)return[r];let c=t.diff(e,"days")+1;return Array.from({length:c},(f,y)=>e.clone().add(y,"days").valueOf())},[e,t]);return At(m,{row:!0,gap:3,onMouseLeave:()=>i&&s(void 0),children:a.map(c=>At(Bt,{month:c,hoverDays:d,setHoverDay:s,selectedDays:p},`month-${c.valueOf()}`))})});import{jsx as Be,jsxs as Kr}from"react/jsx-runtime";var me=Ur.forwardRef((e,t)=>{let{startDate:r,endDate:o,minDate:n,maxDate:i,highlightedDates:a,useRange:l,displayMonths:s=1,onChange:d}=e,[p,c]=Gr(A().subtract(s-1,"months").startOf("month")),f=ee(()=>a?.map($=>({...$,day:$.date.valueOf()}))||[],[a]),y=ee(()=>r?.valueOf(),[r]),h=ee(()=>o?.valueOf(),[o]),g=ee(()=>n?.valueOf(),[n]),C=ee(()=>i?.valueOf(),[i]),b=ee(()=>Array.from({length:s},($,w)=>p.clone().add(w,"months")),[p,s]);return Be(m,{width:"auto",gap:2,ref:t,children:Kr(kt,{value:{highlightedDays:f,startDate:r,endDate:o,startDay:y,endDay:h,minDay:g,maxDay:C,useRange:l,onChange:d,months:b,selectedMonth:p,setSelectedMonth:c},children:[Be(Rt,{}),Be(Ht,{})]})})});import qr from"react";import Vt from"styled-components";import{jsx as Ee,jsxs as Qr}from"react/jsx-runtime";var Jr=Vt(m).attrs({row:!0,gap:2})`
291
291
  ${e=>e.$disabled?`
292
292
  cursor: not-allowed;
293
293
  pointer-events: none;
@@ -295,7 +295,7 @@ to {
295
295
  `:`
296
296
  cursor: pointer;
297
297
  `};
298
- `,Jr=_t.div`
298
+ `,jr=Vt.div`
299
299
  width: 16px;
300
300
  height: 16px;
301
301
  display: flex;
@@ -308,7 +308,7 @@ to {
308
308
  border-radius: 4px;
309
309
  background-color: ${e=>e.$checked?e.theme.colors.textNormal:e.theme.colors.background};
310
310
  transition: background 0.2s ease-in-out;
311
- `,Y=Kr.forwardRef((e,t)=>{let{checked:r=!1,setChecked:o,label:n,disabled:i=!1}=e;return jr(qr,{ref:t,$disabled:i,onClick:()=>o?.(!r),children:[Ee(Jr,{$checked:r,children:Ee(x,{name:"faCheck",color:"background",size:"xs"})}),n&&Ee(u,{children:n})]})});import Qr from"react";import Zr from"styled-components";import{jsx as Xt}from"react/jsx-runtime";var en=Zr.div`
311
+ `,Y=qr.forwardRef((e,t)=>{let{checked:r=!1,setChecked:o,label:n,disabled:i=!1}=e;return Qr(Jr,{ref:t,$disabled:i,onClick:()=>o?.(!r),children:[Ee(jr,{$checked:r,children:Ee(x,{name:"faCheck",color:"background",size:"xs"})}),n&&Ee(u,{children:n})]})});import Zr from"react";import en from"styled-components";import{jsx as Wt}from"react/jsx-runtime";var tn=en.div`
312
312
  ${e=>e.theme.padding(2)}
313
313
  display: flex;
314
314
  align-items: center;
@@ -324,7 +324,7 @@ to {
324
324
  border-radius: 50%;
325
325
  }
326
326
  `}
327
- `,_=Qr.forwardRef((e,t)=>{let{className:r,iconName:o,size:n="sm",color:i,onClick:a,disabled:l=!1}=e;return Xt(en,{className:r,ref:t,onClick:()=>a?.(),$disabled:l,children:o&&Xt(x,{name:o,color:i,size:n})})});import{useState as We}from"react";import Ye from"styled-components";import wn from"react-currency-input-field";import tn from"styled-components";var X=(r=>(r.small="small",r.normal="normal",r))(X||{});import*as U from"@radix-ui/react-popover";import{jsx as Ve,jsxs as rn}from"react/jsx-runtime";var on=tn(U.Content)`
327
+ `,_=Zr.forwardRef((e,t)=>{let{className:r,iconName:o,size:n="sm",color:i,onClick:a,disabled:l=!1}=e;return Wt(tn,{className:r,ref:t,onClick:()=>a?.(),$disabled:l,children:o&&Wt(x,{name:o,color:i,size:n})})});import{useState as Ve}from"react";import We from"styled-components";import Cn from"react-currency-input-field";import on from"styled-components";var X=(r=>(r.small="small",r.normal="normal",r))(X||{});import*as U from"@radix-ui/react-popover";import{jsx as Ae,jsxs as nn}from"react/jsx-runtime";var rn=on(U.Content)`
328
328
  min-width: ${e=>e.$fullWidth?"var(--radix-popover-trigger-width)":"auto"};
329
329
  max-height: calc(var(--radix-popover-content-available-height) - 12px);
330
330
  box-sizing: border-box;
@@ -337,7 +337,7 @@ to {
337
337
  overflow-y: auto;
338
338
  border-radius: ${e=>e.$variant==="small"?"4px":"8px"};
339
339
  user-select: none;
340
- `,P=({trigger:e,content:t,isOpen:r,setOpen:o,variant:n="normal",side:i="bottom",sideOffset:a=2,align:l="start",alignOffset:s,disabled:d=!1,modal:p=!0,fullWidth:c=!0})=>d||!t?e:rn(U.Root,{open:r,onOpenChange:o,modal:p,children:[Ve(U.Trigger,{asChild:!0,children:e}),Ve(U.Portal,{children:Ve(on,{side:i,sideOffset:a,align:l,alignOffset:s,collisionPadding:4,onOpenAutoFocus:f=>f.preventDefault(),$fullWidth:c,$variant:n,children:t})})]});import nn from"react";import an from"styled-components";import{jsx as Ut,jsxs as sn}from"react/jsx-runtime";var ln=an(m).attrs({justify:"space-between",row:!0,gap:1})`
340
+ `,R=({trigger:e,content:t,isOpen:r,setOpen:o,variant:n="normal",side:i="bottom",sideOffset:a=2,align:l="start",alignOffset:s,disabled:d=!1,modal:p=!0,fullWidth:c=!0})=>d||!t?e:nn(U.Root,{open:r,onOpenChange:o,modal:p,children:[Ae(U.Trigger,{asChild:!0,children:e}),Ae(U.Portal,{children:Ae(rn,{side:i,sideOffset:a,align:l,alignOffset:s,collisionPadding:4,onOpenAutoFocus:f=>f.preventDefault(),$fullWidth:c,$variant:n,children:t})})]});import an from"react";import ln from"styled-components";import{jsx as Yt,jsxs as dn}from"react/jsx-runtime";var sn=ln(m).attrs({justify:"space-between",row:!0,gap:1})`
341
341
  width: ${e=>e.$width};
342
342
  ${e=>e.theme.border()}
343
343
  background-color: ${e=>e.theme.colors.background};
@@ -365,7 +365,7 @@ to {
365
365
  * {
366
366
  flex-shrink: 0;
367
367
  }
368
- `,pe=nn.forwardRef((e,t)=>{let{className:r,label:o,isOpen:n,onClick:i,variant:a="normal",disabled:l=!1,fullWidth:s=!1}=e;return sn(ln,{className:r,ref:t,$width:s?"100%":"auto",$variant:a,$disabled:l?.toString()||"false",onClick:i,children:[Ut(u,{truncate:!0,children:o}),Ut(x,{name:n?"faChevronUp":"faChevronDown",size:"sm"})]})});import dn from"react";import cn from"styled-components";import{jsx as Gt,jsxs as pn}from"react/jsx-runtime";var mn=cn(m).attrs({row:!0})`
368
+ `,pe=an.forwardRef((e,t)=>{let{className:r,label:o,isOpen:n,onClick:i,variant:a="normal",disabled:l=!1,fullWidth:s=!1}=e;return dn(sn,{className:r,ref:t,$width:s?"100%":"auto",$variant:a,$disabled:l?.toString()||"false",onClick:i,children:[Yt(u,{truncate:!0,children:o}),Yt(x,{name:n?"faChevronUp":"faChevronDown",size:"sm"})]})});import cn from"react";import mn from"styled-components";import{jsx as _t,jsxs as fn}from"react/jsx-runtime";var pn=mn(m).attrs({row:!0})`
369
369
  ${e=>e.theme.padding(e.$sizeFactor)};
370
370
  gap: ${e=>e.theme.spacing(e.$sizeFactor)};
371
371
  border-radius: ${e=>e.theme.spacing(e.$sizeFactor)};
@@ -377,12 +377,12 @@ to {
377
377
  cursor: not-allowed;
378
378
  color: ${e.theme.colors.textLight};
379
379
  `}
380
- `,M=dn.forwardRef((e,t)=>{let{iconName:r,label:o,onClick:n,disabled:i,color:a,variant:l="normal",rightContent:s}=e;return pn(mn,{ref:t,$sizeFactor:l==="small"?1:2,$color:a||"textDark",onClick:i?void 0:n,children:[r&&Gt(x,{name:r,color:"inherit",size:l==="small"?"xs":"sm"}),Gt(u,{truncate:!0,color:"inherit",style:{flexGrow:1},children:o}),s]})});import gn,{useState as un}from"react";import hn from"styled-components";import fn from"styled-components";var Ae=fn.div`
380
+ `,M=cn.forwardRef((e,t)=>{let{iconName:r,label:o,onClick:n,disabled:i,color:a,variant:l="normal",rightContent:s}=e;return fn(pn,{ref:t,$sizeFactor:l==="small"?1:2,$color:a||"textDark",onClick:i?void 0:n,children:[r&&_t(x,{name:r,color:"inherit",size:l==="small"?"xs":"sm"}),_t(u,{truncate:!0,color:"inherit",style:{flexGrow:1},children:o}),s]})});import un,{useState as hn}from"react";import xn from"styled-components";import gn from"styled-components";var He=gn.div`
381
381
  width: ${e=>e.width||(e.vertical?"1px":"100%")};
382
382
  height: ${e=>e.height||(e.vertical?"100%":"1px")};
383
383
  border-${e=>e.vertical?"right":"bottom"}: 1px ${e=>e.dashed?"dashed":"solid"}
384
384
  ${e=>e.theme.colors[e.color||"border"]};
385
- `;import{jsx as ye,jsxs as Kt}from"react/jsx-runtime";import{createElement as $n}from"react";var xn=hn(m)`
385
+ `;import{jsx as be,jsxs as Xt}from"react/jsx-runtime";import{createElement as yn}from"react";var bn=xn(m)`
386
386
  width: 100%;
387
387
  overflow-y: auto;
388
388
 
@@ -393,7 +393,7 @@ to {
393
393
  min-width: 300px;
394
394
  max-height: 90vh;
395
395
  `}
396
- `,bn=({trigger:e,header:t,sections:r,footer:o,onItemClick:n,variant:i="normal",side:a,sideOffset:l,align:s,alignOffset:d})=>{let[p,c]=un(!1),f=i==="small"?1:2;return ye(P,{trigger:e,content:Kt(m,{children:[t,ye(xn,{$variant:i,children:r.map((y,h)=>Kt(gn.Fragment,{children:[ye(m,{padding:f,children:y.map((g,C)=>$n(M,{...g,key:`item-${C}-${C}`,variant:i,onClick:g.disabled?void 0:()=>{n?.(g),g.onClick?.(),c(!1)}}))}),h<r.length-1&&ye(Ae,{})]},`section-${h}`))}),o]}),isOpen:p,setOpen:c,variant:i,side:a,sideOffset:l,align:s,alignOffset:d})};import{css as yn}from"styled-components";var z=yn`
396
+ `,$n=({trigger:e,header:t,sections:r,footer:o,onItemClick:n,variant:i="normal",side:a,sideOffset:l,align:s,alignOffset:d})=>{let[p,c]=hn(!1),f=i==="small"?1:2;return be(R,{trigger:e,content:Xt(m,{children:[t,be(bn,{$variant:i,children:r.map((y,h)=>Xt(un.Fragment,{children:[be(m,{padding:f,children:y.map((g,C)=>yn(M,{...g,key:`item-${C}-${C}`,variant:i,onClick:g.disabled?void 0:()=>{n?.(g),g.onClick?.(),c(!1)}}))}),h<r.length-1&&be(He,{})]},`section-${h}`))}),o]}),isOpen:p,setOpen:c,variant:i,side:a,sideOffset:l,align:s,alignOffset:d})};import{css as wn}from"styled-components";var N=wn`
397
397
  ${e=>e.theme.typography.bodyMd}
398
398
  width: 100%;
399
399
  height: 36px;
@@ -419,10 +419,10 @@ to {
419
419
  background-color: ${e=>e.theme.colors.backgroundLight};
420
420
  color: ${e=>e.theme.colors.textLight};
421
421
  }
422
- `;import{jsx as q,jsxs as Tn}from"react/jsx-runtime";var Cn=Ye(m).attrs({row:!0})`
423
- ${z};
422
+ `;import{jsx as q,jsxs as Rn}from"react/jsx-runtime";var vn=We(m).attrs({row:!0})`
423
+ ${N};
424
424
  padding: 0;
425
- `,vn=Ye(m).attrs({center:!0})`
425
+ `,kn=We(m).attrs({center:!0})`
426
426
  width: auto;
427
427
  min-width: 40px;
428
428
  background-color: ${e=>e.theme.colors.backgroundLight};
@@ -430,15 +430,15 @@ to {
430
430
  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
431
431
  ${e=>e.theme.paddingHorizontal(2)}
432
432
  ${e=>e.theme.borderRight()}
433
- `,kn=Ye(wn)`
434
- ${z};
433
+ `,Dn=We(Cn)`
434
+ ${N};
435
435
  border: 0;
436
436
  border-radius: 0;
437
437
  &:hover:not(:disabled),
438
438
  &:focus-visible {
439
439
  border: 0;
440
440
  }
441
- `,Dn=({className:e,value:t,onChange:r,placeholder:o,disabled:n})=>{let i=["USD"],[a,l]=We(!1),[s,d]=We(t?.currency||i[0]),[p,c]=We(t?.amount||0);return Tn(Cn,{className:e,children:[q(P,{isOpen:a,setOpen:l,disabled:i.length<1||n,trigger:q(vn,{$disabled:n,children:q(u,{color:"textNormal",children:s?.toUpperCase()})}),content:q(m,{width:"200px",padding:1,children:i.map(f=>q(M,{label:f?.toUpperCase(),onClick:()=>{c(0),d(f),l(!1)},rightContent:s===f?q(x,{name:"faCheck",size:"xs"}):void 0},f))})}),q(kn,{value:p,placeholder:o,intlConfig:{locale:"en-US",currency:s,currencyDisplay:"narrowSymbol"},allowDecimals:!0,decimalsLimit:2,disabled:n,onValueChange:(f,y,h)=>{c(f),r?.({currency:s,amount:h?.float,formatted:h?.formatted})}})]})};import Pn,{useState as Rn}from"react";import _e from"styled-components";import{jsx as te,jsxs as Mn}from"react/jsx-runtime";var Sn=_e(m).attrs({row:!0,align:"center",gap:1})`
441
+ `,Tn=({className:e,value:t,onChange:r,placeholder:o,disabled:n})=>{let i=["USD"],[a,l]=Ve(!1),[s,d]=Ve(t?.currency||i[0]),[p,c]=Ve(t?.amount||0);return Rn(vn,{className:e,children:[q(R,{isOpen:a,setOpen:l,disabled:i.length<1||n,trigger:q(kn,{$disabled:n,children:q(u,{color:"textNormal",children:s?.toUpperCase()})}),content:q(m,{width:"200px",padding:1,children:i.map(f=>q(M,{label:f?.toUpperCase(),onClick:()=>{c(0),d(f),l(!1)},rightContent:s===f?q(x,{name:"faCheck",size:"xs"}):void 0},f))})}),q(Dn,{value:p,placeholder:o,intlConfig:{locale:"en-US",currency:s,currencyDisplay:"narrowSymbol"},allowDecimals:!0,decimalsLimit:2,disabled:n,onValueChange:(f,y,h)=>{c(f),r?.({currency:s,amount:h?.float,formatted:h?.formatted})}})]})};import Fn,{useState as Sn}from"react";import Ye from"styled-components";import{jsx as te,jsxs as Nn}from"react/jsx-runtime";var Pn=Ye(m).attrs({row:!0,align:"center",gap:1})`
442
442
  height: 36px;
443
443
  border-radius: 4px;
444
444
  background-color: ${e=>e.theme.colors.background};
@@ -454,8 +454,8 @@ to {
454
454
  &:hover {
455
455
  border: 1px solid ${e.theme.colors.textLight};
456
456
  }`}
457
- `,In=_e.input`
458
- ${z};
457
+ `,In=Ye.input`
458
+ ${N};
459
459
  background-color: transparent;
460
460
  height: auto;
461
461
  border: 0;
@@ -465,24 +465,24 @@ to {
465
465
  &:focus-visible {
466
466
  border: 0;
467
467
  }
468
- `,Fn=_e(m).attrs({width:"auto",center:!0})`
468
+ `,Ln=Ye(m).attrs({width:"auto",center:!0})`
469
469
  height: 36px;
470
470
  ${e=>e.theme.paddingHorizontal(2)}
471
- `,Ln="MMMM DD, YYYY",On=Pn.forwardRef((e,t)=>{let[r,o]=Rn(!1),{disabled:n}=e;return te(P,{fullWidth:!1,disabled:n,isOpen:r,setOpen:o,trigger:Mn(Sn,{ref:t,$disabled:n,children:[te(Fn,{children:te(x,{name:"faCalendar",color:"textLight",size:"sm"})}),te(In,{placeholder:e.placeholder,disabled:n,onChange:()=>"",value:e.startDate?.format(Ln)||""})]}),content:te(m,{padding:3,gap:3,children:te(me,{...e,onChange:i=>{e.onChange?.(i),o(!1)}})})})});import zn,{useState as Xe}from"react";import{jsx as fe,jsxs as qt}from"react/jsx-runtime";var Nn="MMMM DD, YYYY",Hn=zn.forwardRef((e,t)=>{let r=Nn,[o,n]=Xe(!1),[i,a]=Xe(e.startDate),[l,s]=Xe(e.endDate),d=()=>!e.startDate&&(!e.useRange||!e.endDate)?"Select date":e.useRange&&e.endDate?`${e.startDate.format(r)} - ${e.endDate.format(r)}`:e.startDate.format(r);return fe(P,{isOpen:o,setOpen:n,variant:e.dropdownVariant,fullWidth:!1,trigger:fe(pe,{ref:t,label:d(),variant:e.dropdownVariant}),content:qt(m,{padding:3,gap:3,children:[fe(me,{...e,startDate:i,endDate:l,onChange:(p,c)=>{a(p),s(c)}}),qt(m,{row:!0,justify:"flex-end",gap:3,children:[fe(L,{mini:!0,variant:"secondary",onClick:()=>n(!1),children:"Cancel"}),fe(L,{mini:!0,onClick:()=>{e.onChange?.(i,l),n(!1)},children:"Apply"})]})]})})});import _n from"react";import Xn from"styled-components";import{DndProvider as Un}from"react-dnd";import{HTML5Backend as Gn}from"react-dnd-html5-backend";import Bn from"react";import En from"styled-components";import{useDrag as Vn,useDrop as An}from"react-dnd";import{jsx as Yn}from"react/jsx-runtime";var Wn=En.div`
471
+ `,On="MMMM DD, YYYY",Mn=Fn.forwardRef((e,t)=>{let[r,o]=Sn(!1),{disabled:n}=e;return te(R,{fullWidth:!1,disabled:n,isOpen:r,setOpen:o,trigger:Nn(Pn,{ref:t,$disabled:n,children:[te(Ln,{children:te(x,{name:"faCalendar",color:"textLight",size:"sm"})}),te(In,{placeholder:e.placeholder,disabled:n,onChange:()=>"",value:e.startDate?.format(On)||""})]}),content:te(m,{padding:3,gap:3,children:te(me,{...e,onChange:i=>{e.onChange?.(i),o(!1)}})})})});import zn,{useState as _e}from"react";import{jsx as fe,jsxs as Ut}from"react/jsx-runtime";var Bn="MMMM DD, YYYY",En=zn.forwardRef((e,t)=>{let r=Bn,[o,n]=_e(!1),[i,a]=_e(e.startDate),[l,s]=_e(e.endDate),d=()=>!e.startDate&&(!e.useRange||!e.endDate)?"Select date":e.useRange&&e.endDate?`${e.startDate.format(r)} - ${e.endDate.format(r)}`:e.startDate.format(r);return fe(R,{isOpen:o,setOpen:n,variant:e.dropdownVariant,fullWidth:!1,trigger:fe(pe,{ref:t,label:d(),variant:e.dropdownVariant}),content:Ut(m,{padding:3,gap:3,children:[fe(me,{...e,startDate:i,endDate:l,onChange:(p,c)=>{a(p),s(c)}}),Ut(m,{row:!0,justify:"flex-end",gap:3,children:[fe(L,{mini:!0,variant:"secondary",onClick:()=>n(!1),children:"Cancel"}),fe(L,{mini:!0,onClick:()=>{e.onChange?.(i,l),n(!1)},children:"Apply"})]})]})})});import Xn from"react";import Un from"styled-components";import{DndProvider as Gn}from"react-dnd";import{HTML5Backend as Kn}from"react-dnd-html5-backend";import An from"react";import Hn from"styled-components";import{useDrag as Vn,useDrop as Wn}from"react-dnd";import{jsx as _n}from"react/jsx-runtime";var Yn=Hn.div`
472
472
  cursor: grab;
473
473
  opacity: ${e=>e.$opacity};
474
- `,Jt=({item:e,onMove:t})=>{let{id:r,index:o}=e,n=Bn.useRef(null),[{handlerId:i},a]=An({accept:"item",collect:d=>({handlerId:d.getHandlerId()}),hover:(d,p)=>{if(!n.current)return;let c=d.index,f=o;if(c===f)return;let y=n.current?.getBoundingClientRect(),h=(y.bottom-y.top)/2,C=p.getClientOffset().y-y.top;c<f&&C<h||c>f&&C>h||(t(c,f),d.index=f)}}),[{isDragging:l},s]=Vn({type:"item",item:()=>({id:r,index:o}),collect:d=>({isDragging:d.isDragging()})});return s(a(n)),Yn(Wn,{ref:n,$opacity:l?0:1,"data-handler-id":i,children:e.content})};import{jsx as we}from"react/jsx-runtime";var Kn=Xn.div`
474
+ `,Gt=({item:e,onMove:t})=>{let{id:r,index:o}=e,n=An.useRef(null),[{handlerId:i},a]=Wn({accept:"item",collect:d=>({handlerId:d.getHandlerId()}),hover:(d,p)=>{if(!n.current)return;let c=d.index,f=o;if(c===f)return;let y=n.current?.getBoundingClientRect(),h=(y.bottom-y.top)/2,C=p.getClientOffset().y-y.top;c<f&&C<h||c>f&&C>h||(t(c,f),d.index=f)}}),[{isDragging:l},s]=Vn({type:"item",item:()=>({id:r,index:o}),collect:d=>({isDragging:d.isDragging()})});return s(a(n)),_n(Yn,{ref:n,$opacity:l?0:1,"data-handler-id":i,children:e.content})};import{jsx as $e}from"react/jsx-runtime";var qn=Un.div`
475
475
  display: flex;
476
476
  flex-direction: column;
477
477
  gap: ${e=>e.theme.spacing(1)};
478
- `,Ue=({className:e,items:t,onChange:r})=>{let o=t.sort((i,a)=>i.index-a.index),n=(i,a)=>{let l=o[i],s=o[a];r(o.map(d=>d.id===l.id?{...d,index:s.index}:d.id===s.id?{...d,index:l.index}:d))};return we(Un,{backend:Gn,children:we(Kn,{className:e,children:o.map(i=>i.disabled?we(_n.Fragment,{children:i.content},i.id):we(Jt,{item:i,onMove:n},i.id))})})};import{memo as si,useState as di}from"react";import mo from"styled-components";import{useState as ao}from"react";import V from"styled-components";import{useRef as qn,useState as Jn}from"react";import jn from"styled-components";import{jsx as ge}from"react/jsx-runtime";var Ge=jn.input`
479
- ${z};
480
- `,oe=({className:e,value:t,onChange:r,onTextChange:o,onEnter:n,options:i,...a})=>{let l=qn(null),[s,d]=Jn(!1),p=ge(Ge,{...a,ref:l,className:e,value:t||"",onChange:c=>{let f=c.target?.value||"";o?.(f),r?.(c),setTimeout(()=>{d(!!i?.length),l?.current?.focus()},100)},onKeyDown:c=>{c.key==="Enter"&&n?.(),a.onKeyDown?.(c)}});return!i?.length||a.disabled?p:ge(P,{isOpen:s,setOpen:d,modal:!1,variant:"small",trigger:ge("div",{children:p}),content:ge(m,{children:i.map(c=>ge(M,{label:c.label,disabled:c.disabled,onClick:()=>{o?.(c.value),d(!1)}},c.value))})})};import Qn from"styled-components";import{jsx as Ke,jsxs as jt}from"react/jsx-runtime";var Zn=Qn(m)`
478
+ `,Xe=({className:e,items:t,onChange:r})=>{let o=t.sort((i,a)=>i.index-a.index),n=(i,a)=>{let l=o[i],s=o[a];r(o.map(d=>d.id===l.id?{...d,index:s.index}:d.id===s.id?{...d,index:l.index}:d))};return $e(Gn,{backend:Kn,children:$e(qn,{className:e,children:o.map(i=>i.disabled?$e(Xn.Fragment,{children:i.content},i.id):$e(Gt,{item:i,onMove:n},i.id))})})};import{memo as di,useState as ci}from"react";import lo from"styled-components";import{useState as ro}from"react";import H from"styled-components";import{useRef as Jn,useState as jn}from"react";import Qn from"styled-components";import{jsx as ge}from"react/jsx-runtime";var Ue=Qn.input`
479
+ ${N};
480
+ `,oe=({className:e,value:t,onChange:r,onTextChange:o,onEnter:n,options:i,...a})=>{let l=Jn(null),[s,d]=jn(!1),p=ge(Ue,{...a,ref:l,className:e,value:t||"",onChange:c=>{let f=c.target?.value||"";o?.(f),r?.(c),setTimeout(()=>{d(!!i?.length),l?.current?.focus()},100)},onKeyDown:c=>{c.key==="Enter"&&n?.(),a.onKeyDown?.(c)}});return!i?.length||a.disabled?p:ge(R,{isOpen:s,setOpen:d,modal:!1,variant:"small",trigger:ge("div",{children:p}),content:ge(m,{children:i.map(c=>ge(M,{label:c.label,disabled:c.disabled,onClick:()=>{o?.(c.value),d(!1)}},c.value))})})};import Zn from"styled-components";import{jsx as Ge,jsxs as Kt}from"react/jsx-runtime";var ei=Zn(m)`
481
481
  height: ${e=>e.$show?"20px":0};
482
482
  justify-content: flex-start;
483
483
  gap: ${e=>e.theme.spacing(1)};
484
484
  transition: height 0.3s;
485
- `,re=({label:e,children:t,rightContent:r,error:o})=>jt(m,{gap:1,children:[(e||r)&&jt(m,{row:!0,justify:"space-between",children:[Ke(u,{variant:"headingXs",color:"textLight",uppercase:!0,children:e}),r]}),t,Ke(Zn,{$show:!!o,children:Ke(u,{variant:"bodySm",color:"textLight",children:o})})]});import{jsx as qe}from"react/jsx-runtime";var Qt=({filter:e,value:t,onChange:r})=>qe(m,{padding:3,children:qe(re,{label:e.label,children:qe(oe,{type:"text",placeholder:e.placeholder,value:t?.like||"",onTextChange:o=>r({...t||{},like:o})})})});import{jsx as Zt}from"react/jsx-runtime";var eo=({filter:e,value:t,onChange:r})=>{let o=t?.includes||[];return Zt(m,{gap:1,padding:3,children:e.options?.map(n=>Zt(Y,{label:n.label,checked:o.includes(n.value),setChecked:i=>{let a=i?[...o,n.value]:o.filter(l=>l!==n.value);r({...t||{},includes:a})}},String(n.value)))})};import{jsx as Je}from"react/jsx-runtime";var to=({filter:e,value:t,onChange:r})=>Je(m,{padding:1,children:e.options?.map(o=>Je(M,{iconName:o.iconName,label:o.label,disabled:o.disabled,onClick:()=>{r({...t||{},value:o.value})},rightContent:t?.value===o.value?Je(x,{name:"faCheck",size:"sm"}):void 0},String(o.value)))});import{useState as oo}from"react";import{jsx as Ce,jsxs as ei}from"react/jsx-runtime";var ro=({value:e,onChange:t})=>{let[r,o]=oo(String(e?.min||"")),[n,i]=oo(String(e?.max||"")),a=(l,s)=>{let d=l?.replace(/[^0-9.-]/g,"")||"",p=d.length?Number(d):void 0;t({...e,[s]:p&&isNaN(p)?void 0:p})};return ei(m,{padding:3,gap:2,children:[Ce(re,{label:"M\xEDnimo",children:Ce(oe,{type:"text",value:r,onTextChange:l=>{o(l),a(l,"min")}})}),Ce(re,{label:"M\xE1ximo",children:Ce(oe,{type:"text",value:n,onTextChange:l=>{i(l),a(l,"max")}})})]})};var no=({filter:e,value:t})=>{if(!t)return;let r=e.getError?.(t);if(r)return r;if(e.type==="text"){let o=t?.like||"";if(o?.length){if(e.minValue&&o.length<e.minValue)return`Debe tener al menos ${e.minValue} caracteres`;if(e.maxValue&&o.length>e.maxValue)return`La longitud m\xE1xima es ${e.maxValue} caracteres`}}if(e.type==="checkbox"){let o=t?.includes||[];if(e.minValue&&o.length<e.minValue)return`Debe seleccionar al menos ${e.minValue} opciones`;if(e.maxValue&&o.length>e.maxValue)return`Debe seleccionar como m\xE1ximo ${e.maxValue} opciones`}if(e.type==="range"){let o=t?.min,n=t?.max;if(o!==void 0&&o<e.minValue)return`El valor m\xEDnimo debe ser al menos ${e.minValue.toLocaleString()}`;if(n!==void 0&&n>e.maxValue)return`El valor m\xE1ximo debe ser como m\xE1ximo ${e.maxValue.toLocaleString()}`;if(o!==void 0&&n!==void 0&&o>n)return"El valor m\xEDnimo no puede ser mayor que el valor m\xE1ximo"}};var io=({filter:e,value:t})=>{if(t)switch(e.type){case"text":return t.like;case"select":return e.options?.find(r=>r.value===t?.value)?.label;case"checkbox":{let r=e.options.map(o=>{if(t?.includes?.includes(o.value))return o.label;if(t?.excludes?.includes(o.value))return`-${o.label}`}).filter(Boolean);return r.length?r.join(", "):void 0}case"range":return t?.min!==void 0&&t?.max!==void 0?`${t.min.toLocaleString()} - ${t.max.toLocaleString()}`:t?.min!==void 0?`${t.min.toLocaleString()} - \u221E`:t?.max!==void 0?`0 - ${t.max.toLocaleString()}`:void 0;default:return t?.value}};import{jsx as R,jsxs as je}from"react/jsx-runtime";var ti=V(m).attrs({width:"auto",row:!0,align:"center",gap:1})`
485
+ `,re=({label:e,children:t,rightContent:r,error:o})=>Kt(m,{gap:1,children:[(e||r)&&Kt(m,{row:!0,justify:"space-between",children:[Ge(u,{variant:"headingXs",color:"textLight",uppercase:!0,children:e}),r]}),t,Ge(ei,{$show:!!o,children:Ge(u,{variant:"bodySm",color:"textLight",children:o})})]});import{jsx as Ke}from"react/jsx-runtime";var qt=({filter:e,value:t,onChange:r})=>Ke(m,{padding:3,children:Ke(re,{label:e.label,children:Ke(oe,{type:"text",placeholder:e.placeholder,value:t?.like||"",onTextChange:o=>r({...t||{},like:o})})})});import{jsx as Jt}from"react/jsx-runtime";var jt=({filter:e,value:t,onChange:r})=>{let o=t?.includes||[];return Jt(m,{gap:1,padding:3,children:e.options?.map(n=>Jt(Y,{label:n.label,checked:o.includes(n.value),setChecked:i=>{let a=i?[...o,n.value]:o.filter(l=>l!==n.value);r({...t||{},includes:a})}},String(n.value)))})};import{jsx as qe}from"react/jsx-runtime";var Qt=({filter:e,value:t,onChange:r})=>qe(m,{padding:1,children:e.options?.map(o=>qe(M,{iconName:o.iconName,label:o.label,disabled:o.disabled,onClick:()=>{r({...t||{},value:o.value})},rightContent:t?.value===o.value?qe(x,{name:"faCheck",size:"sm"}):void 0},String(o.value)))});import{useState as Zt}from"react";import{jsx as ye,jsxs as ti}from"react/jsx-runtime";var eo=({value:e,onChange:t})=>{let[r,o]=Zt(String(e?.min||"")),[n,i]=Zt(String(e?.max||"")),a=(l,s)=>{let d=l?.replace(/[^0-9.-]/g,"")||"",p=d.length?Number(d):void 0;t({...e,[s]:p&&isNaN(p)?void 0:p})};return ti(m,{padding:3,gap:2,children:[ye(re,{label:"M\xEDnimo",children:ye(oe,{type:"text",value:r,onTextChange:l=>{o(l),a(l,"min")}})}),ye(re,{label:"M\xE1ximo",children:ye(oe,{type:"text",value:n,onTextChange:l=>{i(l),a(l,"max")}})})]})};var to=({filter:e,value:t})=>{if(!t)return;let r=e.getError?.(t);if(r)return r;if(e.type==="text"){let o=t?.like||"";if(o?.length){if(e.minValue&&o.length<e.minValue)return`Debe tener al menos ${e.minValue} caracteres`;if(e.maxValue&&o.length>e.maxValue)return`La longitud m\xE1xima es ${e.maxValue} caracteres`}}if(e.type==="checkbox"){let o=t?.includes||[];if(e.minValue&&o.length<e.minValue)return`Debe seleccionar al menos ${e.minValue} opciones`;if(e.maxValue&&o.length>e.maxValue)return`Debe seleccionar como m\xE1ximo ${e.maxValue} opciones`}if(e.type==="range"){let o=t?.min,n=t?.max;if(o!==void 0&&o<e.minValue)return`El valor m\xEDnimo debe ser al menos ${e.minValue.toLocaleString()}`;if(n!==void 0&&n>e.maxValue)return`El valor m\xE1ximo debe ser como m\xE1ximo ${e.maxValue.toLocaleString()}`;if(o!==void 0&&n!==void 0&&o>n)return"El valor m\xEDnimo no puede ser mayor que el valor m\xE1ximo"}};var oo=({filter:e,value:t})=>{if(t)switch(e.type){case"text":return t.like;case"select":return e.options?.find(r=>r.value===t?.value)?.label;case"checkbox":{let r=e.options.map(o=>{if(t?.includes?.includes(o.value))return o.label;if(t?.excludes?.includes(o.value))return`-${o.label}`}).filter(Boolean);return r.length?r.join(", "):void 0}case"range":return t?.min!==void 0&&t?.max!==void 0?`${t.min.toLocaleString()} - ${t.max.toLocaleString()}`:t?.min!==void 0?`${t.min.toLocaleString()} - \u221E`:t?.max!==void 0?`0 - ${t.max.toLocaleString()}`:void 0;default:return t?.value}};import{jsx as F,jsxs as Je}from"react/jsx-runtime";var oi=H(m).attrs({width:"auto",row:!0,align:"center",gap:1})`
486
486
  min-width: 100px;
487
487
  max-width: 200px;
488
488
  height: 28px;
@@ -512,26 +512,26 @@ to {
512
512
  }
513
513
 
514
514
  `}
515
- `,lo=V(x).attrs({size:"xs",color:"inherit"})``,oi=V(m).attrs({width:"auto",center:!0})`
515
+ `,no=H(x).attrs({size:"xs",color:"inherit"})``,ri=H(m).attrs({width:"auto",center:!0})`
516
516
  &:hover {
517
517
  color: ${e=>e.theme.colors.red500};
518
518
  }
519
- `,ri=V(m)`
519
+ `,ni=H(m)`
520
520
  min-width: 300px;
521
- `,ni=V(m)`
521
+ `,ii=H(m)`
522
522
  max-height: 300px;
523
523
  overflow-y: auto;
524
- `,ii=V(m)`
524
+ `,ai=H(m)`
525
525
  ${e=>e.theme.paddingHorizontal(3)};
526
526
  ${e=>e.theme.paddingBottom(2)};
527
- `,ai=V(m).attrs({width:"auto",row:!0,align:"center",gap:2})``,li=V(ai).attrs({width:"100%",justify:"space-between",padding:3})`
527
+ `,li=H(m).attrs({width:"auto",row:!0,align:"center",gap:2})``,si=H(li).attrs({width:"100%",justify:"space-between",padding:3})`
528
528
  ${e=>e.theme.paddingTop(2)};
529
529
  ${e=>e.theme.borderTop()}
530
- `,so=V(L).attrs({mini:!0})``,co=({filter:e,value:t,onChange:r})=>{let[o,n]=ao(!1),[i,a]=ao(t),l=no({filter:e,value:i}),s=t!=null,d=()=>{switch(e.type){case"checkbox":return R(eo,{filter:e,value:i,onChange:a});case"select":return R(to,{filter:e,value:i,onChange:a});case"range":return R(ro,{filter:e,value:i,onChange:a});default:return R(Qt,{filter:e,value:i,onChange:a})}};return R(P,{isOpen:o,setOpen:c=>{c||a(t),n(c)},trigger:je(ti,{$hasValue:s,children:[s?R(oi,{onClick:c=>{c.stopPropagation(),r(void 0)},children:R(lo,{name:"faCircleXmark"})}):R(lo,{name:"faCirclePlus"}),R(u,{variant:"bodySm",fontWeight:s?500:400,truncate:!0,style:{flexGrow:1},children:(()=>{if(s){let c=io({filter:e,value:t});if(c)return`${e.label}: ${c}`}return e.label})()}),s&&R(x,{name:"faChevronDown",size:"sm",color:"inherit"})]}),content:je(ri,{children:[R(ni,{children:d()}),l?.length&&R(ii,{children:R(u,{variant:"bodySm",color:"red",children:l})}),je(li,{children:[i?R(so,{variant:"tertiary",onClick:()=>a(void 0),children:"Borrar"}):R("div",{}),R(so,{variant:"primary",disabled:!!l,onClick:()=>{r(i),n(!1)},children:"Aplicar"})]})]})})};import{jsx as Qe,jsxs as fi}from"react/jsx-runtime";var ci=mo.div`
530
+ `,io=H(L).attrs({mini:!0})``,ao=({filter:e,value:t,onChange:r})=>{let[o,n]=ro(!1),[i,a]=ro(t),l=to({filter:e,value:i}),s=t!=null,d=()=>{switch(e.type){case"checkbox":return F(jt,{filter:e,value:i,onChange:a});case"select":return F(Qt,{filter:e,value:i,onChange:a});case"range":return F(eo,{filter:e,value:i,onChange:a});default:return F(qt,{filter:e,value:i,onChange:a})}};return F(R,{isOpen:o,setOpen:c=>{c||a(t),n(c)},trigger:Je(oi,{$hasValue:s,children:[s?F(ri,{onClick:c=>{c.stopPropagation(),r(void 0)},children:F(no,{name:"faCircleXmark"})}):F(no,{name:"faCirclePlus"}),F(u,{variant:"bodySm",fontWeight:s?500:400,truncate:!0,style:{flexGrow:1},children:(()=>{if(s){let c=oo({filter:e,value:t});if(c)return`${e.label}: ${c}`}return e.label})()}),s&&F(x,{name:"faChevronDown",size:"sm",color:"inherit"})]}),content:Je(ni,{children:[F(ii,{children:d()}),l?.length&&F(ai,{children:F(u,{variant:"bodySm",color:"red",children:l})}),Je(si,{children:[i?F(io,{variant:"tertiary",onClick:()=>a(void 0),children:"Borrar"}):F("div",{}),F(io,{variant:"primary",disabled:!!l,onClick:()=>{r(i),n(!1)},children:"Aplicar"})]})]})})};import{jsx as je,jsxs as gi}from"react/jsx-runtime";var mi=lo.div`
531
531
  width: 100%;
532
532
  display: inline-flex;
533
533
  gap: ${e=>e.theme.spacing(2)};
534
- `,mi=mo(m).attrs({width:"auto",center:!0})`
534
+ `,pi=lo(m).attrs({width:"auto",center:!0})`
535
535
  cursor: pointer;
536
536
  height: 28px;
537
537
  ${e=>e.theme.paddingHorizontal(3)};
@@ -542,11 +542,11 @@ to {
542
542
  color: ${e=>e.theme.colors.red800};
543
543
  background-color: ${e=>e.theme.colors.red100};
544
544
  }
545
- `,pi=si(e=>{let{className:t,filters:r,values:o,onFilterChange:n}=e,[i,a]=di(0);return fi(ci,{className:t,children:[r.map(l=>Qe(co,{filter:l,value:o[l.id],onChange:s=>n({...o,[l.id]:s})},`${l.id}-${i}`)),Object.keys(o).length>0&&Qe(mi,{onClick:()=>{n({}),a(l=>l+1)},children:Qe(u,{variant:"headingSm",children:"Clear Filters"})})]})});import bi,{useState as go}from"react";import et from"styled-components";import fo,{useTheme as gi}from"styled-components";import{jsx as po,jsxs as xi}from"react/jsx-runtime";var ui=fo.svg`
545
+ `,fi=di(e=>{let{className:t,filters:r,values:o,onFilterChange:n}=e,[i,a]=ci(0);return gi(mi,{className:t,children:[r.map(l=>je(ao,{filter:l,value:o[l.id],onChange:s=>n({...o,[l.id]:s})},`${l.id}-${i}`)),Object.keys(o).length>0&&je(pi,{onClick:()=>{n({}),a(l=>l+1)},children:je(u,{variant:"headingSm",children:"Clear Filters"})})]})});import $i,{useState as mo}from"react";import Ze from"styled-components";import co,{useTheme as ui}from"styled-components";import{jsx as so,jsxs as bi}from"react/jsx-runtime";var hi=co.svg`
546
546
  color: ${({theme:e,$color:t})=>e.colors[t]};
547
547
  overflow: visible;
548
548
  width: ${({$width:e})=>e};
549
- `,hi=fo.circle`
549
+ `,xi=co.circle`
550
550
  animation: spinners-react-circular 1s linear infinite;
551
551
 
552
552
  @keyframes spinners-react-circular {
@@ -561,7 +561,7 @@ to {
561
561
  stroke-dashoffset: 132;
562
562
  }
563
563
  }
564
- `,Ze=({width:e,color:t})=>{let{colors:r}=gi();return xi(ui,{fill:"none",viewBox:"0 0 66 66",$width:e||"60px",$color:t||"primary",children:[po("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:r.textLight,strokeWidth:"4"}),po(hi,{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:"5"})]})};import{jsx as ve,jsxs as vi}from"react/jsx-runtime";var $i=et(m).attrs({center:!0})`
564
+ `,Qe=({width:e,color:t})=>{let{colors:r}=ui();return bi(hi,{fill:"none",viewBox:"0 0 66 66",$width:e||"60px",$color:t||"primary",children:[so("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:r.textLight,strokeWidth:"4"}),so(xi,{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:"5"})]})};import{jsx as we,jsxs as ki}from"react/jsx-runtime";var yi=Ze(m).attrs({center:!0})`
565
565
  position: relative;
566
566
  background-color: ${e=>e.theme.colors[e.$backgroundColor]||e.theme.colors.backgroundLight};
567
567
  border-radius: ${e=>e.$borderRadius||"0"};
@@ -570,14 +570,14 @@ to {
570
570
  ${e=>e.onClick&&`
571
571
  cursor: pointer;
572
572
  `}
573
- `,yi=et(m).attrs({center:!0})`
573
+ `,wi=Ze(m).attrs({center:!0})`
574
574
  position: absolute;
575
575
  top: 0;
576
576
  left: 0;
577
577
  width: 100%;
578
578
  height: 100%;
579
579
  flex-shrink: 0;
580
- `,wi=et.img`
580
+ `,Ci=Ze.img`
581
581
  position: absolute;
582
582
  top: 0;
583
583
  left: 0;
@@ -596,11 +596,11 @@ to {
596
596
  -moz-user-drag: none;
597
597
  -o-user-drag: none;
598
598
  user-drag: none;
599
- `,Ci=bi.forwardRef((e,t)=>{let{className:r,src:o,alt:n,fallback:i,onClick:a,width:l="20px",height:s="20px",borderRadius:d="0",objectFit:p="cover",backgroundColor:c="backgroundLight"}=e,[f,y]=go(!1),[h,g]=go(!1),C=()=>{if(o?.length)return ve(wi,{src:o,alt:n||"",$objectFit:p,style:{opacity:f?1:0},onLoad:()=>y(!0),onError:()=>g(!0)})};return vi($i,{className:r,ref:t,width:l,height:s,onClick:a,$borderRadius:d,$backgroundColor:c,children:[ve(yi,{children:(()=>{if(!f)return!f&&!h&&o?.length?ve(Ze,{width:"30px",color:"textLight"}):i||ve(x,{name:"faCircleQuestion",color:"textLight"})})()}),C()]})});import ki,{keyframes as Di}from"styled-components";import{jsx as Ri}from"react/jsx-runtime";var Ti=Di`
599
+ `,vi=$i.forwardRef((e,t)=>{let{className:r,src:o,alt:n,fallback:i,onClick:a,width:l="20px",height:s="20px",borderRadius:d="0",objectFit:p="cover",backgroundColor:c="backgroundLight"}=e,[f,y]=mo(!1),[h,g]=mo(!1),C=()=>{if(o?.length)return we(Ci,{src:o,alt:n||"",$objectFit:p,style:{opacity:f?1:0},onLoad:()=>y(!0),onError:()=>g(!0)})};return ki(yi,{className:r,ref:t,width:l,height:s,onClick:a,$borderRadius:d,$backgroundColor:c,children:[we(wi,{children:(()=>{if(!f)return!f&&!h&&o?.length?we(Qe,{width:"30px",color:"textLight"}):i||we(x,{name:"faCircleQuestion",color:"textLight"})})()}),C()]})});import Di,{keyframes as Ti}from"styled-components";import{jsx as Si}from"react/jsx-runtime";var Ri=Ti`
600
600
  from { background-position: 200% 0;}
601
601
  to { background-position: -200% 0; }
602
- `,Pi=ki.div`
603
- animation: ${Ti} 4s linear infinite;
602
+ `,Fi=Di.div`
603
+ animation: ${Ri} 4s linear infinite;
604
604
  animation-fill-mode: forwards;
605
605
  background: rgb(246, 248, 250);
606
606
  background: linear-gradient(
@@ -613,13 +613,13 @@ to {
613
613
  border-radius: 4px;
614
614
  width: ${e=>e.$width};
615
615
  height: ${e=>e.$height};
616
- `,tt=({width:e="auto",height:t="auto",className:r})=>Ri(Pi,{$width:e,$height:t,className:r});import De from"styled-components";import*as S from"@radix-ui/react-dialog";import{jsx as ue,jsxs as ke}from"react/jsx-runtime";var Si=De(S.Overlay)`
616
+ `,et=({width:e="auto",height:t="auto",className:r})=>Si(Fi,{$width:e,$height:t,className:r});import ve from"styled-components";import*as S from"@radix-ui/react-dialog";import{jsx as ue,jsxs as Ce}from"react/jsx-runtime";var Pi=ve(S.Overlay)`
617
617
  background-color: #000;
618
618
  position: fixed;
619
619
  inset: 0;
620
620
  opacity: 0.1;
621
- animation: ${Ht} 00ms;
622
- `,Ii=De(S.Content)`
621
+ animation: ${Mt} 00ms;
622
+ `,Ii=ve(S.Content)`
623
623
  background-color: white;
624
624
  border-radius: 8px;
625
625
  box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.1);
@@ -627,13 +627,13 @@ to {
627
627
  top: 50%;
628
628
  left: 50%;
629
629
  transform: translate(-50%, -50%);
630
- animation: ${Bt} 400ms ease-out;
630
+ animation: ${Nt} 400ms ease-out;
631
631
  min-width: min(480px, 90%);
632
632
  ${e=>e.theme.padding(2,3)};
633
633
  display: flex;
634
634
  flex-direction: column;
635
635
  gap: ${e=>e.theme.spacing(4)};
636
- `,Fi=De(S.Title)`
636
+ `,Li=ve(S.Title)`
637
637
  display: flex;
638
638
  justify-content: space-between;
639
639
  align-items: center;
@@ -642,15 +642,15 @@ to {
642
642
  ${e=>e.theme.paddingBottom(2)};
643
643
 
644
644
  ${e=>e.theme.borderBottom()}
645
- `,Li=De(S.Description)`
645
+ `,Oi=ve(S.Description)`
646
646
  display: none;
647
- `,ot=({open:e,setOpen:t,title:r,children:o,trigger:n})=>ke(S.Root,{open:e,onOpenChange:t,children:[n&&ue(S.Trigger,{asChild:!0,children:n}),ke(S.Portal,{children:[ue(Si,{}),ke(Ii,{children:[r&&ke(Fi,{children:[ue(u,{variant:"headingMd",children:r}),ue(_,{iconName:"faCircleXmark",color:"textLight",size:"lg",onClick:()=>t?.(!1)})]}),ue(Li,{}),o]})]})]});import{useEffect as Oi,useState as uo}from"react";import he from"styled-components";import{jsx as B,jsxs as ho}from"react/jsx-runtime";var Mi=he.div`
647
+ `,tt=({open:e,setOpen:t,title:r,children:o,trigger:n})=>Ce(S.Root,{open:e,onOpenChange:t,children:[n&&ue(S.Trigger,{asChild:!0,children:n}),Ce(S.Portal,{children:[ue(Pi,{}),Ce(Ii,{children:[r&&Ce(Li,{children:[ue(u,{variant:"headingMd",children:r}),ue(_,{iconName:"faCircleXmark",color:"textLight",size:"lg",onClick:()=>t?.(!1)})]}),ue(Oi,{}),o]})]})]});import{useEffect as Mi,useState as po}from"react";import he from"styled-components";import{jsx as B,jsxs as fo}from"react/jsx-runtime";var Ni=he.div`
648
648
  display: flex;
649
649
  flex-direction: column;
650
650
  width: 100%;
651
651
  min-width: var(--radix-popover-trigger-width);
652
652
  overflow: hidden;
653
- `,rt=he.div`
653
+ `,ot=he.div`
654
654
  padding: 8px;
655
655
  display: flex;
656
656
  align-items: center;
@@ -664,22 +664,22 @@ to {
664
664
  width: 100%;
665
665
  position: relative;
666
666
  cursor: pointer;
667
- `,Ni=he(Ge)`
667
+ `,Bi=he(Ue)`
668
668
  cursor: inherit;
669
- `,Hi=he.div`
669
+ `,Ei=he.div`
670
670
  position: absolute;
671
671
  right: 8px;
672
672
  top: 8px;
673
- `,Bi=({values:e,onChange:t,options:r,placeholder:o,renderValues:n,disabled:i})=>{let[a,l]=uo(!1),[s,d]=uo(""),p=r.filter(g=>e?.includes(g.value)),c=r.filter(g=>!s?.length||g.label.toLowerCase().includes(s.toLowerCase())),f=g=>{e?.includes(g)?t(e?.filter(C=>C!==g)):t([...e||[],g])};Oi(()=>{a||d("")},[a]);let y=()=>ho(Mi,{children:[!s?.length&&B(rt,{children:B(Y,{label:"Select all",checked:p.length===r.length,setChecked:g=>{t(g?r.map(C=>C.value):[])}})}),c?.length>0?c.map(g=>B(rt,{onClick:()=>{f(g.value)},children:B(Y,{checked:e?.includes(g.value),label:g.label})},g.value)):B(rt,{children:B(u,{children:"No results found"})})]}),h="Type to search...";return B(P,{isOpen:a,setOpen:l,trigger:ho(zi,{onClick:()=>l(!0),children:[B(Ni,{value:a?s:n(p),onChange:g=>{d(g.target.value),l(!0)},placeholder:a?h:o||h,disabled:i}),B(Hi,{children:B(x,{name:a?"faChevronUp":"faChevronDown",size:"sm"})})]}),content:y(),disabled:i})};import{useState as Ei}from"react";import Vi from"styled-components";import{jsx as Te}from"react/jsx-runtime";import{createElement as Yi}from"react";var Ai=Vi(pe)`
673
+ `,Ai=({values:e,onChange:t,options:r,placeholder:o,renderValues:n,disabled:i})=>{let[a,l]=po(!1),[s,d]=po(""),p=r.filter(g=>e?.includes(g.value)),c=r.filter(g=>!s?.length||g.label.toLowerCase().includes(s.toLowerCase())),f=g=>{e?.includes(g)?t(e?.filter(C=>C!==g)):t([...e||[],g])};Mi(()=>{a||d("")},[a]);let y=()=>fo(Ni,{children:[!s?.length&&B(ot,{children:B(Y,{label:"Select all",checked:p.length===r.length,setChecked:g=>{t(g?r.map(C=>C.value):[])}})}),c?.length>0?c.map(g=>B(ot,{onClick:()=>{f(g.value)},children:B(Y,{checked:e?.includes(g.value),label:g.label})},g.value)):B(ot,{children:B(u,{children:"No results found"})})]}),h="Type to search...";return B(R,{isOpen:a,setOpen:l,trigger:fo(zi,{onClick:()=>l(!0),children:[B(Bi,{value:a?s:n(p),onChange:g=>{d(g.target.value),l(!0)},placeholder:a?h:o||h,disabled:i}),B(Ei,{children:B(x,{name:a?"faChevronUp":"faChevronDown",size:"sm"})})]}),content:y(),disabled:i})};import{useState as Hi}from"react";import Vi from"styled-components";import{jsx as ke}from"react/jsx-runtime";import{createElement as _i}from"react";var Wi=Vi(pe)`
674
674
  border-radius: 4px;
675
- `,Wi=({value:e,onChange:t,options:r,placeholder:o,disabled:n,fullWidth:i=!0,variant:a})=>{let[l,s]=Ei(!1),d=r.find(p=>p.value===e);return Te(P,{isOpen:l,setOpen:s,variant:"small",trigger:Te(Ai,{label:d?.label||o,isOpen:l,disabled:n,fullWidth:i,variant:a}),content:Te(m,{padding:1,children:r.map(p=>Yi(M,{...p,key:p.value,variant:a,onClick:()=>{t(p.value),s(!1)},rightContent:e===p.value?Te(x,{name:"faCheck",size:"xs"}):void 0}))})})};import{useEffect as nt,useRef as _i,useState as it}from"react";import ne from"styled-components";import*as I from"@radix-ui/react-dialog";import{jsx as A,jsxs as at}from"react/jsx-runtime";var Pe=580,bo="slideoutWidth",Xi=ne(I.Title)`
675
+ `,Yi=({value:e,onChange:t,options:r,placeholder:o,disabled:n,fullWidth:i=!0,variant:a})=>{let[l,s]=Hi(!1),d=r.find(p=>p.value===e);return ke(R,{isOpen:l,setOpen:s,variant:"small",trigger:ke(Wi,{label:d?.label||o,isOpen:l,disabled:n,fullWidth:i,variant:a}),content:ke(m,{padding:1,children:r.map(p=>_i(M,{...p,key:p.value,variant:a,onClick:()=>{t(p.value),s(!1)},rightContent:e===p.value?ke(x,{name:"faCheck",size:"xs"}):void 0}))})})};import{useEffect as rt,useRef as Xi,useState as nt}from"react";import ne from"styled-components";import*as P from"@radix-ui/react-dialog";import{jsx as V,jsxs as it}from"react/jsx-runtime";var De=580,uo="slideoutWidth",Ui=ne(P.Title)`
676
676
  ${e=>e.theme.borderBottom()};
677
677
  display: flex;
678
678
  align-items: center;
679
679
  justify-content: space-between;
680
680
  ${e=>e.theme.padding(4)};
681
681
  padding-top: 0;
682
- `,Ui=ne(I.Content)`
682
+ `,Gi=ne(P.Content)`
683
683
  display: flex;
684
684
  flex-direction: column;
685
685
  position: fixed;
@@ -701,19 +701,19 @@ to {
701
701
  animation: ${Ft} 400ms ease-in-out; // must use animation, can't use transition: https://github.com/radix-ui/primitives/issues/994
702
702
  }
703
703
  &[data-state='closed'] {
704
- animation: ${Lt} 400ms ease-in-out;
704
+ animation: ${St} 400ms ease-in-out;
705
705
  }
706
706
  &:focus-visible {
707
707
  outline: none;
708
708
  }
709
- `,Gi=ne.div`
709
+ `,Ki=ne.div`
710
710
  ${e=>e.theme.padding(4)};
711
- `,Ki=ne(I.Close)`
711
+ `,qi=ne(P.Close)`
712
712
  all: unset;
713
713
  display: flex;
714
714
  align-items: center;
715
715
  justify-content: center;
716
- `,qi=ne.div`
716
+ `,Ji=ne.div`
717
717
  position: absolute;
718
718
  left: 0;
719
719
  top: 0;
@@ -731,12 +731,12 @@ to {
731
731
  opacity: 1;
732
732
  background: ${e=>e.theme.colors.backgroundLight};
733
733
  }
734
- `,Ji=ne.div`
734
+ `,ji=ne.div`
735
735
  height: 40px;
736
736
  width: 4px;
737
737
  background-color: ${e=>e.theme.colors.textLight};
738
738
  border-radius: 4px;
739
- `,xo=(e,t)=>{let r=sessionStorage.getItem(bo);switch(!0){case(t&&r&&parseInt(r)<e):return r;case e>=1440:return"800px";case e>=1280:return"720px";case e>=600:return`${Pe}px`;default:return"100%"}},ji=({children:e,trigger:t,disabled:r=!1,open:o,setOpen:n,title:i,resizable:a=!0})=>{let[l,s]=it(window.innerWidth),[d,p]=it(""),[c,f]=it(!1),y=_i(null);return nt(()=>{let h=()=>{let g=window.innerWidth;s(g),p(xo(g,a))};return window.addEventListener("resize",h),h(),()=>window.removeEventListener("resize",h)},[]),nt(()=>{if(!a||!c)return;let h,g=b=>{if(!y.current)return;let $=window.innerWidth-b.clientX,w=$>=window.innerWidth;window.innerWidth<Pe||w?h="100%":$<Pe?h=`${Pe}px`:h=`${$}px`,y.current.style.width=h},C=()=>{p(h),sessionStorage.setItem(bo,h),f(!1)};return window.addEventListener("mousemove",g),window.addEventListener("mouseup",C),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",C)}},[c]),nt(()=>{p(xo(l,a))},[o]),r?t:at(I.Root,{open:o,onOpenChange:n,modal:!1,children:[t&&A(I.Trigger,{asChild:!0,children:t}),A(I.Portal,{children:at(Ui,{$width:d,$open:o||!1,ref:y,children:[i&&at(Xi,{children:[A(u,{variant:"headingXl",children:i}),A(Ki,{children:A(_,{iconName:"faCircleXmark",color:"textLight"})})]}),A(I.Description,{}),A(Gi,{children:e}),a&&A(qi,{onMouseDown:()=>f(!0),"aria-label":"resize slideout handle",children:A(Ji,{})})]})})]})};import Qi from"react";import Zi from"styled-components";import{jsx as lt,jsxs as oa}from"react/jsx-runtime";var ea=Zi.div`
739
+ `,go=(e,t)=>{let r=sessionStorage.getItem(uo);switch(!0){case(t&&r&&parseInt(r)<e):return r;case e>=1440:return"800px";case e>=1280:return"720px";case e>=600:return`${De}px`;default:return"100%"}},Qi=({children:e,trigger:t,disabled:r=!1,open:o,setOpen:n,title:i,resizable:a=!0})=>{let[l,s]=nt(window.innerWidth),[d,p]=nt(""),[c,f]=nt(!1),y=Xi(null);return rt(()=>{let h=()=>{let g=window.innerWidth;s(g),p(go(g,a))};return window.addEventListener("resize",h),h(),()=>window.removeEventListener("resize",h)},[]),rt(()=>{if(!a||!c)return;let h,g=b=>{if(!y.current)return;let $=window.innerWidth-b.clientX,w=$>=window.innerWidth;window.innerWidth<De||w?h="100%":$<De?h=`${De}px`:h=`${$}px`,y.current.style.width=h},C=()=>{p(h),sessionStorage.setItem(uo,h),f(!1)};return window.addEventListener("mousemove",g),window.addEventListener("mouseup",C),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",C)}},[c]),rt(()=>{p(go(l,a))},[o]),r?t:it(P.Root,{open:o,onOpenChange:n,modal:!1,children:[t&&V(P.Trigger,{asChild:!0,children:t}),V(P.Portal,{children:it(Gi,{$width:d,$open:o||!1,ref:y,children:[i&&it(Ui,{children:[V(u,{variant:"headingXl",children:i}),V(qi,{children:V(_,{iconName:"faCircleXmark",color:"textLight"})})]}),V(P.Description,{}),V(Ki,{children:e}),a&&V(Ji,{onMouseDown:()=>f(!0),"aria-label":"resize slideout handle",children:V(ji,{})})]})})]})};import Zi from"react";import ea from"styled-components";import{jsx as at,jsxs as ra}from"react/jsx-runtime";var ta=ea.div`
740
740
  display: flex;
741
741
  align-items: center;
742
742
  justify-content: flex-start;
@@ -745,7 +745,7 @@ to {
745
745
  float: left;
746
746
  ${e=>e.theme.padding(1,2)};
747
747
  background-color: ${e=>e.theme.colors[e.$color]};
748
- `,ta=Qi.forwardRef((e,t)=>{let{label:r,color:o="plain",iconName:n,tooltip:i}=e,a=o==="plain"?"textNormal":`${o}800`,l=o==="plain"?"backgroundLight":`${o}100`;return lt(ce,{content:i,children:oa(ea,{ref:t,$color:l,children:[lt(u,{variant:"headingSm",color:a,children:r}),n&&lt(x,{name:n,color:a,size:"sm"})]})})});import ra from"react";import dt from"styled-components";import*as Re from"@radix-ui/react-switch";import{jsx as st,jsxs as sa}from"react/jsx-runtime";var na=dt.div`
748
+ `,oa=Zi.forwardRef((e,t)=>{let{label:r,color:o="plain",iconName:n,tooltip:i}=e,a=o==="plain"?"textNormal":`${o}800`,l=o==="plain"?"backgroundLight":`${o}100`;return at(ce,{content:i,children:ra(ta,{ref:t,$color:l,children:[at(u,{variant:"headingSm",color:a,children:r}),n&&at(x,{name:n,color:a,size:"sm"})]})})});import na from"react";import st from"styled-components";import*as Te from"@radix-ui/react-switch";import{jsx as lt,jsxs as da}from"react/jsx-runtime";var ia=st.div`
749
749
  display: flex;
750
750
  align-items: center;
751
751
  gap: ${e=>e.theme.spacing(2)};
@@ -757,7 +757,7 @@ to {
757
757
  `:`
758
758
  cursor: pointer;
759
759
  `};
760
- `,ia=dt(Re.Root)`
760
+ `,aa=st(Te.Root)`
761
761
  all: unset;
762
762
  display: inline-block;
763
763
  width: 38px;
@@ -771,7 +771,7 @@ to {
771
771
  &:enabled {
772
772
  cursor: pointer;
773
773
  }
774
- `,aa=dt(Re.Thumb)`
774
+ `,la=st(Te.Thumb)`
775
775
  display: block;
776
776
  background-color: white;
777
777
  width: 16px;
@@ -782,16 +782,16 @@ to {
782
782
  &[data-state='checked'] {
783
783
  transform: translateX(20px);
784
784
  }
785
- `,la=ra.forwardRef((e,t)=>{let{checked:r,setChecked:o,label:n,disabled:i=!1}=e;return sa(na,{ref:t,onClick:()=>o?.(!r),$disabled:i,children:[st(ia,{checked:r,onCheckedChange:o,disabled:i,children:st(aa,{})}),n&&st(u,{children:n})]})});import da,{useState as ca,useEffect as ma,useRef as $o}from"react";import Ie from"styled-components";import{jsx as Se,jsxs as xa}from"react/jsx-runtime";var pa=Ie.div`
785
+ `,sa=na.forwardRef((e,t)=>{let{checked:r,setChecked:o,label:n,disabled:i=!1}=e;return da(ia,{ref:t,onClick:()=>o?.(!r),$disabled:i,children:[lt(aa,{checked:r,onCheckedChange:o,disabled:i,children:lt(la,{})}),n&&lt(u,{children:n})]})});import ca,{useState as ma,useEffect as pa,useRef as ho}from"react";import Fe from"styled-components";import{jsx as Re,jsxs as ba}from"react/jsx-runtime";var fa=Fe.div`
786
786
  width: 100%;
787
- `,fa=Ie.div`
787
+ `,ga=Fe.div`
788
788
  width: 100%;
789
789
  display: flex;
790
790
  align-items: center;
791
791
  gap: ${e=>e.theme.spacing(6)};
792
792
  ${e=>e.theme.paddingVertical(1)};
793
793
  ${e=>e.theme.borderBottom(1)};
794
- `,ga=Ie.div`
794
+ `,ua=Fe.div`
795
795
  position: relative;
796
796
  color: ${e=>e.theme.colors.textLight};
797
797
  background-color: transparent;
@@ -801,7 +801,7 @@ to {
801
801
  &:hover {
802
802
  background-color: ${e=>e.theme.colors.backgroundLight};
803
803
  }
804
- `,ua=Ie.div`
804
+ `,ha=Fe.div`
805
805
  position: relative;
806
806
  width: ${e=>e.$width};
807
807
  height: 3px;
@@ -810,27 +810,27 @@ to {
810
810
  background-color: ${e=>e.theme.colors.primary};
811
811
  border-radius: 4px;
812
812
  transition: all 0.25s ease-in-out;
813
- `,ha=da.memo(({className:e,value:t,onChange:r,tabs:o})=>{let n=$o(null),i=$o(null),[a,l]=ca({width:"0px",left:"0px"});return ma(()=>{n?.current&&i?.current&&l({width:`${i.current.offsetWidth||0}px`,left:`${(i.current.offsetLeft||0)-n.current.offsetLeft}px`})},[t,n,i]),xa(pa,{children:[Se(fa,{ref:n,className:e,children:o.map((s,d)=>{let p=t?t===s.value:d===0;return Se(ga,{onClick:()=>r(s.value),ref:p?i:null,children:Se(u,{color:p?"primary":"textLight",variant:"headingSm",children:s.label})},s.value)})}),Se(ua,{$width:a.width,$left:a.left})]})});import ie from"styled-components";import ba,{useState as $a}from"react";import ko from"styled-components";var yo=e=>JSON.parse(localStorage.getItem(e)||"{}"),wo=(e,t)=>localStorage.setItem(e,JSON.stringify(t));import{jsx as G,jsxs as vo}from"react/jsx-runtime";var ya=ko.div`
813
+ `,xa=ca.memo(({className:e,value:t,onChange:r,tabs:o})=>{let n=ho(null),i=ho(null),[a,l]=ma({width:"0px",left:"0px"});return pa(()=>{n?.current&&i?.current&&l({width:`${i.current.offsetWidth||0}px`,left:`${(i.current.offsetLeft||0)-n.current.offsetLeft}px`})},[t,n,i]),ba(fa,{children:[Re(ga,{ref:n,className:e,children:o.map((s,d)=>{let p=t?t===s.value:d===0;return Re(ua,{onClick:()=>r(s.value),ref:p?i:null,children:Re(u,{color:p?"primary":"textLight",variant:"headingSm",children:s.label})},s.value)})}),Re(ha,{$width:a.width,$left:a.left})]})});import ie from"styled-components";import $a,{useState as ya}from"react";import wo from"styled-components";var xo=e=>JSON.parse(localStorage.getItem(e)||"{}"),bo=(e,t)=>localStorage.setItem(e,JSON.stringify(t));import{jsx as G,jsxs as yo}from"react/jsx-runtime";var wa=wo.div`
814
814
  display: flex;
815
815
  flex-direction: column;
816
816
  gap: ${e=>e.theme.spacing(2)};
817
- `,wa=ko.div`
817
+ `,Ca=wo.div`
818
818
  display: flex;
819
819
  align-items: center;
820
820
  justify-content: flex-end;
821
821
  gap: ${e=>e.theme.spacing(2)};
822
- `,Co="tableSettings",Do=({id:e,columns:t})=>{let[r,o]=ba.useState(!1),n=yo(Co),i=n?.[e]||[],a=i?.columns||[],l=t.map((g,C)=>{let b=a?.find?.($=>$.id===g.id);return{...g,order:b?b.order:C,hidden:b?.hidden||!1}}),[s,d]=$a(l),p="Edit Columns",c=()=>{d(t.map((g,C)=>({...g,order:C,hidden:!1})))},f=()=>{wo(Co,{...n,[e]:{...i,columns:s.map(g=>({id:g.id,order:g.order,hidden:g.hidden}))}}),o(!1)},y=s.map(g=>({id:g.id,index:g.order,content:G("div",{children:G(Y,{label:g.header,disabled:g.required,checked:!g.hidden,setChecked:C=>{d(b=>b.map($=>$.id===g.id?{...$,hidden:!C}:$))}})},g.id)})),h=g=>d(C=>C.map(b=>{let $=g.find(w=>w.id===b.id);return{...b,order:$.index}}));return G(ot,{title:p,trigger:G(L,{iconName:"faGear",mini:!0,variant:"secondary",children:p}),open:r,setOpen:o,children:vo(ya,{children:[G(Ue,{items:y,onChange:h}),vo(wa,{children:[G(L,{variant:"tertiary",onClick:c,children:"Reset"}),G(L,{variant:"secondary",onClick:()=>o(!1),children:"Cancel"}),G(L,{onClick:f,children:"Save"})]})]})})};import W from"styled-components";var To=W.table`
822
+ `,$o="tableSettings",Co=({id:e,columns:t})=>{let[r,o]=$a.useState(!1),n=xo($o),i=n?.[e]||[],a=i?.columns||[],l=t.map((g,C)=>{let b=a?.find?.($=>$.id===g.id);return{...g,order:b?b.order:C,hidden:b?.hidden||!1}}),[s,d]=ya(l),p="Edit Columns",c=()=>{d(t.map((g,C)=>({...g,order:C,hidden:!1})))},f=()=>{bo($o,{...n,[e]:{...i,columns:s.map(g=>({id:g.id,order:g.order,hidden:g.hidden}))}}),o(!1)},y=s.map(g=>({id:g.id,index:g.order,content:G("div",{children:G(Y,{label:g.header,disabled:g.required,checked:!g.hidden,setChecked:C=>{d(b=>b.map($=>$.id===g.id?{...$,hidden:!C}:$))}})},g.id)})),h=g=>d(C=>C.map(b=>{let $=g.find(w=>w.id===b.id);return{...b,order:$.index}}));return G(tt,{title:p,trigger:G(L,{iconName:"faGear",mini:!0,variant:"secondary",children:p}),open:r,setOpen:o,children:yo(wa,{children:[G(Xe,{items:y,onChange:h}),yo(Ca,{children:[G(L,{variant:"tertiary",onClick:c,children:"Reset"}),G(L,{variant:"secondary",onClick:()=>o(!1),children:"Cancel"}),G(L,{onClick:f,children:"Save"})]})]})})};import W from"styled-components";var vo=W.table`
823
823
  width: 100%;
824
824
  border-collapse: collapse;
825
825
  border-spacing: 0;
826
826
  table-layout: auto;
827
827
  margin: 0;
828
828
  background-color: ${e=>e.theme.colors.background};
829
- `,Po=W.thead`
829
+ `,ko=W.thead`
830
830
  position: sticky;
831
831
  top: 0;
832
832
  background-color: ${e=>e.theme.colors.background};
833
- `,Ro=W.td`
833
+ `,Do=W.td`
834
834
  width: 100%;
835
835
  width: ${e=>e.$width||"100%"};
836
836
  min-width: ${e=>e.$width||"60px"};
@@ -838,14 +838,16 @@ to {
838
838
  align-items: center;
839
839
  justify-content: ${e=>e.$align==="right"?"flex-end":"space-between"};
840
840
  gap: ${e=>e.theme.spacing(1)};
841
- ${e=>e.theme.padding(1,0)};
842
- `,So=W.tr`
841
+ ${e=>e.theme.padding(2,0)};
842
+ `,Se=W.tr`
843
843
  display: flex;
844
844
  align-items: center;
845
845
  ${e=>e.theme.borderBottom()}
846
- `,ct=W(So)``,Io=W(Ro)`
846
+ `,To=W(Se)`
847
+ background-color: ${e=>e.theme.colors.backgroundLight};
848
+ `,Ro=W(Do)`
847
849
  ${e=>e.$canSort&&"cursor: pointer;"}
848
- `,mt=W.tbody``,Fo=W(So)`
850
+ `,dt=W.tbody``,Fo=W(Se)`
849
851
  ${e=>e.onClick&&"cursor: pointer;"}
850
852
  &:last-child {
851
853
  border-bottom: none;
@@ -854,50 +856,51 @@ to {
854
856
  &:hover {
855
857
  background-color: ${e=>e.theme.colors.backgroundLight};
856
858
  }
857
- `,pt=W(Ro)`
859
+ `,ct=W(Do)`
858
860
  ${e=>e.theme.typography.bodyMd};
859
861
  color: ${e=>e.theme.colors.textNormal};
860
- `;import{Fragment as Sa,jsx as D,jsxs as K}from"react/jsx-runtime";var Ca=ie.div`
862
+ `;import{Fragment as Pa,jsx as D,jsxs as K}from"react/jsx-runtime";var va=ie.div`
861
863
  min-width: 100%;
862
864
  display: flex;
863
865
  flex-direction: column;
864
866
  background-color: ${e=>e.theme.colors.background};
867
+ ${e=>e.theme.border()};
865
868
  border-radius: 8px;
866
- gap: ${e=>e.theme.spacing(3)};
867
- `,va=ie.div`
869
+ overflow: hidden;
870
+ `,ka=ie.div`
868
871
  width: 100%;
869
872
  display: flex;
870
873
  align-items: center;
871
874
  justify-content: space-between;
872
- ${e=>e.theme.paddingBottom(3)}
875
+ ${e=>e.theme.padding(3)}
873
876
  ${e=>e.theme.borderBottom()}
874
- `,ka=ie.div`
877
+ `,Da=ie.div`
875
878
  display: flex;
876
879
  align-items: center;
877
880
  gap: ${e=>e.theme.spacing(2)};
878
- `,Da=ie.div`
881
+ `,Ta=ie.div`
879
882
  height: ${e=>e.$height||"auto"};
880
883
  overflow: ${e=>e.$isLoading?"hidden":"auto"};
881
- `,Ta=ie.div`
884
+ `,Ra=ie.div`
882
885
  width: 100%;
883
886
  display: flex;
884
887
  align-items: center;
885
888
  justify-content: space-between;
886
- ${e=>e.theme.paddingVertical(3)}
889
+ ${e=>e.theme.padding(3)}
887
890
  ${e=>e.theme.borderTop()}
888
- `,Pa=ie.div`
891
+ `,Fa=ie.div`
889
892
  display: flex;
890
893
  align-items: center;
891
894
  gap: ${e=>e.theme.spacing(2)};
892
- `,Ra=({id:e,columns:t,data:r,isLoading:o,emptyState:n,header:i,onRowClick:a,sorting:l,onSortChange:s,pagination:d,onPaginationChange:p,disableCustomization:c,height:f})=>{let y=()=>!i&&c?null:K(va,{children:[i||D("div",{}),D(ka,{children:!c&&D(Do,{id:e,columns:t})})]}),h=()=>{if(o)return D(mt,{children:Array.from({length:15}).map(($,w)=>D(ct,{children:t.map(v=>D(pt,{$width:v.width,$align:v.align,children:D(tt,{width:"100%",height:"18px"})},`loadingrow-${w}-column-${v.id}`))},`loadingrow-${w}`))});if(!r?.length)return null;let b=($,w)=>{if($.cell)return $.cell(w);let v=w[$.id];return $.formatter?$.formatter(v,w):v};return D(mt,{children:r.map(($,w)=>D(Fo,{onClick:a?()=>a($):null,children:t.map(v=>D(pt,{$width:v.width,$align:v.align,children:b(v,$)},`row-${w}-column-${v.id}`))},`row-${w}`))})},g=()=>!o&&r?.length===0?n:D(Sa,{children:K(To,{children:[D(Po,{children:D(ct,{children:t.map(b=>{let $=l?.column===b.id,w=$?l?.direction!=="desc":b.type==="number",v=()=>b.sortable&&s?.({column:b.id,direction:w?"desc":"asc"}),N=(()=>{if(b.sortable)return $?{name:l.direction==="desc"?"faChevronDown":"faChevronUp",color:"textDark",size:"lg"}:{name:"faChevronUp",color:"textNormal",size:"xs"}})();return K(Io,{$align:b.align,$width:b.width,$canSort:b.sortable,onClick:v,children:[D(u,{variant:"headingSm",color:N?.color||"textNormal",children:b.header}),N&&D(x,{name:N.name,color:N.color,size:N.size})]},b.id)})})}),h()]})}),C=()=>{if(!d)return;let b=d.page||1,$=Math.ceil(d.total/d.size);if($<=1)return;let w=v=>{p?.({...d,page:v})};return K(Ta,{children:[K(u,{variant:"bodySm",color:"textLight",children:[d.total," items"]}),K(Pa,{children:[D(_,{iconName:"faChevronLeft",color:"textNormal",size:"xs",disabled:o||b===1,onClick:()=>w(b-1)}),K(u,{variant:"bodySm",color:"textNormal",children:[b," de ",$]}),D(_,{iconName:"faChevronRight",color:"textNormal",size:"xs",disabled:o||b===$,onClick:()=>w(b+1)})]})]})};return K(Ca,{children:[y(),D(Da,{$height:f,$isLoading:o,children:g()}),C()]})};import{useRef as Ia}from"react";import Fa from"styled-components";import{jsx as Ma}from"react/jsx-runtime";var La=Fa.textarea`
893
- ${z};
895
+ `,Sa=({id:e,columns:t,data:r,isLoading:o,emptyState:n,header:i,onRowClick:a,sorting:l,onSortChange:s,pagination:d,onPaginationChange:p,disableCustomization:c,height:f})=>{let y=()=>!i&&c?null:K(ka,{children:[i||D("div",{}),D(Da,{children:!c&&D(Co,{id:e,columns:t})})]}),h=()=>{if(o)return D(dt,{children:Array.from({length:15}).map(($,w)=>D(Se,{children:t.map(v=>D(ct,{$width:v.width,$align:v.align,children:D(et,{width:"100%",height:"18px"})},`loadingrow-${w}-column-${v.id}`))},`loadingrow-${w}`))});if(!r?.length)return null;let b=($,w)=>{if($.cell)return $.cell(w);let v=w[$.id];return $.formatter?$.formatter(v,w):v};return D(dt,{children:r.map(($,w)=>D(Fo,{onClick:a?()=>a($):null,children:t.map(v=>D(ct,{$width:v.width,$align:v.align,children:b(v,$)},`row-${w}-column-${v.id}`))},`row-${w}`))})},g=()=>!o&&r?.length===0?n:D(Pa,{children:K(vo,{children:[D(ko,{children:D(To,{children:t.map(b=>{let $=l?.column===b.id,w=$?l?.direction!=="desc":b.type==="number",v=()=>b.sortable&&s?.({column:b.id,direction:w?"desc":"asc"}),E=(()=>{if(b.sortable)return $?{name:l.direction==="desc"?"faChevronDown":"faChevronUp",color:"textDark"}:{name:"faChevronUp",color:"textNormal"}})();return K(Ro,{$align:b.align,$width:b.width,$canSort:b.sortable,onClick:v,children:[D(u,{variant:"headingXs",color:E?.color||"textNormal",uppercase:!0,children:b.header}),E&&D(x,{name:E.name,color:E.color,size:"xs"})]},b.id)})})}),h()]})}),C=()=>{if(!d)return;let b=d.page||1,$=Math.ceil(d.total/d.size);if($<=1)return;let w=v=>{p?.({...d,page:v})};return K(Ra,{children:[K(u,{variant:"bodySm",color:"textLight",children:[d.total," items"]}),K(Fa,{children:[D(_,{iconName:"faChevronLeft",color:"textNormal",size:"xs",disabled:o||b===1,onClick:()=>w(b-1)}),K(u,{variant:"bodySm",color:"textNormal",children:[b," de ",$]}),D(_,{iconName:"faChevronRight",color:"textNormal",size:"xs",disabled:o||b===$,onClick:()=>w(b+1)})]})]})};return K(va,{children:[y(),D(Ta,{$height:f,$isLoading:o,children:g()}),C()]})};import{useRef as Ia}from"react";import La from"styled-components";import{jsx as Na}from"react/jsx-runtime";var Oa=La.textarea`
896
+ ${N};
894
897
  padding: 6px 8px;
895
898
  max-width: 100%;
896
899
  min-width: 100%;
897
900
  min-height: 72px;
898
901
  max-height: 288px;
899
902
  overflow: auto;
900
- `,Oa=({value:e,onTextChange:t,disabled:r,placeholder:o})=>{let n=Ia(null);return Ma(La,{ref:n,value:e,onChange:i=>{t?.(i.target.value),n.current?.style.setProperty("height","auto"),n.current?.style.setProperty("height",`${n.current?.scrollHeight}px`)},disabled:r,placeholder:o})};import za,{useState as Na}from"react";import gt from"styled-components";var ft=e=>{let t=/^\d{0,2}?\:?\d{0,2}$/,[r,o]=e.split(":");if(!t.test(e))return!1;let n=Number(r),i=Number(o),a=d=>Number.isInteger(d)&&d>=0&&d<24,l=d=>Number.isInteger(d)&&n>=0&&n<24||Number.isNaN(d);if(!a(n)||!l(i)||i<10&&Number(o[0])>5)return!1;let s=e.indexOf(":")!==-1?e.split(":"):[e];return!(s[0]&&s[0].length&&(parseInt(s[0],10)<0||parseInt(s[0],10)>23)||s[1]&&s[1].length&&(parseInt(s[1],10)<0||parseInt(s[1],10)>59))};import{jsx as Fe,jsxs as Aa}from"react/jsx-runtime";var Ha=gt(m).attrs({row:!0,align:"center",gap:2})`
903
+ `,Ma=({value:e,onTextChange:t,disabled:r,placeholder:o})=>{let n=Ia(null);return Na(Oa,{ref:n,value:e,onChange:i=>{t?.(i.target.value),n.current?.style.setProperty("height","auto"),n.current?.style.setProperty("height",`${n.current?.scrollHeight}px`)},disabled:r,placeholder:o})};import za,{useState as Ba}from"react";import pt from"styled-components";var mt=e=>{let t=/^\d{0,2}?\:?\d{0,2}$/,[r,o]=e.split(":");if(!t.test(e))return!1;let n=Number(r),i=Number(o),a=d=>Number.isInteger(d)&&d>=0&&d<24,l=d=>Number.isInteger(d)&&n>=0&&n<24||Number.isNaN(d);if(!a(n)||!l(i)||i<10&&Number(o[0])>5)return!1;let s=e.indexOf(":")!==-1?e.split(":"):[e];return!(s[0]&&s[0].length&&(parseInt(s[0],10)<0||parseInt(s[0],10)>23)||s[1]&&s[1].length&&(parseInt(s[1],10)<0||parseInt(s[1],10)>59))};import{jsx as Pe,jsxs as Wa}from"react/jsx-runtime";var Ea=pt(m).attrs({row:!0,align:"center",gap:2})`
901
904
  height: 36px;
902
905
  border-radius: 4px;
903
906
  background-color: ${e=>e.theme.colors.background};
@@ -914,8 +917,8 @@ to {
914
917
  &:hover {
915
918
  border: 1px solid ${e.theme.colors.textLight};
916
919
  }`}
917
- `,Ba=gt.input`
918
- ${z};
920
+ `,Aa=pt.input`
921
+ ${N};
919
922
  background-color: transparent;
920
923
  height: auto;
921
924
  border: 0;
@@ -925,55 +928,55 @@ to {
925
928
  &:focus-visible {
926
929
  border: 0;
927
930
  }
928
- `,Ea=gt(m).attrs({width:"auto",center:!0})`
931
+ `,Ha=pt(m).attrs({width:"auto",center:!0})`
929
932
  height: 36px;
930
- `,Va=za.forwardRef((e,t)=>{let{value:r,onChange:o,placeholder:n,disabled:i}=e,[a,l]=Na(ft(r||"")?r:""),s="";return Aa(Ha,{ref:t,$disabled:i,children:[Fe(Ea,{children:Fe(x,{name:"faClock",color:"textLight",size:"sm"})}),Fe(Ba,{placeholder:n,disabled:i,value:a,onChange:c=>{let f=c.target.value||"";if(f!==a&&ft(f)){if(f.length===2&&s.length!==3&&f.indexOf(":")===-1&&(f=f+":"),f.length===2&&s.length===3&&(f=f.slice(0,1)),f.length>5)return!1;s=f,l(f),f.length===5&&o?.(f)}}}),(()=>{if(a?.length!==5)return;let[c]=a.split(":");return Fe(u,{color:"textLight",children:parseInt(c)>=12?"PM":"AM"})})()]})});import{ThemeProvider as _a}from"styled-components";import{createGlobalStyle as Ya}from"styled-components";var xe={link:"#3E96ED",primary:"#E72175",primaryDark:"#cb0054",textLight:"#8C8C8C",textNormal:"#596171",textDark:"#22272B",border:"#D9D9D9",backgroundLight:"#F5F5F5",background:"#FFFFFF",yellow100:"#fffae6",yellow200:"#fff3c2",yellow300:"#ffea92",yellow400:"#ffe15f",yellow500:"#ffd82f",yellow600:"#ffcf01",yellow700:"#d9b001",yellow800:"#b59301",yellow900:"#917601",yellow1000:"#735d00",red100:"#fbeeed",red200:"#f6d6d5",red300:"#efb5b3",red400:"#e79390",red500:"#e0726f",red600:"#d9534f",red700:"#b84743",red800:"#9a3b38",red900:"#7c2f2d",red1000:"#622524",green100:"#eff8ef",green200:"#d8eed8",green300:"#b9e0b9",green400:"#98d298",green500:"#79c579",green600:"#5cb85c",green700:"#4e9c4e",green800:"#418341",green900:"#346934",green1000:"#295329"},F="Roboto, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",Wa={bodyLg:{fontFamily:F,fontSize:"16px",fontWeight:"400",lineHeight:"24px"},bodyMd:{fontFamily:F,fontSize:"14px",fontWeight:"400",lineHeight:"20px"},bodySm:{fontFamily:F,fontSize:"12px",fontWeight:"400",lineHeight:"18px"},bodyXs:{fontFamily:F,fontSize:"10px",fontWeight:"400",lineHeight:"16px"},heading4xl:{fontFamily:F,fontSize:"40px",fontWeight:"700",lineHeight:"48px"},heading3xl:{fontFamily:F,fontSize:"32px",fontWeight:"700",lineHeight:"40px"},heading2xl:{fontFamily:F,fontSize:"28px",fontWeight:"600",lineHeight:"32px"},headingXl:{fontFamily:F,fontSize:"24px",fontWeight:"600",lineHeight:"28px"},headingLg:{fontFamily:F,fontSize:"20px",fontWeight:"600",lineHeight:"24px"},headingMd:{fontFamily:F,fontSize:"16px",fontWeight:"600",lineHeight:"20px"},headingSm:{fontFamily:F,fontSize:"14px",fontWeight:"600",lineHeight:"18px"},headingXs:{fontFamily:F,fontSize:"12px",fontWeight:"600",lineHeight:"16px"}},ut=Object.fromEntries(Object.entries(Wa).map(([e,t])=>[e,Object.entries(t).map(([r,o])=>`${r.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${o};`).join(`
931
- `)]));var Lo=Ya`
933
+ `,Va=za.forwardRef((e,t)=>{let{value:r,onChange:o,placeholder:n,disabled:i}=e,[a,l]=Ba(mt(r||"")?r:""),s="";return Wa(Ea,{ref:t,$disabled:i,children:[Pe(Ha,{children:Pe(x,{name:"faClock",color:"textLight",size:"sm"})}),Pe(Aa,{placeholder:n,disabled:i,value:a,onChange:c=>{let f=c.target.value||"";if(f!==a&&mt(f)){if(f.length===2&&s.length!==3&&f.indexOf(":")===-1&&(f=f+":"),f.length===2&&s.length===3&&(f=f.slice(0,1)),f.length>5)return!1;s=f,l(f),f.length===5&&o?.(f)}}}),(()=>{if(a?.length!==5)return;let[c]=a.split(":");return Pe(u,{color:"textLight",children:parseInt(c)>=12?"PM":"AM"})})()]})});import{ThemeProvider as Xa}from"styled-components";import{createGlobalStyle as Ya}from"styled-components";var So=Ya`
932
934
  body {
933
- ${ut.bodyMd};
934
- color: ${xe.textDark};
935
+ ${e=>e.theme.typography.bodyMd};
936
+ color: ${e=>e.theme.colors.textDark};
935
937
  margin: 0;
936
938
  padding: 0;
937
- background-color: #fff;
939
+ background-color: ${e=>e.theme.colors.background};
938
940
  }
939
941
 
940
942
  * {
941
943
  box-sizing: border-box;
942
944
  }
943
- `,be=xe.border,k=4,Oo={colors:xe,typography:ut,padding:(e,t)=>`padding: ${e*k}px ${(t||e)*k}px;`,paddingHorizontal:e=>`
944
- padding-left: ${e*k}px;
945
- padding-right: ${e*k}px;
946
- `,paddingVertical:e=>`
947
- padding-top: ${e*k}px;
948
- padding-bottom: ${e*k}px;
949
- `,paddingTop:e=>`
950
- padding-top: ${e*k}px;
951
- `,paddingBottom:e=>`
952
- padding-bottom: ${e*k}px;
953
- `,paddingLeft:e=>`
954
- padding-left: ${e*k}px;
955
- `,paddingRight:e=>`
956
- padding-right: ${e*k}px;
957
- `,margin:(e,t)=>`margin: ${e*k}px ${(t||e)*k}px;`,marginHorizontal:e=>`
958
- margin-left: ${e*k}px;
959
- margin-right: ${e*k}px;
960
- `,marginVertical:e=>`
961
- margin-top: ${e*k}px;
962
- margin-bottom: ${e*k}px;
963
- `,marginTop:e=>`
964
- margin-top: ${e*k}px;
965
- `,marginBottom:e=>`
966
- margin-bottom: ${e*k}px;
967
- `,marginLeft:e=>`
968
- margin-left: ${e*k}px;
969
- `,marginRight:e=>`
970
- margin-right: ${e*k}px;
971
- `,spacing:e=>`${e*k}px`,border:(e=1)=>`border: ${e}px solid ${be};`,borderTop:(e=1)=>`border-top: ${e}px solid ${be};`,borderBottom:(e=1)=>`border-bottom: ${e}px solid ${be};`,borderLeft:(e=1)=>`border-left: ${e}px solid ${be};`,borderRight:(e=1)=>`border-right: ${e}px solid ${be};`,hoverable:e=>`
972
- ${e&&`
945
+ `;var I="Roboto, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",_a={bodyLg:{fontFamily:I,fontSize:"16px",fontWeight:"400",lineHeight:"24px"},bodyMd:{fontFamily:I,fontSize:"14px",fontWeight:"400",lineHeight:"20px"},bodySm:{fontFamily:I,fontSize:"12px",fontWeight:"400",lineHeight:"18px"},bodyXs:{fontFamily:I,fontSize:"10px",fontWeight:"400",lineHeight:"16px"},heading4xl:{fontFamily:I,fontSize:"40px",fontWeight:"700",lineHeight:"48px"},heading3xl:{fontFamily:I,fontSize:"32px",fontWeight:"700",lineHeight:"40px"},heading2xl:{fontFamily:I,fontSize:"28px",fontWeight:"600",lineHeight:"32px"},headingXl:{fontFamily:I,fontSize:"24px",fontWeight:"600",lineHeight:"28px"},headingLg:{fontFamily:I,fontSize:"20px",fontWeight:"600",lineHeight:"24px"},headingMd:{fontFamily:I,fontSize:"16px",fontWeight:"600",lineHeight:"20px"},headingSm:{fontFamily:I,fontSize:"14px",fontWeight:"600",lineHeight:"18px"},headingXs:{fontFamily:I,fontSize:"12px",fontWeight:"600",lineHeight:"16px"}},Po=Object.fromEntries(Object.entries(_a).map(([e,t])=>[e,Object.entries(t).map(([r,o])=>`${r.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${o};`).join(`
946
+ `)]));var Io={link:"#3E96ED",primary:"#E72175",primaryDark:"#cb0054",textLight:"#8C8C8C",textNormal:"#596171",textDark:"#22272B",border:"#D9D9D9",backgroundLight:"#F5F5F5",background:"#FFFFFF",yellow100:"#fffae6",yellow200:"#fff3c2",yellow300:"#ffea92",yellow400:"#ffe15f",yellow500:"#ffd82f",yellow600:"#ffcf01",yellow700:"#d9b001",yellow800:"#b59301",yellow900:"#917601",yellow1000:"#735d00",red100:"#fbeeed",red200:"#f6d6d5",red300:"#efb5b3",red400:"#e79390",red500:"#e0726f",red600:"#d9534f",red700:"#b84743",red800:"#9a3b38",red900:"#7c2f2d",red1000:"#622524",green100:"#eff8ef",green200:"#d8eed8",green300:"#b9e0b9",green400:"#98d298",green500:"#79c579",green600:"#5cb85c",green700:"#4e9c4e",green800:"#418341",green900:"#346934",green1000:"#295329",white:"#fff"},Lo={link:"#5BA8F7",primary:"#e72175",primaryDark:"#a41753",textLight:"#B0B8C4",textNormal:"#E2E5EA",textDark:"#FFFFFF",border:"#374151",backgroundLight:"#151C28",background:"#0B0F15",yellow100:"#2D2510",yellow200:"#3D3418",yellow300:"#524620",yellow400:"#6B5C2A",yellow500:"#8A7635",yellow600:"#C9A84D",yellow700:"#E0C05E",yellow800:"#EDD174",yellow900:"#F5E08E",yellow1000:"#FAF0B8",red100:"#2A1618",red200:"#3D1F22",red300:"#52292C",red400:"#6E3538",red500:"#9B4448",red600:"#C95A5E",red700:"#E07377",red800:"#EE9498",red900:"#F5B5B8",red1000:"#FAD4D6",green100:"#142218",green200:"#1D3022",green300:"#27402E",green400:"#33543C",green500:"#436E4E",green600:"#5A9468",green700:"#72B582",green800:"#92CCA0",green900:"#B5DFC0",green1000:"#D6F0DC",white:"#fff"};var k=4,Oo=e=>({colors:e,typography:Po,padding:(t,r)=>`padding: ${t*k}px ${(r||t)*k}px;`,paddingHorizontal:t=>`
947
+ padding-left: ${t*k}px;
948
+ padding-right: ${t*k}px;
949
+ `,paddingVertical:t=>`
950
+ padding-top: ${t*k}px;
951
+ padding-bottom: ${t*k}px;
952
+ `,paddingTop:t=>`
953
+ padding-top: ${t*k}px;
954
+ `,paddingBottom:t=>`
955
+ padding-bottom: ${t*k}px;
956
+ `,paddingLeft:t=>`
957
+ padding-left: ${t*k}px;
958
+ `,paddingRight:t=>`
959
+ padding-right: ${t*k}px;
960
+ `,margin:(t,r)=>`margin: ${t*k}px ${(r||t)*k}px;`,marginHorizontal:t=>`
961
+ margin-left: ${t*k}px;
962
+ margin-right: ${t*k}px;
963
+ `,marginVertical:t=>`
964
+ margin-top: ${t*k}px;
965
+ margin-bottom: ${t*k}px;
966
+ `,marginTop:t=>`
967
+ margin-top: ${t*k}px;
968
+ `,marginBottom:t=>`
969
+ margin-bottom: ${t*k}px;
970
+ `,marginLeft:t=>`
971
+ margin-left: ${t*k}px;
972
+ `,marginRight:t=>`
973
+ margin-right: ${t*k}px;
974
+ `,spacing:t=>`${t*k}px`,border:(t=1)=>`border: ${t}px solid ${e.border};`,borderTop:(t=1)=>`border-top: ${t}px solid ${e.border};`,borderBottom:(t=1)=>`border-bottom: ${t}px solid ${e.border};`,borderLeft:(t=1)=>`border-left: ${t}px solid ${e.border};`,borderRight:(t=1)=>`border-right: ${t}px solid ${e.border};`,hoverable:t=>`
975
+ ${t&&`
973
976
  cursor: pointer;
974
977
  border-radius: 4px;
975
978
  &:hover {
976
- background-color: ${xe.backgroundLight};
979
+ background-color: ${e.backgroundLight};
977
980
  }
978
981
  `}
979
- `,media:{phone:"@media (max-width: 576px)",tablet:"@media (max-width: 768px)",desktop:"@media (min-width: 922px)"}};import{Fragment as Xa,jsx as Mo,jsxs as Ua}from"react/jsx-runtime";var Fg=({children:e,locale:t})=>(E.locale(t),Mo(_a,{theme:Oo,children:Ua(Xa,{children:[Mo(Lo,{}),e]})}));export{Xo as Avatar,br as Banner,L as Button,j as ButtonVariant,me as Calendar,Y as Checkbox,_ as ClickableIcon,Dn as CurrencyInput,On as DateInput,Hn as DatePicker,Ae as Divider,Ue as DragList,P as Dropdown,M as DropdownItem,bn as DropdownMenu,pe as DropdownTrigger,X as DropdownVariant,pi as Filters,m as Flex,x as Icon,Ci as Image,oe as Input,re as InputContainer,tt as LoadingPlaceholder,ot as Modal,Bi as MultiSelect,Wi as Select,ji as Slideout,Ze as Spinner,ta as StatusLabel,la as Switch,ha as TabBar,Ra as Table,u as Text,Oa as TextArea,Va as TimeInput,ce as Tooltip,Fg as UIProvider};
982
+ `,media:{phone:"@media (max-width: 576px)",tablet:"@media (max-width: 768px)",desktop:"@media (min-width: 922px)"}}),Mo=e=>Oo(e==="dark"?Lo:Io);import{Fragment as Ua,jsx as No,jsxs as Ga}from"react/jsx-runtime";var zg=({children:e,locale:t,theme:r="light"})=>(A.locale(t),No(Xa,{theme:Mo(r),children:Ga(Ua,{children:[No(So,{}),e]})}));export{Uo as Avatar,$r as Banner,L as Button,j as ButtonVariant,me as Calendar,Y as Checkbox,_ as ClickableIcon,Tn as CurrencyInput,Mn as DateInput,En as DatePicker,He as Divider,Xe as DragList,R as Dropdown,M as DropdownItem,$n as DropdownMenu,pe as DropdownTrigger,X as DropdownVariant,fi as Filters,m as Flex,x as Icon,vi as Image,oe as Input,re as InputContainer,et as LoadingPlaceholder,tt as Modal,Ai as MultiSelect,Yi as Select,Qi as Slideout,Qe as Spinner,oa as StatusLabel,sa as Switch,xa as TabBar,Sa as Table,u as Text,Ma as TextArea,Va as TimeInput,ce as Tooltip,zg as UIProvider};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cognitiv/components-web",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "Cognitiv new UI Components library",
5
5
  "author": "Cognitiv",
6
6
  "license": "MIT",
@@ -88,6 +88,7 @@
88
88
  "node": ">=22.12.0"
89
89
  },
90
90
  "peerDependencies": {
91
- "react": ">=19"
91
+ "react": ">=19",
92
+ "styled-components": "^6.3.8"
92
93
  }
93
94
  }