@cognitiv/components-web 1.0.1 → 1.0.3

package/dist/index.d.ts

@@ -2231,13 +2231,103 @@ interface LoadingPlaceholderProps {
  */
 declare const LoadingPlaceholder: React$1.FC<LoadingPlaceholderProps>;
 
-declare function Modal({ open, setOpen, title, children, trigger }: {
-    open: any;
-    setOpen: any;
-    title: any;
-    children: any;
-    trigger: any;
-}): react_jsx_runtime.JSX.Element;
+/**
+ * Modal component for displaying blocking dialog overlays.
+ *
+ * A modal dialog component built on Radix UI Dialog that displays content in
+ * a centered overlay. Blocks interaction with the rest of the page until
+ * closed. Includes focus management, keyboard navigation, and accessibility
+ * features.
+ *
+ * @category Overlay
+ * @see Slideout
+ *
+ * @remarks
+ * - Requires UIProvider wrapper for theming
+ * - Built on Radix UI Dialog for accessibility
+ * - Focus trap within modal when open
+ * - Escape key closes the modal
+ * - Backdrop click closes (via Radix UI default behavior)
+ * - Focus returns to trigger element when closed
+ * - Use for important dialogs that require user attention
+ *
+ * @example Basic usage with trigger
+ * ```tsx
+ * <Modal
+ *   trigger={<Button>Open Modal</Button>}
+ *   title="Confirm Action"
+ * >
+ *   <Text>Are you sure you want to proceed?</Text>
+ *   <Button onClick={() => handleConfirm()}>Confirm</Button>
+ * </Modal>
+ * ```
+ *
+ * @example Controlled modal
+ * ```tsx
+ * const [open, setOpen] = useState(false)
+ *
+ * <Modal
+ *   open={open}
+ *   setOpen={setOpen}
+ *   title="Edit Item"
+ * >
+ *   <InputContainer label="Name">
+ *     <Input onTextChange={(v) => setName(v)} />
+ *   </InputContainer>
+ * </Modal>
+ * ```
+ *
+ * @example Without title
+ * ```tsx
+ * <Modal
+ *   open={isOpen}
+ *   setOpen={setIsOpen}
+ * >
+ *   <Text>Simple modal without title</Text>
+ * </Modal>
+ * ```
+ */
+interface ModalProps {
+    /**
+     * Whether the modal is open.
+     *
+     * For controlled modals, use this with setOpen.
+     *
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Callback function triggered when the modal open state changes.
+     *
+     * @param open - The new open state (boolean)
+     */
+    setOpen?: (open: boolean) => void;
+    /**
+     * Title text or React node displayed in the modal header.
+     *
+     * When provided, displays in the header with a close button.
+     *
+     * @default undefined
+     */
+    title?: ReactNode;
+    /**
+     * Content to display in the modal body.
+     *
+     * Can be any React node.
+     */
+    children: ReactNode;
+    /**
+     * Optional trigger element that opens the modal when clicked.
+     *
+     * If provided, clicking this element will open the modal. For controlled
+     * modals, this is optional.
+     *
+     * @default undefined
+     */
+    trigger?: ReactNode;
+}
+
+declare const Modal: React$1.FC<ModalProps>;
 
 /**
  * Option type for MultiSelect component.
@@ -2604,10 +2694,61 @@ interface SlideoutProps {
  */
 declare const Slideout: React$1.FC<SlideoutProps>;
 
-declare const Spinner: ({ width, color }: {
-    width: any;
-    color: any;
-}) => react_jsx_runtime.JSX.Element;
+/**
+ * Spinner component for displaying loading indicators.
+ *
+ * A loading spinner component that displays an animated circular spinner
+ * to indicate that content is loading or an operation is in progress.
+ * Supports custom size and color.
+ *
+ * @category Feedback
+ * @see LoadingPlaceholder
+ *
+ * @remarks
+ * - Requires UIProvider wrapper for theming
+ * - Should have aria-label='Loading' for accessibility
+ * - Should be announced to screen readers
+ * - Consider using aria-live regions for status updates
+ * - Use for loading states during async operations
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Spinner />
+ * ```
+ *
+ * @example Custom size
+ * ```tsx
+ * <Spinner width="40px" />
+ * ```
+ *
+ * @example Custom color
+ * ```tsx
+ * <Spinner color="primary" />
+ * ```
+ *
+ * @example With accessibility
+ * ```tsx
+ * <div role="status" aria-label="Loading">
+ *   <Spinner />
+ * </div>
+ * ```
+ */
+interface SpinnerProps {
+    /**
+     * Width of the spinner (CSS value).
+     *
+     * @default '60px'
+     */
+    width?: string;
+    /**
+     * Color of the spinner (theme color name or CSS color value).
+     *
+     * @default 'primary'
+     */
+    color?: string;
+}
+
+declare const Spinner: React$1.FC<SpinnerProps>;
 
 /**
  * StatusLabel component for displaying status indicators and badges.
@@ -3085,6 +3226,47 @@ interface TableProps {
 
 declare const Table: React$1.FC<TableProps>;
 
+declare const COLORS: {
+    link: string;
+    primary: string;
+    primaryDark: string;
+    textLight: string;
+    textNormal: string;
+    textDark: string;
+    border: string;
+    backgroundLight: string;
+    background: string;
+    yellow100: string;
+    yellow200: string;
+    yellow300: string;
+    yellow400: string;
+    yellow500: string;
+    yellow600: string;
+    yellow700: string;
+    yellow800: string;
+    yellow900: string;
+    yellow1000: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+    red1000: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+    green1000: string;
+};
 declare const TYPOGRAPHY: {
     [k: string]: string;
 };
@@ -3520,4 +3702,35 @@ declare const UIProvider: ({ children, locale }: {
     locale: string;
 }) => react_jsx_runtime.JSX.Element;
 
-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, TimeInput, Tooltip, type TooltipProps, UIProvider };
+interface ThemeType {
+    colors: typeof COLORS;
+    typography: typeof TYPOGRAPHY;
+    hoverable: (value: boolean) => string;
+    spacing: (value: number) => string;
+    padding: (value1: number, value2?: number) => string;
+    paddingHorizontal: (value: number) => string;
+    paddingVertical: (value: number) => string;
+    paddingTop: (value: number) => string;
+    paddingBottom: (value: number) => string;
+    paddingLeft: (value: number) => string;
+    paddingRight: (value: number) => string;
+    margin: (value1: number, value2?: number) => string;
+    marginHorizontal: (value: number) => string;
+    marginVertical: (value: number) => string;
+    marginTop: (value: number) => string;
+    marginBottom: (value: number) => string;
+    marginLeft: (value: number) => string;
+    marginRight: (value: number) => string;
+    border: (size?: number) => string;
+    borderTop: (size?: number) => string;
+    borderBottom: (size?: number) => string;
+    borderLeft: (size?: number) => string;
+    borderRight: (size?: number) => string;
+    media: {
+        phone: string;
+        tablet: string;
+        desktop: string;
+    };
+}
+
+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 };

package/dist/index.js

@@ -16,7 +16,7 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
   ${e=>e.theme.typography.headingXs};
   font-size: ${e=>e.$size*.4}px;
   line-height: 1;
-`,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 ze 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`
+`,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`
   display: flex;
   width: ${e=>e.$width||"100%"};
   flex-direction: ${e=>e.$direction};
@@ -29,7 +29,7 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
   ${e=>e.$gapFactor&&`gap: ${e.theme.spacing(e.$gapFactor)};`}
   ${e=>e.$paddingFactor&&e.theme.padding(e.$paddingFactor)};
   ${e=>e.theme.hoverable(e.$hoverable)}
-`,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,...u}=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,...u,children:r})});import Zo from"react";import er from"styled-components";import{jsx as or}from"react/jsx-runtime";var tr=er.span`
+`,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`
   ${e=>e.theme.typography[e.$variant||"bodyMd"]||e.theme.typography.bodyMd}
   text-align: ${e=>e.$align};
   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-
       overflow: hidden;
       white-space: nowrap;
   `}
-`,h=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)`
+`,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)`
   flex-shrink: 0;
   color: ${e=>e.theme.colors?.[e.$color||""]||e.$color||e.theme.colors?.textDark};
-`,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"}},hr=e=>{switch(e){case"success":return"faCheck";case"error":case"warning":return"faTriangleExclamation";default:return"faCircleInfo"}},ur=ze(m).attrs({row:!0,gap:3,padding:3})`
+`,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})`
   border-radius: 8px;
   background-color: ${e=>e.theme.colors[gr(e.$type)]};
   color: ${e=>e.theme.colors[vt(e.$type)]};
-`,xr=ze(m).attrs({center:!0})`
+`,xr=Ne(m).attrs({center:!0})`
   width: 20px;
   height: 20px;
   cursor: pointer;
-`,wt=ze(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(ur,{className:r,ref:t,$type:o,children:[ae(wt,{name:hr(o)}),(n||i)&&Ct(m,{gap:1,grow:!0,children:[n&&ae(h,{variant:"headingMd",color:p,children:n}),i&&ae(h,{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`
+`,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`
   width: ${e=>e.$width};
   border: 1px solid ${e=>e.theme.colors[e.$borderColor]};
   background-color: ${e=>e.theme.colors[e.$backgroundColor]};
@@ -86,10 +86,10 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
   ${({theme:e})=>e.typography.headingSm};
   font-weight: 500;
   color: ${({theme:e,$color:t})=>e.colors[t]};
-`,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),u=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:u}),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 B=le;import{createContext as Ir,useContext as Sr}from"react";var Tt=Ir({}),Pt=Tt.Provider,Q=()=>Sr(Tt);import{memo as Rr}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(h)`
+`,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)`
   flex-grow: 2;
   text-align: center;
-`,It=$e(m).attrs({center:!0,padding:2})`
+`,Rt=$e(m).attrs({center:!0,padding:2})`
   width: 32px;
   height: 32px;
   border-radius: 32px;
@@ -104,7 +104,7 @@ import Vo from"react";import bt from"styled-components";import*as J from"@radix-
       background-color: ${e.theme.colors.backgroundLight};
     }
   `}
-`,St=$e(x).attrs({size:"xs",color:"inherit"})``,Rt=Rr(()=>{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(It,{$disabled:!s,onClick:()=>s&&n(o.clone().subtract(1,"months")),children:se(St,{name:"faChevronLeft"})}),se(Lr,{children:l()}),se(It,{$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 Er}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`
+`,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`
   100% {
     stroke-dashoffset: 0;
   }
@@ -152,7 +152,7 @@ from {
 to {
   opacity: 1;
   transform: translateX(0);
-}`,Nt=O`
+}`,zt=O`
 from {
   opacity: 0;
   transform: translateY(2px);
@@ -160,7 +160,7 @@ from {
 to {
   opacity: 1;
   transform: translateY(0);
-}`,zt=O`
+}`,Nt=O`
 from {
   opacity: 0;
   transform: translateX(-2px);
@@ -175,7 +175,7 @@ to {
   to {
     opacity: 0.1;
   }
-`,Et=O`
+`,Bt=O`
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -184,7 +184,7 @@ to {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1);
   }
-`;import{Fragment as zr,jsx as de,jsxs as Hr}from"react/jsx-runtime";var Nr=Mr(H.Content)`
+`;import{Fragment as Nr,jsx as de,jsxs as Hr}from"react/jsx-runtime";var zr=Mr(H.Content)`
   width: ${e=>e.$width};
   ${e=>e.theme.typography.bodyMd};
   border-radius: 4px;
@@ -217,12 +217,12 @@ to {
     animation: ${Mt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
   }
   &[data-state='delayed-open'][data-side='bottom'] {
-    animation: ${Nt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: ${zt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
   }
   &[data-state='delayed-open'][data-side='left'] {
-    animation: ${zt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: ${Nt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-`,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(zr,{children:e}):de(H.Provider,{children:Hr(H.Root,{delayDuration:0,children:[de(H.Trigger,{asChild:!0,children:e}),de(H.Portal,{children:de(Nr,{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 Br=He.div`
+`,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`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   row-gap: ${e=>e.theme.spacing(1)};
@@ -287,7 +287,7 @@ to {
     border-top-right-radius: 32px;
     border-bottom-right-radius: 32px;
   `}
-`,Bt=7,Vt=Er(({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=B().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:Bt},(z,Le)=>T.clone().add(Le,"days"))}).flat(),b=a&&l,$=w=>B().isoWeekday(w).format("dd").charAt(0);return Wr(Br,{children:[Array.from({length:Bt}).map((w,v)=>Z(Vr,{children:Z(h,{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 z=n.find(Ne=>Ne.day===T),Le=!!(z||T===f),No=d?T>=d:!1,zo=s?T<=s:!1,ut=!!!(z?.disabled||No||zo),Oe=t.includes(T),Me=r.includes(T),Ho=Oe&&t[0]===T||Me&&r[0]===T,Eo=()=>Me?r[r.length-1]===T:Oe&&t[t.length-1]===T,Bo=()=>{if(ut){let Ne=a?T<a:!1;!c||b||Ne?p?.(w,void 0):p?.(i,w)}};return Z(ce,{content:z?.tooltip,sideOffset:2,children:Z(Ar,{$isClickable:ut,$isHighlighted:Le,$isSelected:Oe||Me,$isStart:Ho,$isEnd:Eo(),onClick:Bo,onMouseEnter:()=>c&&o(T),children:Z(h,{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:B(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 Ee,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(B().subtract(s-1,"months").startOf("month")),f=ee(()=>a?.map($=>({...$,day:$.date.valueOf()}))||[],[a]),y=ee(()=>r?.valueOf(),[r]),u=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 Ee(m,{width:"auto",gap:2,ref:t,children:Gr(Pt,{value:{highlightedDays:f,startDate:r,endDate:o,startDay:y,endDay:u,minDay:g,maxDay:C,useRange:l,onChange:d,months:b,selectedMonth:p,setSelectedMonth:c},children:[Ee(Rt,{}),Ee(Yt,{})]})})});import Kr from"react";import _t from"styled-components";import{jsx as Be,jsxs as jr}from"react/jsx-runtime";var qr=_t(m).attrs({row:!0,gap:2})`
+`,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})`
   ${e=>e.$disabled?`
         cursor: not-allowed;
         pointer-events: none;
@@ -308,7 +308,7 @@ to {
   border-radius: 4px;
   background-color: ${e=>e.$checked?e.theme.colors.textNormal:e.theme.colors.background};
   transition: background 0.2s ease-in-out;
-`,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:[Be(Jr,{$checked:r,children:Be(x,{name:"faCheck",color:"background",size:"xs"})}),n&&Be(h,{children:n})]})});import Qr from"react";import Zr from"styled-components";import{jsx as Xt}from"react/jsx-runtime";var en=Zr.div`
+`,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`
   ${e=>e.theme.padding(2)}
   display: flex;
   align-items: center;
@@ -365,7 +365,7 @@ to {
   * {
     flex-shrink: 0;
   }
-`,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(h,{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})`
+`,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})`
   ${e=>e.theme.padding(e.$sizeFactor)};
   gap: ${e=>e.theme.spacing(e.$sizeFactor)};
   border-radius: ${e=>e.theme.spacing(e.$sizeFactor)};
@@ -377,12 +377,12 @@ to {
         cursor: not-allowed;
         color: ${e.theme.colors.textLight};
       `}
-`,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(h,{truncate:!0,color:"inherit",style:{flexGrow:1},children:o}),s]})});import gn,{useState as hn}from"react";import un from"styled-components";import fn from"styled-components";var Ae=fn.div`
+`,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`
   width: ${e=>e.width||(e.vertical?"1px":"100%")};
   height: ${e=>e.height||(e.vertical?"100%":"1px")};
   border-${e=>e.vertical?"right":"bottom"}: 1px ${e=>e.dashed?"dashed":"solid"}
     ${e=>e.theme.colors[e.color||"border"]};
-`;import{jsx as ye,jsxs as Kt}from"react/jsx-runtime";import{createElement as $n}from"react";var xn=un(m)`
+`;import{jsx as ye,jsxs as Kt}from"react/jsx-runtime";import{createElement as $n}from"react";var xn=hn(m)`
   width: 100%;
   overflow-y: auto;
 
@@ -393,7 +393,7 @@ to {
         min-width: 300px;
         max-height: 90vh;
       `}
-`,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]=hn(!1),f=i==="small"?1:2;return ye(P,{trigger:e,content:Kt(m,{children:[t,ye(xn,{$variant:i,children:r.map((y,u)=>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)}}))}),u<r.length-1&&ye(Ae,{})]},`section-${u}`))}),o]}),isOpen:p,setOpen:c,variant:i,side:a,sideOffset:l,align:s,alignOffset:d})};import{css as yn}from"styled-components";var N=yn`
+`,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`
   ${e=>e.theme.typography.bodyMd}
   width: 100%;
   height: 36px;
@@ -420,7 +420,7 @@ to {
     color: ${e=>e.theme.colors.textLight};
   }
 `;import{jsx as q,jsxs as Tn}from"react/jsx-runtime";var Cn=Ye(m).attrs({row:!0})`
-  ${N};
+  ${z};
   padding: 0;
 `,vn=Ye(m).attrs({center:!0})`
   width: auto;
@@ -431,14 +431,14 @@ to {
   ${e=>e.theme.paddingHorizontal(2)}
   ${e=>e.theme.borderRight()}
 `,kn=Ye(wn)`
-  ${N};
+  ${z};
   border: 0;
   border-radius: 0;
   &:hover:not(:disabled),
   &:focus-visible {
     border: 0;
   }
-`,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(h,{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,u)=>{c(f),r?.({currency:s,amount:u?.float,formatted:u?.formatted})}})]})};import Pn,{useState as In}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})`
+`,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})`
   height: 36px;
   border-radius: 4px;
   background-color: ${e=>e.theme.colors.background};
@@ -454,8 +454,8 @@ to {
       &:hover {
         border: 1px solid ${e.theme.colors.textLight};
       }`}
-`,Rn=_e.input`
-  ${N};
+`,In=_e.input`
+  ${z};
   background-color: transparent;
   height: auto;
   border: 0;
@@ -468,21 +468,21 @@ to {
 `,Fn=_e(m).attrs({width:"auto",center:!0})`
   height: 36px;
   ${e=>e.theme.paddingHorizontal(2)}
-`,Ln="MMMM DD, YYYY",On=Pn.forwardRef((e,t)=>{let[r,o]=In(!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(Rn,{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 Nn,{useState as Xe}from"react";import{jsx as fe,jsxs as qt}from"react/jsx-runtime";var zn="MMMM DD, YYYY",Hn=Nn.forwardRef((e,t)=>{let r=zn,[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 En from"react";import Bn from"styled-components";import{useDrag as Vn,useDrop as An}from"react-dnd";import{jsx as Yn}from"react/jsx-runtime";var Wn=Bn.div`
+`,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`
   cursor: grab;
   opacity: ${e=>e.$opacity};
-`,Jt=({item:e,onMove:t})=>{let{id:r,index:o}=e,n=En.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(),u=(y.bottom-y.top)/2,C=p.getClientOffset().y-y.top;c<f&&C<u||c>f&&C>u||(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`
+`,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`
   display: flex;
   flex-direction: column;
   gap: ${e=>e.theme.spacing(1)};
 `,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`
-  ${N};
+  ${z};
 `,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)`
   height: ${e=>e.$show?"20px":0};
   justify-content: flex-start;
   gap: ${e=>e.theme.spacing(1)};
   transition: height 0.3s;
-`,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(h,{variant:"headingXs",color:"textLight",uppercase:!0,children:e}),r]}),t,Ke(Zn,{$show:!!o,children:Ke(h,{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 I,jsxs as je}from"react/jsx-runtime";var ti=V(m).attrs({width:"auto",row:!0,align:"center",gap:1})`
+`,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})`
   min-width: 100px;
   max-width: 200px;
   height: 28px;
@@ -527,7 +527,7 @@ to {
 `,ai=V(m).attrs({width:"auto",row:!0,align:"center",gap:2})``,li=V(ai).attrs({width:"100%",justify:"space-between",padding:3})`
   ${e=>e.theme.paddingTop(2)};
   ${e=>e.theme.borderTop()}
-`,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 I(eo,{filter:e,value:i,onChange:a});case"select":return I(to,{filter:e,value:i,onChange:a});case"range":return I(ro,{filter:e,value:i,onChange:a});default:return I(Qt,{filter:e,value:i,onChange:a})}};return I(P,{isOpen:o,setOpen:c=>{c||a(t),n(c)},trigger:je(ti,{$hasValue:s,children:[s?I(oi,{onClick:c=>{c.stopPropagation(),r(void 0)},children:I(lo,{name:"faCircleXmark"})}):I(lo,{name:"faCirclePlus"}),I(h,{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&&I(x,{name:"faChevronDown",size:"sm",color:"inherit"})]}),content:je(ri,{children:[I(ni,{children:d()}),l?.length&&I(ii,{children:I(h,{variant:"bodySm",color:"red",children:l})}),je(li,{children:[i?I(so,{variant:"tertiary",onClick:()=>a(void 0),children:"Borrar"}):I("div",{}),I(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`
+`,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`
   width: 100%;
   display: inline-flex;
   gap: ${e=>e.theme.spacing(2)};
@@ -542,11 +542,11 @@ to {
     color: ${e=>e.theme.colors.red800};
     background-color: ${e=>e.theme.colors.red100};
   }
-`,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(h,{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 hi=fo.svg`
+`,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`
   color: ${({theme:e,$color:t})=>e.colors[t]};
   overflow: visible;
   width: ${({$width:e})=>e};
-`,ui=fo.circle`
+`,hi=fo.circle`
   animation: spinners-react-circular 1s linear infinite;
 
   @keyframes spinners-react-circular {
@@ -561,7 +561,7 @@ to {
       stroke-dashoffset: 132;
     }
   }
-`,Ze=({width:e,color:t})=>{let{colors:r}=gi();return xi(hi,{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(ui,{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})`
+`,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})`
   position: relative;
   background-color: ${e=>e.theme.colors[e.$backgroundColor]||e.theme.colors.backgroundLight};
   border-radius: ${e=>e.$borderRadius||"0"};
@@ -596,7 +596,7 @@ to {
   -moz-user-drag: none;
   -o-user-drag: none;
   user-drag: none;
-`,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),[u,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&&!u&&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 Ii}from"react/jsx-runtime";var Ti=Di`
+`,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`
   from { background-position: 200% 0;}
   to { background-position: -200% 0; }
 `,Pi=ki.div`
@@ -613,13 +613,13 @@ to {
   border-radius: 4px;
   width: ${e=>e.$width};
   height: ${e=>e.$height};
-`,tt=({width:e="auto",height:t="auto",className:r})=>Ii(Pi,{$width:e,$height:t,className:r});import"react";import De from"styled-components";import*as S from"@radix-ui/react-dialog";import{jsx as he,jsxs as ke}from"react/jsx-runtime";var Si=De(S.Overlay)`
+`,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)`
   background-color: #000;
   position: fixed;
   inset: 0;
   opacity: 0.1;
   animation: ${Ht} 00ms;
-`,Ri=De(S.Content)`
+`,Ii=De(S.Content)`
   background-color: white;
   border-radius: 8px;
   box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.1);
@@ -627,7 +627,7 @@ to {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: ${Et} 400ms ease-out;
+  animation: ${Bt} 400ms ease-out;
   min-width: min(480px, 90%);
   ${e=>e.theme.padding(2,3)};
   display: flex;
@@ -644,13 +644,13 @@ to {
   ${e=>e.theme.borderBottom()}
 `,Li=De(S.Description)`
   display: none;
-`,ot=({open:e,setOpen:t,title:r,children:o,trigger:n})=>ke(S.Root,{open:e,onOpenChange:t,children:[n&&he(S.Trigger,{asChild:!0,children:n}),ke(S.Portal,{children:[he(Si,{}),ke(Ri,{children:[r&&ke(Fi,{children:[he(h,{variant:"headingMd",children:r}),he(_,{iconName:"CLOSE_CIRCLE",color:"textLight",size:"20px",onClick:()=>t(!1)})]}),he(Li,{}),o]})]})]});import{useEffect as Oi,useState as ho}from"react";import ue from"styled-components";import{jsx as E,jsxs as uo}from"react/jsx-runtime";var Mi=ue.div`
+`,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`
   display: flex;
   flex-direction: column;
   width: 100%;
   min-width: var(--radix-popover-trigger-width);
   overflow: hidden;
-`,rt=ue.div`
+`,rt=he.div`
   padding: 8px;
   display: flex;
   align-items: center;
@@ -660,26 +660,26 @@ to {
   &:hover {
     background-color: ${({theme:e})=>e.colors.backgroundLight};
   }
-`,Ni=ue.div`
+`,zi=he.div`
   width: 100%;
   position: relative;
   cursor: pointer;
-`,zi=ue(Ge)`
+`,Ni=he(Ge)`
   cursor: inherit;
-`,Hi=ue.div`
+`,Hi=he.div`
   position: absolute;
   right: 8px;
   top: 8px;
-`,Ei=({values:e,onChange:t,options:r,placeholder:o,renderValues:n,disabled:i})=>{let[a,l]=ho(!1),[s,d]=ho(""),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=()=>uo(Mi,{children:[!s?.length&&E(rt,{children:E(Y,{label:"Select all",checked:p.length===r.length,setChecked:g=>{t(g?r.map(C=>C.value):[])}})}),c?.length>0?c.map(g=>E(rt,{onClick:()=>{f(g.value)},children:E(Y,{checked:e?.includes(g.value),label:g.label})},g.value)):E(rt,{children:E(h,{children:"No results found"})})]}),u="Type to search...";return E(P,{isOpen:a,setOpen:l,trigger:uo(Ni,{onClick:()=>l(!0),children:[E(zi,{value:a?s:n(p),onChange:g=>{d(g.target.value),l(!0)},placeholder:a?u:o||u,disabled:i}),E(Hi,{children:E(x,{name:a?"faChevronUp":"faChevronDown",size:"sm"})})]}),content:y(),disabled:i})};import{useState as Bi}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)`
+`,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)`
   border-radius: 4px;
-`,Wi=({value:e,onChange:t,options:r,placeholder:o,disabled:n,fullWidth:i=!0,variant:a})=>{let[l,s]=Bi(!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 R from"@radix-ui/react-dialog";import{jsx as A,jsxs as at}from"react/jsx-runtime";var Pe=580,bo="slideoutWidth",Xi=ne(R.Title)`
+`,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)`
   ${e=>e.theme.borderBottom()};
   display: flex;
   align-items: center;
   justify-content: space-between;
   ${e=>e.theme.padding(4)};
   padding-top: 0;
-`,Ui=ne(R.Content)`
+`,Ui=ne(I.Content)`
   display: flex;
   flex-direction: column;
   position: fixed;
@@ -708,7 +708,7 @@ to {
   }
 `,Gi=ne.div`
   ${e=>e.theme.padding(4)};
-`,Ki=ne(R.Close)`
+`,Ki=ne(I.Close)`
   all: unset;
   display: flex;
   align-items: center;
@@ -736,7 +736,7 @@ to {
   width: 4px;
   background-color: ${e=>e.theme.colors.textLight};
   border-radius: 4px;
-`,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 u=()=>{let g=window.innerWidth;s(g),p(xo(g,a))};return window.addEventListener("resize",u),u(),()=>window.removeEventListener("resize",u)},[]),nt(()=>{if(!a||!c)return;let u,g=b=>{if(!y.current)return;let $=window.innerWidth-b.clientX,w=$>=window.innerWidth;window.innerWidth<Pe||w?u="100%":$<Pe?u=`${Pe}px`:u=`${$}px`,y.current.style.width=u},C=()=>{p(u),sessionStorage.setItem(bo,u),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(R.Root,{open:o,onOpenChange:n,modal:!1,children:[t&&A(R.Trigger,{asChild:!0,children:t}),A(R.Portal,{children:at(Ui,{$width:d,$open:o||!1,ref:y,children:[i&&at(Xi,{children:[A(h,{variant:"headingXl",children:i}),A(Ki,{children:A(_,{iconName:"faCircleXmark",color:"textLight"})})]}),A(R.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`
+`,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`
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -745,7 +745,7 @@ to {
   float: left;
   ${e=>e.theme.padding(1,2)};
   background-color: ${e=>e.theme.colors[e.$color]};
-`,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(h,{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 Ie from"@radix-ui/react-switch";import{jsx as st,jsxs as sa}from"react/jsx-runtime";var na=dt.div`
+`,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`
   display: flex;
   align-items: center;
   gap: ${e=>e.theme.spacing(2)};
@@ -757,7 +757,7 @@ to {
         `:`
         cursor: pointer;
       `};
-`,ia=dt(Ie.Root)`
+`,ia=dt(Re.Root)`
   all: unset;
   display: inline-block;
   width: 38px;
@@ -771,7 +771,7 @@ to {
   &:enabled {
     cursor: pointer;
   }
-`,aa=dt(Ie.Thumb)`
+`,aa=dt(Re.Thumb)`
   display: block;
   background-color: white;
   width: 16px;
@@ -782,16 +782,16 @@ to {
   &[data-state='checked'] {
     transform: translateX(20px);
   }
-`,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(h,{children:n})]})});import da,{useState as ca,useEffect as ma,useRef as $o}from"react";import Re from"styled-components";import{jsx as Se,jsxs as xa}from"react/jsx-runtime";var pa=Re.div`
+`,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`
   width: 100%;
-`,fa=Re.div`
+`,fa=Ie.div`
   width: 100%;
   display: flex;
   align-items: center;
   gap: ${e=>e.theme.spacing(6)};
   ${e=>e.theme.paddingVertical(1)};
   ${e=>e.theme.borderBottom(1)};
-`,ga=Re.div`
+`,ga=Ie.div`
   position: relative;
   color: ${e=>e.theme.colors.textLight};
   background-color: transparent;
@@ -801,7 +801,7 @@ to {
   &:hover {
     background-color: ${e=>e.theme.colors.backgroundLight};
   }
-`,ha=Re.div`
+`,ua=Ie.div`
   position: relative;
   width: ${e=>e.$width};
   height: 3px;
@@ -810,7 +810,7 @@ to {
   background-color: ${e=>e.theme.colors.primary};
   border-radius: 4px;
   transition: all 0.25s ease-in-out;
-`,ua=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(h,{color:p?"primary":"textLight",variant:"headingSm",children:s.label})},s.value)})}),Se(ha,{$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`
+`,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`
   display: flex;
   flex-direction: column;
   gap: ${e=>e.theme.spacing(2)};
@@ -819,7 +819,7 @@ to {
   align-items: center;
   justify-content: flex-end;
   gap: ${e=>e.theme.spacing(2)};
-`,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)})),u=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:u}),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`
+`,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`
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
@@ -830,7 +830,7 @@ to {
   position: sticky;
   top: 0;
   background-color: ${e=>e.theme.colors.background};
-`,Io=W.td`
+`,Ro=W.td`
   width: 100%;
   width: ${e=>e.$width||"100%"};
   min-width: ${e=>e.$width||"60px"};
@@ -843,7 +843,7 @@ to {
   display: flex;
   align-items: center;
   ${e=>e.theme.borderBottom()}
-`,ct=W(So)``,Ro=W(Io)`
+`,ct=W(So)``,Io=W(Ro)`
   ${e=>e.$canSort&&"cursor: pointer;"}
 `,mt=W.tbody``,Fo=W(So)`
   ${e=>e.onClick&&"cursor: pointer;"}
@@ -854,7 +854,7 @@ to {
   &:hover {
     background-color: ${e=>e.theme.colors.backgroundLight};
   }
-`,pt=W(Io)`
+`,pt=W(Ro)`
   ${e=>e.theme.typography.bodyMd};
   color: ${e=>e.theme.colors.textNormal};
 `;import{Fragment as Sa,jsx as D,jsxs as K}from"react/jsx-runtime";var Ca=ie.div`
@@ -889,15 +889,15 @@ to {
   display: flex;
   align-items: center;
   gap: ${e=>e.theme.spacing(2)};
-`,Ia=({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})})]}),u=()=>{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"}),z=(()=>{if(b.sortable)return $?{name:l.direction==="desc"?"faChevronDown":"faChevronUp",color:"textDark",size:"lg"}:{name:"faChevronUp",color:"textNormal",size:"xs"}})();return K(Ro,{$align:b.align,$width:b.width,$canSort:b.sortable,onClick:v,children:[D(h,{variant:"headingSm",color:z?.color||"textNormal",children:b.header}),z&&D(x,{name:z.name,color:z.color,size:z.size})]},b.id)})})}),u()]})}),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(h,{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(h,{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 Ra}from"react";import Fa from"styled-components";import{jsx as Ma}from"react/jsx-runtime";var La=Fa.textarea`
-  ${N};
+`,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`
+  ${z};
   padding: 6px 8px;
   max-width: 100%;
   min-width: 100%;
   min-height: 72px;
   max-height: 288px;
   overflow: auto;
-`,Oa=({value:e,onTextChange:t,disabled:r,placeholder:o})=>{let n=Ra(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 Na,{useState as za}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})`
+`,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})`
   height: 36px;
   border-radius: 4px;
   background-color: ${e=>e.theme.colors.background};
@@ -914,8 +914,8 @@ to {
       &:hover {
         border: 1px solid ${e.theme.colors.textLight};
       }`}
-`,Ea=gt.input`
-  ${N};
+`,Ba=gt.input`
+  ${z};
   background-color: transparent;
   height: auto;
   border: 0;
@@ -925,12 +925,12 @@ to {
   &:focus-visible {
     border: 0;
   }
-`,Ba=gt(m).attrs({width:"auto",center:!0})`
+`,Ea=gt(m).attrs({width:"auto",center:!0})`
   height: 36px;
-`,Va=Na.forwardRef((e,t)=>{let{value:r,onChange:o,placeholder:n,disabled:i}=e,[a,l]=za(ft(r||"")?r:""),s="";return Aa(Ha,{ref:t,$disabled:i,children:[Fe(Ba,{children:Fe(x,{name:"faClock",color:"textLight",size:"sm"})}),Fe(Ea,{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(h,{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"}},ht=Object.fromEntries(Object.entries(Wa).map(([e,t])=>[e,Object.entries(t).map(([r,o])=>`${r.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${o};`).join(`
+`,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(`
 `)]));var Lo=Ya`
   body {
-    ${ht.bodyMd};
+    ${ut.bodyMd};
     color: ${xe.textDark};
     margin: 0;
     padding: 0;
@@ -940,7 +940,7 @@ to {
   * {
     box-sizing: border-box;
   }
-`,be=xe.border,k=4,Oo={colors:xe,typography:ht,padding:(e,t)=>`padding: ${e*k}px ${(t||e)*k}px;`,paddingHorizontal:e=>`
+`,be=xe.border,k=4,Oo={colors:xe,typography:ut,padding:(e,t)=>`padding: ${e*k}px ${(t||e)*k}px;`,paddingHorizontal:e=>`
     padding-left: ${e*k}px;
     padding-right: ${e*k}px;
   `,paddingVertical:e=>`
@@ -976,4 +976,4 @@ to {
           background-color: ${xe.backgroundLight};
         }
       `}
-  `,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 Og=({children:e,locale:t})=>(B.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,Ei as MultiSelect,Wi as Select,ji as Slideout,Ze as Spinner,ta as StatusLabel,la as Switch,ua as TabBar,Ia as Table,h as Text,Oa as TextArea,Va as TimeInput,ce as Tooltip,Og as UIProvider};
+  `,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};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cognitiv/components-web",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Cognitiv new UI Components library",
   "author": "Cognitiv",
   "license": "MIT",
@@ -88,6 +88,7 @@
     "node": ">=22.12.0"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19",
+    "styled-components": "^6.3.8"
   }
 }