@conatel-sa/react-ui 0.2.2 → 0.2.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.
- package/README.md +42 -23
- package/dist/cards.d.ts +37 -0
- package/dist/cards.mjs +299 -0
- package/dist/cards.umd.js +345 -0
- package/dist/dialogs.d.ts +25 -0
- package/dist/dialogs.mjs +194 -0
- package/dist/dialogs.umd.js +246 -0
- package/dist/forms.d.ts +61 -0
- package/dist/forms.mjs +518 -0
- package/dist/forms.umd.js +562 -0
- package/dist/icons.d.ts +50 -0
- package/dist/icons.mjs +149 -0
- package/dist/icons.umd.js +186 -0
- package/dist/index.css +1 -1
- package/dist/index.mjs +213 -141
- package/dist/index.umd.js +1 -1
- package/dist/material-symbols.css +20 -0
- package/dist/metrics.d.ts +19 -0
- package/dist/metrics.mjs +94 -0
- package/dist/metrics.umd.js +142 -0
- package/dist/status.d.ts +16 -0
- package/dist/status.mjs +117 -0
- package/dist/status.umd.js +165 -0
- package/package.json +42 -4
package/dist/index.umd.js
CHANGED
|
@@ -29,4 +29,4 @@ Check the top-level render call using <`+l+">.")}return a}}function ur(e,a){{if(
|
|
|
29
29
|
<%s {...props} />
|
|
30
30
|
React keys must be passed directly to JSX without using spread:
|
|
31
31
|
let props = %s;
|
|
32
|
-
<%s key={someKey} {...props} />`,Se,U,Pt,U),dr[U+Se]=!0}}return e===o?Vt(E):St(E),E}}var Rt=Ct;me.Fragment=o,me.jsxDEV=Rt})()),me}var Re;function br(){return Re||(Re=1,process.env.NODE_ENV==="production"?ce.exports=_r():ce.exports=pr()),ce.exports}var t=br();const Ne=h.createContext(null);function vr({defaultTheme:r="conatel",theme:s,onThemeChange:n,children:o,className:i,style:c,as:u="div"}){const[_,x]=h.useState(r),f=s!==void 0,b=f?s:_,j=h.useCallback(fe=>{f?n==null||n(fe):x(fe)},[f,n]),w=h.useCallback(()=>{j(b==="conatel"?"vivion":"conatel")},[b,j]),P=h.useMemo(()=>({theme:b,setTheme:j,toggleTheme:w}),[b,j,w]),ge=[`theme-${b}`,i].filter(Boolean).join(" ");return t.jsxDEV(Ne.Provider,{value:P,children:t.jsxDEV(u,{className:ge,style:{colorScheme:"light",...c},"data-theme":b,children:o},void 0,!1,{fileName:"/app/src/theme/ThemeProvider.tsx",lineNumber:81,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/theme/ThemeProvider.tsx",lineNumber:80,columnNumber:5},this)}function Nr(){const r=h.useContext(Ne);if(!r)throw new Error("useTheme must be used inside a <ThemeProvider>.");return r}const B={button:"_button_s015b_1",loading:"_loading_s015b_28",fullWidth:"_fullWidth_s015b_34",sm:"_sm_s015b_39",md:"_md_s015b_44",lg:"_lg_s015b_49",primary:"_primary_s015b_55",secondary:"_secondary_s015b_71",ghost:"_ghost_s015b_87",danger:"_danger_s015b_101",success:"_success_s015b_111",info:"_info_s015b_121",warning:"_warning_s015b_131",icon:"_icon_s015b_142",spinner:"_spinner_s015b_150",spin:"_spin_s015b_150"};function hr({variant:r="primary",size:s="md",loading:n=!1,fullWidth:o=!1,disabled:i,className:c,children:u,iconLeft:_,iconRight:x,...f}){return t.jsxDEV("button",{className:[B.button,B[r],B[s],n?B.loading:"",o?B.fullWidth:"",c??""].filter(Boolean).join(" "),disabled:i||n,"aria-busy":n||void 0,...f,children:[n?t.jsxDEV("span",{className:B.spinner,"aria-hidden":"true"},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:48,columnNumber:9},this):_&&t.jsxDEV("span",{className:B.icon,children:_},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:50,columnNumber:21},this),u&&t.jsxDEV("span",{children:u},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:52,columnNumber:20},this),!n&&x&&t.jsxDEV("span",{className:B.icon,children:x},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:53,columnNumber:33},this)]},void 0,!0,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:32,columnNumber:5},this)}const he={heading:"_heading_11ibi_1",light:"_light_11ibi_9","size-xs":"_size-xs_11ibi_14","size-sm":"_size-sm_11ibi_18","size-md":"_size-md_11ibi_22","size-lg":"_size-lg_11ibi_26","size-xl":"_size-xl_11ibi_30","size-2xl":"_size-2xl_11ibi_34","size-3xl":"_size-3xl_11ibi_38","size-4xl":"_size-4xl_11ibi_42"},xr={1:"4xl",2:"3xl",3:"2xl",4:"xl",5:"lg",6:"md"};function gr({level:r=2,size:s,light:n=!1,className:o,children:i,...c}){const u=`h${r}`,_=s??xr[r];return t.jsxDEV(u,{className:[he.heading,he[`size-${_}`],n?he.light:"",o??""].filter(Boolean).join(" "),...c,children:i},void 0,!1,{fileName:"/app/src/components/Typography/Heading.tsx",lineNumber:38,columnNumber:5},this)}const Q={text:"_text_23jwr_1","size-xs":"_size-xs_23jwr_8","size-sm":"_size-sm_23jwr_12","size-base":"_size-base_23jwr_16","size-lg":"_size-lg_23jwr_20","weight-light":"_weight-light_23jwr_25","weight-regular":"_weight-regular_23jwr_29","weight-medium":"_weight-medium_23jwr_33","weight-semibold":"_weight-semibold_23jwr_37","weight-bold":"_weight-bold_23jwr_41","color-default":"_color-default_23jwr_46","color-muted":"_color-muted_23jwr_50","color-subtle":"_color-subtle_23jwr_54","color-inverse":"_color-inverse_23jwr_58","color-primary":"_color-primary_23jwr_62","color-error":"_color-error_23jwr_66","align-left":"_align-left_23jwr_71","align-center":"_align-center_23jwr_75","align-right":"_align-right_23jwr_79"};function jr({as:r="p",size:s="base",weight:n="regular",color:o="default",align:i="left",clamp:c,className:u,style:_,children:x,...f}){const b=c?{display:"-webkit-box",WebkitLineClamp:c,WebkitBoxOrient:"vertical",overflow:"hidden"}:{};return t.jsxDEV(r,{className:[Q.text,Q[`size-${s}`],Q[`weight-${n}`],Q[`color-${o}`],Q[`align-${i}`],u??""].filter(Boolean).join(" "),style:{...b,..._},...f,children:x},void 0,!1,{fileName:"/app/src/components/Typography/Text.tsx",lineNumber:42,columnNumber:5},this)}const R={wrapper:"_wrapper_1gdyv_1",fullWidth:"_fullWidth_1gdyv_7",input:"_input_1gdyv_8",error:"_error_1gdyv_44",iconLeft:"_iconLeft_1gdyv_54",iconRight:"_iconRight_1gdyv_55",hasIconLeft:"_hasIconLeft_1gdyv_72",hasIconRight:"_hasIconRight_1gdyv_76",disabled:"_disabled_1gdyv_80"},Pe=h.forwardRef(({iconLeft:r,iconRight:s,error:n,fullWidth:o,className:i,...c},u)=>t.jsxDEV("div",{className:[R.wrapper,n?R.error:"",o?R.fullWidth:"",c.disabled?R.disabled:""].filter(Boolean).join(" "),children:[r&&t.jsxDEV("span",{className:R.iconLeft,children:r},void 0,!1,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:28,columnNumber:22},void 0),t.jsxDEV("input",{ref:u,className:[R.input,r?R.hasIconLeft:"",s?R.hasIconRight:"",i??""].filter(Boolean).join(" "),...c},void 0,!1,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:29,columnNumber:9},void 0),s&&t.jsxDEV("span",{className:R.iconRight,children:s},void 0,!1,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:41,columnNumber:23},void 0)]},void 0,!0,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:18,columnNumber:7},void 0));Pe.displayName="Input";const xe={textarea:"_textarea_fomu3_1",error:"_error_fomu3_33",fullWidth:"_fullWidth_fomu3_37"},Be=h.forwardRef(({error:r,fullWidth:s,className:n,...o},i)=>t.jsxDEV("textarea",{ref:i,className:[xe.textarea,r?xe.error:"",s?xe.fullWidth:"",n??""].filter(Boolean).join(" "),...o},void 0,!1,{fileName:"/app/src/components/Textarea/Textarea.tsx",lineNumber:12,columnNumber:7},void 0));Be.displayName="Textarea";const ee={wrapper:"_wrapper_13qfs_1",fullWidth:"_fullWidth_13qfs_6",select:"_select_13qfs_7",error:"_error_13qfs_41",arrow:"_arrow_13qfs_45"},Ie=h.forwardRef(({error:r,fullWidth:s,placeholder:n,children:o,className:i,...c},u)=>t.jsxDEV("div",{className:[ee.wrapper,s?ee.fullWidth:""].filter(Boolean).join(" "),children:[t.jsxDEV("select",{ref:u,className:[ee.select,r?ee.error:"",i??""].filter(Boolean).join(" "),...c,children:[n&&t.jsxDEV("option",{value:"",disabled:!0,hidden:!0,children:n},void 0,!1,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:26,columnNumber:13},void 0),o]},void 0,!0,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:14,columnNumber:9},void 0),t.jsxDEV("span",{className:ee.arrow,"aria-hidden":"true",children:"▾"},void 0,!1,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:32,columnNumber:9},void 0)]},void 0,!0,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:13,columnNumber:7},void 0));Ie.displayName="Select";const H={wrapper:"_wrapper_199wu_1",disabled:"_disabled_199wu_9",input:"_input_199wu_15",box:"_box_199wu_24",error:"_error_199wu_69",label:"_label_199wu_73"},Fe=h.forwardRef(({label:r,error:s,className:n,id:o,...i},c)=>{const u=h.useId(),_=o??u;return t.jsxDEV("label",{htmlFor:_,className:[H.wrapper,s?H.error:"",i.disabled?H.disabled:"",n??""].filter(Boolean).join(" "),children:[t.jsxDEV("input",{type:"checkbox",id:_,ref:c,className:H.input,...i},void 0,!1,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:28,columnNumber:9},void 0),t.jsxDEV("span",{className:H.box,"aria-hidden":"true"},void 0,!1,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:35,columnNumber:9},void 0),r&&t.jsxDEV("span",{className:H.label,children:r},void 0,!1,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:36,columnNumber:19},void 0)]},void 0,!0,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:17,columnNumber:7},void 0)});Fe.displayName="Checkbox";const O={wrapper:"_wrapper_1yn7j_1",disabled:"_disabled_1yn7j_9",input:"_input_1yn7j_14",track:"_track_1yn7j_23",thumb:"_thumb_1yn7j_41",sm:"_sm_1yn7j_52",md:"_md_1yn7j_67",lg:"_lg_1yn7j_82",label:"_label_1yn7j_97"},Ae=h.forwardRef(({label:r,size:s="md",className:n,id:o,...i},c)=>{const u=h.useId(),_=o??u;return t.jsxDEV("label",{htmlFor:_,className:[O.wrapper,O[s],i.disabled?O.disabled:"",n??""].filter(Boolean).join(" "),children:[t.jsxDEV("input",{type:"checkbox",role:"switch",id:_,ref:c,className:O.input,...i},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:28,columnNumber:9},void 0),t.jsxDEV("span",{className:O.track,"aria-hidden":"true",children:t.jsxDEV("span",{className:O.thumb},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:37,columnNumber:11},void 0)},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:36,columnNumber:9},void 0),r&&t.jsxDEV("span",{className:O.label,children:r},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:39,columnNumber:19},void 0)]},void 0,!0,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:17,columnNumber:7},void 0)});Ae.displayName="Toggle";const z={field:"_field_14vgz_1",label:"_label_14vgz_7",required:"_required_14vgz_15",control:"_control_14vgz_19",hint:"_hint_14vgz_24",error:"_error_14vgz_32"};function yr({label:r,hint:s,error:n,htmlFor:o,required:i,children:c,className:u}){return t.jsxDEV("div",{className:[z.field,n?z.hasError:"",u??""].filter(Boolean).join(" "),children:[r&&t.jsxDEV("label",{htmlFor:o,className:z.label,children:[r,i&&t.jsxDEV("span",{className:z.required,"aria-hidden":"true",children:" *"},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:33,columnNumber:24},this)]},void 0,!0,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:31,columnNumber:9},this),t.jsxDEV("div",{className:z.control,children:c},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:36,columnNumber:7},this),n?t.jsxDEV("p",{className:z.error,role:"alert",children:n},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:38,columnNumber:9},this):s?t.jsxDEV("p",{className:z.hint,children:s},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:40,columnNumber:9},this):null]},void 0,!0,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:29,columnNumber:5},this)}const re={badge:"_badge_sp7qo_1",sm:"_sm_sp7qo_13",md:"_md_sp7qo_18",default:"_default_sp7qo_24",primary:"_primary_sp7qo_29",success:"_success_sp7qo_34",warning:"_warning_sp7qo_39",error:"_error_sp7qo_44",info:"_info_sp7qo_49",dot:"_dot_sp7qo_55","dot-default":"_dot-default_sp7qo_62","dot-primary":"_dot-primary_sp7qo_66","dot-success":"_dot-success_sp7qo_70","dot-warning":"_dot-warning_sp7qo_74","dot-error":"_dot-error_sp7qo_78","dot-info":"_dot-info_sp7qo_82"};function Er({variant:r="default",size:s="md",dot:n=!1,className:o,children:i,...c}){return n?t.jsxDEV("span",{className:[re.dot,re[`dot-${r}`],o??""].filter(Boolean).join(" "),...c},void 0,!1,{fileName:"/app/src/components/Badge/Badge.tsx",lineNumber:24,columnNumber:7},this):t.jsxDEV("span",{className:[re.badge,re[r],re[s],o??""].filter(Boolean).join(" "),...c,children:i},void 0,!1,{fileName:"/app/src/components/Badge/Badge.tsx",lineNumber:31,columnNumber:5},this)}const L={alert:"_alert_180sy_1",info:"_info_180sy_11",success:"_success_180sy_17",warning:"_warning_180sy_23",error:"_error_180sy_29",icon:"_icon_180sy_35",body:"_body_180sy_58",title:"_title_180sy_65",message:"_message_180sy_72",close:"_close_180sy_78"};function $r({variant:r="info",title:s,icon:n,onClose:o,className:i,children:c,...u}){return t.jsxDEV("div",{role:"alert",className:[L.alert,L[r],i??""].filter(Boolean).join(" "),...u,children:[n&&t.jsxDEV("span",{className:L.icon,"aria-hidden":"true",children:n},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:29,columnNumber:16},this),t.jsxDEV("div",{className:L.body,children:[s&&t.jsxDEV("p",{className:L.title,children:s},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:31,columnNumber:19},this),c&&t.jsxDEV("div",{className:L.message,children:c},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:32,columnNumber:22},this)]},void 0,!0,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:30,columnNumber:7},this),o&&t.jsxDEV("button",{type:"button",className:L.close,onClick:o,"aria-label":"Dismiss",children:"✕"},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:35,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:24,columnNumber:5},this)}const de={spinner:"_spinner_vxqk3_11",spin:"_spin_vxqk3_11",xs:"_xs_vxqk3_17",sm:"_sm_vxqk3_22",md:"_md_vxqk3_27",lg:"_lg_vxqk3_32",xl:"_xl_vxqk3_37",track:"_track_vxqk3_42",arc:"_arc_vxqk3_47"};function wr({size:r="md",label:s="Loading",className:n,...o}){return t.jsxDEV("svg",{className:[de.spinner,de[r],n??""].filter(Boolean).join(" "),viewBox:"0 0 24 24",fill:"none",role:"status","aria-label":s,...o,children:[t.jsxDEV("circle",{className:de.track,cx:"12",cy:"12",r:"10",strokeWidth:"2.5"},void 0,!1,{fileName:"/app/src/components/Spinner/Spinner.tsx",lineNumber:22,columnNumber:7},this),t.jsxDEV("circle",{className:de.arc,cx:"12",cy:"12",r:"10",strokeWidth:"2.5",strokeLinecap:"round"},void 0,!1,{fileName:"/app/src/components/Spinner/Spinner.tsx",lineNumber:29,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Spinner/Spinner.tsx",lineNumber:14,columnNumber:5},this)}const I={wrapper:"_wrapper_jkqgi_1",header:"_header_jkqgi_8",label:"_label_jkqgi_14",value:"_value_jkqgi_21",track:"_track_jkqgi_27",sm:"_sm_jkqgi_34",md:"_md_jkqgi_38",lg:"_lg_jkqgi_42",bar:"_bar_jkqgi_46",primary:"_primary_jkqgi_52",success:"_success_jkqgi_56",warning:"_warning_jkqgi_60",error:"_error_jkqgi_64"};function Tr({value:r,size:s="md",label:n,showValue:o=!1,variant:i="primary",className:c,...u}){const _=Math.min(100,Math.max(0,r));return t.jsxDEV("div",{className:[I.wrapper,c??""].filter(Boolean).join(" "),...u,children:[(n||o)&&t.jsxDEV("div",{className:I.header,children:[n&&t.jsxDEV("span",{className:I.label,children:n},void 0,!1,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:31,columnNumber:21},this),o&&t.jsxDEV("span",{className:I.value,children:[_,"%"]},void 0,!0,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:32,columnNumber:25},this)]},void 0,!0,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:30,columnNumber:9},this),t.jsxDEV("div",{className:[I.track,I[s]].join(" "),role:"progressbar","aria-valuenow":_,"aria-valuemin":0,"aria-valuemax":100,children:t.jsxDEV("div",{className:[I.bar,I[i]].join(" "),style:{width:`${_}%`}},void 0,!1,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:42,columnNumber:9},this)},void 0,!1,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:35,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:28,columnNumber:5},this)}const F={card:"_card_mck7p_1",bordered:"_bordered_mck7p_8",shadow:"_shadow_mck7p_12",padded:"_padded_mck7p_16",hoverable:"_hoverable_mck7p_20",header:"_header_mck7p_25",body:"_body_mck7p_34",footer:"_footer_mck7p_38"};function Dr({bordered:r=!0,flat:s=!1,noPadding:n=!1,hoverable:o=!1,className:i,children:c,...u}){return t.jsxDEV("div",{className:[F.card,r?F.bordered:"",s?"":F.shadow,n?"":F.padded,o?F.hoverable:"",i??""].filter(Boolean).join(" "),...u,children:c},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:25,columnNumber:5},this)}function kr({className:r,children:s,...n}){return t.jsxDEV("div",{className:[F.header,r??""].filter(Boolean).join(" "),...n,children:s},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:46,columnNumber:5},this)}function Sr({className:r,children:s,...n}){return t.jsxDEV("div",{className:[F.body,r??""].filter(Boolean).join(" "),...n,children:s},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:55,columnNumber:5},this)}function Vr({className:r,children:s,...n}){return t.jsxDEV("div",{className:[F.footer,r??""].filter(Boolean).join(" "),...n,children:s},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:64,columnNumber:5},this)}const A={backdrop:"_backdrop_w87fm_23",fadeIn:"_fadeIn_w87fm_1",dialog:"_dialog_w87fm_35",slideUp:"_slideUp_w87fm_1",sm:"_sm_w87fm_49",md:"_md_w87fm_53",lg:"_lg_w87fm_57",xl:"_xl_w87fm_61",full:"_full_w87fm_65",header:"_header_w87fm_72",title:"_title_w87fm_81",closeBtn:"_closeBtn_w87fm_88",body:"_body_w87fm_111",footer:"_footer_w87fm_118"};function Cr({open:r,onClose:s,title:n,size:o="md",persistent:i=!1,children:c,footer:u}){const _=h.useRef(null);return h.useEffect(()=>{var f;if(!r)return;const x=document.activeElement;return(f=_.current)==null||f.focus(),()=>{x==null||x.focus()}},[r]),h.useEffect(()=>{if(!r)return;const x=f=>{f.key==="Escape"&&!i&&s()};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[r,s,i]),r?t.jsxDEV("div",{className:A.backdrop,onClick:i?void 0:s,"aria-modal":"true",role:"dialog","aria-labelledby":n?"modal-title":void 0,children:t.jsxDEV("div",{ref:_,tabIndex:-1,className:[A.dialog,A[o]].join(" "),onClick:x=>x.stopPropagation(),children:[n&&t.jsxDEV("div",{className:A.header,children:[t.jsxDEV("span",{id:"modal-title",className:A.title,children:n},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:65,columnNumber:13},this),t.jsxDEV("button",{type:"button",className:A.closeBtn,onClick:s,"aria-label":"Close modal",children:"✕"},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:66,columnNumber:13},this)]},void 0,!0,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:64,columnNumber:11},this),t.jsxDEV("div",{className:A.body,children:c},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:78,columnNumber:9},this),u&&t.jsxDEV("div",{className:A.footer,children:u},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:81,columnNumber:20},this)]},void 0,!0,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:56,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:49,columnNumber:5},this):null}const te={tabs:"_tabs_18z4f_1",tabList:"_tabList_18z4f_6",tab:"_tab_18z4f_1",active:"_active_18z4f_40",panel:"_panel_18z4f_50"},qe=h.createContext(null);function Oe(){const r=h.useContext(qe);if(!r)throw new Error("Tab components must be inside <Tabs>");return r}function Rr({defaultTab:r="",activeTab:s,onTabChange:n,children:o,className:i}){const[c,u]=h.useState(r),_=s!==void 0,x=_?s??"":c,f=b=>{_||u(b),n==null||n(b)};return t.jsxDEV(qe.Provider,{value:{activeTab:x,setActiveTab:f},children:t.jsxDEV("div",{className:[te.tabs,i??""].filter(Boolean).join(" "),children:o},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:38,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:37,columnNumber:5},this)}function Pr({children:r,className:s,...n}){return t.jsxDEV("div",{role:"tablist",className:[te.tabList,s??""].filter(Boolean).join(" "),...n,children:r},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:47,columnNumber:5},this)}function Br({id:r,children:s,className:n,...o}){const{activeTab:i,setActiveTab:c}=Oe(),u=i===r;return t.jsxDEV("button",{role:"tab",type:"button","aria-selected":u,"aria-controls":`panel-${r}`,id:`tab-${r}`,onClick:()=>c(r),className:[te.tab,u?te.active:"",n??""].filter(Boolean).join(" "),...o,children:s},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:62,columnNumber:5},this)}function Ir({id:r,children:s,className:n,...o}){const{activeTab:i}=Oe();return i!==r?null:t.jsxDEV("div",{role:"tabpanel",id:`panel-${r}`,"aria-labelledby":`tab-${r}`,tabIndex:0,className:[te.panel,n??""].filter(Boolean).join(" "),...o,children:s},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:86,columnNumber:5},this)}const q={navbar:"_navbar_1m6ra_1",transparent:"_transparent_1m6ra_10",inner:"_inner_1m6ra_15",brand:"_brand_1m6ra_25",nav:"_nav_1m6ra_1",actions:"_actions_1m6ra_36",navItem:"_navItem_1m6ra_43",active:"_active_1m6ra_60"};function Fr({brand:r,actions:s,transparent:n=!1,className:o,children:i,...c}){return t.jsxDEV("header",{className:[q.navbar,n?q.transparent:"",o??""].filter(Boolean).join(" "),...c,children:t.jsxDEV("div",{className:q.inner,children:[r&&t.jsxDEV("div",{className:q.brand,children:r},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:20,columnNumber:19},this),i&&t.jsxDEV("nav",{className:q.nav,children:i},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:21,columnNumber:22},this),s&&t.jsxDEV("div",{className:q.actions,children:s},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:22,columnNumber:21},this)]},void 0,!0,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:19,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:15,columnNumber:5},this)}function Ar({active:r,className:s,children:n,...o}){return t.jsxDEV("a",{className:[q.navItem,r?q.active:"",s??""].filter(Boolean).join(" "),"aria-current":r?"page":void 0,...o,children:n},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:34,columnNumber:5},this)}const $={wrapper:"_wrapper_1wt6l_1",table:"_table_1wt6l_8",thead:"_thead_1wt6l_16",headerCell:"_headerCell_1wt6l_20",stickyHeader:"_stickyHeader_1wt6l_29",sortable:"_sortable_1wt6l_36",headerContent:"_headerContent_1wt6l_45",sortIcon:"_sortIcon_1wt6l_51",cell:"_cell_1wt6l_57","align-left":"_align-left_1wt6l_65","align-center":"_align-center_1wt6l_69","align-right":"_align-right_1wt6l_73",row:"_row_1wt6l_78",clickable:"_clickable_1wt6l_86",selected:"_selected_1wt6l_90",striped:"_striped_1wt6l_95",dense:"_dense_1wt6l_99",bordered:"_bordered_1wt6l_104"};function qr({striped:r,dense:s,bordered:n,stickyHeader:o,className:i,children:c,...u}){return t.jsxDEV("div",{className:[$.wrapper,i??""].filter(Boolean).join(" "),role:"region",tabIndex:0,...u,children:t.jsxDEV("table",{className:[$.table,r?$.striped:"",s?$.dense:"",n?$.bordered:"",o?$.stickyHeader:""].filter(Boolean).join(" "),children:c},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:25,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:19,columnNumber:5},this)}function Or({children:r,...s}){return t.jsxDEV("thead",{className:$.thead,...s,children:r},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:44,columnNumber:10},this)}function zr({children:r,...s}){return t.jsxDEV("tbody",{...s,children:r},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:49,columnNumber:10},this)}function Lr({selected:r,clickable:s,className:n,children:o,...i}){return t.jsxDEV("tr",{className:[$.row,r?$.selected:"",s?$.clickable:"",n??""].filter(Boolean).join(" "),"aria-selected":r,...i,children:o},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:60,columnNumber:5},this)}function Wr({align:r="left",className:s,children:n,...o}){return t.jsxDEV("td",{className:[$.cell,$[`align-${r}`],s??""].filter(Boolean).join(" "),...o,children:n},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:84,columnNumber:5},this)}function Mr({align:r="left",sortable:s,sortDirection:n="none",onSort:o,className:i,children:c,...u}){return t.jsxDEV("th",{className:[$.headerCell,$[`align-${r}`],s?$.sortable:"",i??""].filter(Boolean).join(" "),onClick:s?o:void 0,"aria-sort":s?n==="none"?"none":n==="asc"?"ascending":"descending":void 0,...u,children:t.jsxDEV("span",{className:$.headerContent,children:[c,s&&t.jsxDEV("span",{className:$.sortIcon,"aria-hidden":"true",children:n==="asc"?"↑":n==="desc"?"↓":"↕"},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:115,columnNumber:11},this)]},void 0,!0,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:112,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:99,columnNumber:5},this)}const W={wrapper:"_wrapper_ocp5v_1",circle:"_circle_ocp5v_11",square:"_square_ocp5v_15",xs:"_xs_ocp5v_20",sm:"_sm_ocp5v_26",md:"_md_ocp5v_32",lg:"_lg_ocp5v_38",xl:"_xl_ocp5v_44",img:"_img_ocp5v_50",initials:"_initials_ocp5v_57",status:"_status_ocp5v_72","status-online":"_status-online_ocp5v_84","status-away":"_status-away_ocp5v_88","status-busy":"_status-busy_ocp5v_92","status-offline":"_status-offline_ocp5v_96"};function Yr({src:r,alt:s="",initials:n,size:o="md",shape:i="circle",status:c,className:u,..._}){return t.jsxDEV("div",{className:[W.wrapper,W[o],W[i],u??""].filter(Boolean).join(" "),..._,children:[r?t.jsxDEV("img",{src:r,alt:s,className:W.img},void 0,!1,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:41,columnNumber:9},this):t.jsxDEV("span",{className:W.initials,"aria-label":s,children:n??"?"},void 0,!1,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:43,columnNumber:9},this),c&&t.jsxDEV("span",{className:[W.status,W[`status-${c}`]].join(" "),"aria-label":c},void 0,!1,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:48,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:29,columnNumber:5},this)}const J={horizontal:"_horizontal_3x1p9_1",vertical:"_vertical_3x1p9_7",withLabel:"_withLabel_3x1p9_16",line:"_line_3x1p9_23",labelText:"_labelText_3x1p9_29"};function Ur({orientation:r="horizontal",label:s,className:n,...o}){return r==="vertical"?t.jsxDEV("span",{role:"separator","aria-orientation":"vertical",className:[J.vertical,n??""].filter(Boolean).join(" "),...o},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:13,columnNumber:7},this):s?t.jsxDEV("div",{className:[J.withLabel,n??""].filter(Boolean).join(" "),children:[t.jsxDEV("span",{className:J.line},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:25,columnNumber:9},this),t.jsxDEV("span",{className:J.labelText,children:s},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:26,columnNumber:9},this),t.jsxDEV("span",{className:J.line},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:27,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:24,columnNumber:7},this):t.jsxDEV("hr",{className:[J.horizontal,n??""].filter(Boolean).join(" "),...o},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:33,columnNumber:5},this)}const ne={wrapper:"_wrapper_k3ofb_1",illustration:"_illustration_k3ofb_11",title:"_title_k3ofb_17",description:"_description_k3ofb_25",action:"_action_k3ofb_34"};function Hr({illustration:r,title:s,description:n,action:o,className:i,...c}){return t.jsxDEV("div",{className:[ne.wrapper,i??""].filter(Boolean).join(" "),...c,children:[r&&t.jsxDEV("div",{className:ne.illustration,children:r},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:16,columnNumber:24},this),t.jsxDEV("h3",{className:ne.title,children:s},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:17,columnNumber:7},this),n&&t.jsxDEV("p",{className:ne.description,children:n},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:18,columnNumber:23},this),o&&t.jsxDEV("div",{className:ne.action,children:o},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:19,columnNumber:18},this)]},void 0,!0,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:15,columnNumber:5},this)}const M={sidebar:"_sidebar_1hxle_1",collapsed:"_collapsed_1hxle_13",brand:"_brand_1hxle_17",nav:"_nav_1hxle_24",bottom:"_bottom_1hxle_33",footer:"_footer_1hxle_40",collapseBtn:"_collapseBtn_1hxle_45"};function Jr({brand:r,children:s,footer:n,collapsed:o=!1,onCollapse:i,width:c="240px",className:u}){return t.jsxDEV("aside",{className:[M.sidebar,o?M.collapsed:"",u??""].filter(Boolean).join(" "),style:{"--sidebar-width":c},"aria-label":"Navegación principal",children:[r&&t.jsxDEV("div",{className:M.brand,children:r},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:38,columnNumber:17},this),t.jsxDEV("nav",{className:M.nav,children:s},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:40,columnNumber:7},this),t.jsxDEV("div",{className:M.bottom,children:[i&&t.jsxDEV("button",{className:M.collapseBtn,onClick:i,"aria-label":o?"Expandir sidebar":"Colapsar sidebar",type:"button",children:o?"→":"←"},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:44,columnNumber:11},this),n&&t.jsxDEV("div",{className:M.footer,children:n},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:53,columnNumber:20},this)]},void 0,!0,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:42,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:31,columnNumber:5},this)}const se={item:"_item_1kjfi_1",active:"_active_1kjfi_33",collapsed:"_collapsed_1kjfi_39",icon:"_icon_1kjfi_44",label:"_label_1kjfi_51"};function Kr({label:r,icon:s,active:n=!1,onClick:o,href:i,as:c,collapsed:u=!1,className:_,...x}){const f=c??(i?"a":"button"),b={...x};return c||(i?b.href=i:b.type="button"),t.jsxDEV(f,{className:[se.item,n?se.active:"",u?se.collapsed:"",_??""].filter(Boolean).join(" "),onClick:o,"aria-current":n?"page":void 0,title:u?r:void 0,...b,children:[s&&t.jsxDEV("span",{className:se.icon,children:s},void 0,!1,{fileName:"/app/src/components/Sidebar/SidebarItem.tsx",lineNumber:63,columnNumber:16},this),!u&&t.jsxDEV("span",{className:se.label,children:r},void 0,!1,{fileName:"/app/src/components/Sidebar/SidebarItem.tsx",lineNumber:64,columnNumber:22},this)]},void 0,!0,{fileName:"/app/src/components/Sidebar/SidebarItem.tsx",lineNumber:49,columnNumber:5},this)}const ae={toast:"_toast_hjvoc_1",slideIn:"_slideIn_hjvoc_1",success:"_success_hjvoc_28",error:"_error_hjvoc_32",warning:"_warning_hjvoc_36",info:"_info_hjvoc_40",icon:"_icon_hjvoc_44",message:"_message_hjvoc_50",close:"_close_hjvoc_55"},Gr={success:"✓",error:"✕",warning:"⚠",info:"ℹ"};function ze({item:r,onClose:s}){return t.jsxDEV("div",{className:[ae.toast,ae[r.variant]].filter(Boolean).join(" "),role:"alert",children:[t.jsxDEV("span",{className:ae.icon,"aria-hidden":"true",children:Gr[r.variant]},void 0,!1,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:26,columnNumber:7},this),t.jsxDEV("span",{className:ae.message,children:r.message},void 0,!1,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:29,columnNumber:7},this),t.jsxDEV("button",{className:ae.close,onClick:()=>s(r.id),"aria-label":"Cerrar",type:"button",children:"✕"},void 0,!1,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:30,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:25,columnNumber:5},this)}const Le={container:"_container_1a1az_1",top_right:"_top_right_1a1az_16",top_left:"_top_left_1a1az_22",bottom_right:"_bottom_right_1a1az_28",bottom_left:"_bottom_left_1a1az_35",top_center:"_top_center_1a1az_42",bottom_center:"_bottom_center_1a1az_49"},We=h.createContext(null);let Xr=0;function Zr(){return`toast-${++Xr}`}function Qr({children:r,position:s="top-right",duration:n=4e3}){const[o,i]=h.useState([]),c=h.useRef(new Map),u=h.useCallback(f=>{i(j=>j.filter(w=>w.id!==f));const b=c.current.get(f);b&&(clearTimeout(b),c.current.delete(f))},[]),_=h.useCallback((f,b,j)=>{const w=Zr(),P=j??n;if(i(V=>[...V,{id:w,message:f,variant:b}]),P>0){const V=setTimeout(()=>u(w),P);c.current.set(w,V)}},[n,u]),x={success:(f,b)=>_(f,"success",b),error:(f,b)=>_(f,"error",b),warning:(f,b)=>_(f,"warning",b),info:(f,b)=>_(f,"info",b),dismiss:u};return t.jsxDEV(We.Provider,{value:x,children:[r,fr.createPortal(t.jsxDEV("div",{className:[Le.container,Le[s.replace("-","_")]].filter(Boolean).join(" "),"aria-live":"polite","aria-atomic":"false",children:o.map(f=>t.jsxDEV(ze,{item:f,onClose:u},f.id,!1,{fileName:"/app/src/components/Toast/ToastProvider.tsx",lineNumber:80,columnNumber:13},this))},void 0,!1,{fileName:"/app/src/components/Toast/ToastProvider.tsx",lineNumber:78,columnNumber:9},this),document.body)]},void 0,!0,{fileName:"/app/src/components/Toast/ToastProvider.tsx",lineNumber:75,columnNumber:5},this)}function et(){const r=h.useContext(We);if(!r)throw new Error("useToast must be used inside <ToastProvider>");return r}const K={root:"_root_1m7ae_1",sm:"_sm_1m7ae_9",btn:"_btn_1m7ae_9",md:"_md_1m7ae_15",lg:"_lg_1m7ae_21",active:"_active_1m7ae_55",disabled:"_disabled_1m7ae_61",selectedLabel:"_selectedLabel_1m7ae_66"},rt=["Insatisfactorio","Regular","Bueno","Muy bueno","Excelente"];function tt({value:r,onChange:s,min:n=1,max:o=5,disabled:i=!1,size:c="md",labels:u,className:_}){const x=o-n+1,f=u??rt.slice(0,x),b=Array.from({length:x},(j,w)=>n+w);return t.jsxDEV("div",{className:[K.root,K[c],i?K.disabled:"",_??""].filter(Boolean).join(" "),role:"group","aria-label":"Seleccionar puntuación",children:[b.map((j,w)=>{const P=r===j,V=f[w]??String(j);return t.jsxDEV("button",{type:"button",className:[K.btn,P?K.active:""].filter(Boolean).join(" "),onClick:()=>!i&&(s==null?void 0:s(j)),disabled:i,"aria-label":`${j} — ${V}`,"aria-pressed":P,title:V,children:j},j,!1,{fileName:"/app/src/components/ScoreSelector/ScoreSelector.tsx",lineNumber:57,columnNumber:11},this)}),r!==void 0&&f[r-n]&&t.jsxDEV("span",{className:K.selectedLabel,children:f[r-n]},void 0,!1,{fileName:"/app/src/components/ScoreSelector/ScoreSelector.tsx",lineNumber:72,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/ScoreSelector/ScoreSelector.tsx",lineNumber:46,columnNumber:5},this)}m.Alert=$r,m.Avatar=Yr,m.Badge=Er,m.Button=hr,m.Card=Dr,m.CardBody=Sr,m.CardFooter=Vr,m.CardHeader=kr,m.Checkbox=Fe,m.Divider=Ur,m.EmptyState=Hr,m.FormField=yr,m.Heading=gr,m.Input=Pe,m.Modal=Cr,m.NavItem=Ar,m.Navbar=Fr,m.Progress=Tr,m.ScoreSelector=tt,m.Select=Ie,m.Sidebar=Jr,m.SidebarItem=Kr,m.Spinner=wr,m.Tab=Br,m.TabList=Pr,m.TabPanel=Ir,m.Table=qr,m.TableBody=zr,m.TableCell=Wr,m.TableHead=Or,m.TableHeaderCell=Mr,m.TableRow=Lr,m.Tabs=Rr,m.Text=jr,m.Textarea=Be,m.ThemeContext=Ne,m.ThemeProvider=vr,m.Toast=ze,m.ToastProvider=Qr,m.Toggle=Ae,m.useTheme=Nr,m.useToast=et,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
|
|
32
|
+
<%s key={someKey} {...props} />`,Se,U,Pt,U),dr[U+Se]=!0}}return e===o?Vt(E):St(E),E}}var Rt=Ct;me.Fragment=o,me.jsxDEV=Rt})()),me}var Re;function br(){return Re||(Re=1,process.env.NODE_ENV==="production"?ce.exports=_r():ce.exports=pr()),ce.exports}var t=br();const Ne=h.createContext(null);function vr({defaultTheme:r="conatel",theme:s,onThemeChange:n,children:o,className:i,style:c,as:u="div"}){const[_,x]=h.useState(r),f=s!==void 0,b=f?s:_,j=h.useCallback(fe=>{f?n==null||n(fe):x(fe)},[f,n]),w=h.useCallback(()=>{j(b==="conatel"?"vivion":"conatel")},[b,j]),P=h.useMemo(()=>({theme:b,setTheme:j,toggleTheme:w}),[b,j,w]),ge=[`theme-${b}`,i].filter(Boolean).join(" ");return t.jsxDEV(Ne.Provider,{value:P,children:t.jsxDEV(u,{className:ge,style:{colorScheme:"light",...c},"data-theme":b,children:o},void 0,!1,{fileName:"/app/src/theme/ThemeProvider.tsx",lineNumber:81,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/theme/ThemeProvider.tsx",lineNumber:80,columnNumber:5},this)}function Nr(){const r=h.useContext(Ne);if(!r)throw new Error("useTheme must be used inside a <ThemeProvider>.");return r}const B={button:"_button_s015b_1",loading:"_loading_s015b_28",fullWidth:"_fullWidth_s015b_34",sm:"_sm_s015b_39",md:"_md_s015b_44",lg:"_lg_s015b_49",primary:"_primary_s015b_55",secondary:"_secondary_s015b_71",ghost:"_ghost_s015b_87",danger:"_danger_s015b_101",success:"_success_s015b_111",info:"_info_s015b_121",warning:"_warning_s015b_131",icon:"_icon_s015b_142",spinner:"_spinner_s015b_150",spin:"_spin_s015b_150"};function hr({variant:r="primary",size:s="md",loading:n=!1,fullWidth:o=!1,disabled:i,className:c,children:u,iconLeft:_,iconRight:x,...f}){return t.jsxDEV("button",{className:[B.button,B[r],B[s],n?B.loading:"",o?B.fullWidth:"",c??""].filter(Boolean).join(" "),disabled:i||n,"aria-busy":n||void 0,...f,children:[n?t.jsxDEV("span",{className:B.spinner,"aria-hidden":"true"},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:48,columnNumber:9},this):_&&t.jsxDEV("span",{className:B.icon,children:_},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:50,columnNumber:21},this),u&&t.jsxDEV("span",{children:u},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:52,columnNumber:20},this),!n&&x&&t.jsxDEV("span",{className:B.icon,children:x},void 0,!1,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:53,columnNumber:33},this)]},void 0,!0,{fileName:"/app/src/components/Button/Button.tsx",lineNumber:32,columnNumber:5},this)}const he={heading:"_heading_11ibi_1",light:"_light_11ibi_9","size-xs":"_size-xs_11ibi_14","size-sm":"_size-sm_11ibi_18","size-md":"_size-md_11ibi_22","size-lg":"_size-lg_11ibi_26","size-xl":"_size-xl_11ibi_30","size-2xl":"_size-2xl_11ibi_34","size-3xl":"_size-3xl_11ibi_38","size-4xl":"_size-4xl_11ibi_42"},xr={1:"4xl",2:"3xl",3:"2xl",4:"xl",5:"lg",6:"md"};function gr({level:r=2,size:s,light:n=!1,className:o,children:i,...c}){const u=`h${r}`,_=s??xr[r];return t.jsxDEV(u,{className:[he.heading,he[`size-${_}`],n?he.light:"",o??""].filter(Boolean).join(" "),...c,children:i},void 0,!1,{fileName:"/app/src/components/Typography/Heading.tsx",lineNumber:38,columnNumber:5},this)}const Q={text:"_text_23jwr_1","size-xs":"_size-xs_23jwr_8","size-sm":"_size-sm_23jwr_12","size-base":"_size-base_23jwr_16","size-lg":"_size-lg_23jwr_20","weight-light":"_weight-light_23jwr_25","weight-regular":"_weight-regular_23jwr_29","weight-medium":"_weight-medium_23jwr_33","weight-semibold":"_weight-semibold_23jwr_37","weight-bold":"_weight-bold_23jwr_41","color-default":"_color-default_23jwr_46","color-muted":"_color-muted_23jwr_50","color-subtle":"_color-subtle_23jwr_54","color-inverse":"_color-inverse_23jwr_58","color-primary":"_color-primary_23jwr_62","color-error":"_color-error_23jwr_66","align-left":"_align-left_23jwr_71","align-center":"_align-center_23jwr_75","align-right":"_align-right_23jwr_79"};function jr({as:r="p",size:s="base",weight:n="regular",color:o="default",align:i="left",clamp:c,className:u,style:_,children:x,...f}){const b=c?{display:"-webkit-box",WebkitLineClamp:c,WebkitBoxOrient:"vertical",overflow:"hidden"}:{};return t.jsxDEV(r,{className:[Q.text,Q[`size-${s}`],Q[`weight-${n}`],Q[`color-${o}`],Q[`align-${i}`],u??""].filter(Boolean).join(" "),style:{...b,..._},...f,children:x},void 0,!1,{fileName:"/app/src/components/Typography/Text.tsx",lineNumber:42,columnNumber:5},this)}const R={wrapper:"_wrapper_1gdyv_1",fullWidth:"_fullWidth_1gdyv_7",input:"_input_1gdyv_8",error:"_error_1gdyv_44",iconLeft:"_iconLeft_1gdyv_54",iconRight:"_iconRight_1gdyv_55",hasIconLeft:"_hasIconLeft_1gdyv_72",hasIconRight:"_hasIconRight_1gdyv_76",disabled:"_disabled_1gdyv_80"},Pe=h.forwardRef(({iconLeft:r,iconRight:s,error:n,fullWidth:o,className:i,...c},u)=>t.jsxDEV("div",{className:[R.wrapper,n?R.error:"",o?R.fullWidth:"",c.disabled?R.disabled:""].filter(Boolean).join(" "),children:[r&&t.jsxDEV("span",{className:R.iconLeft,children:r},void 0,!1,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:28,columnNumber:22},void 0),t.jsxDEV("input",{ref:u,className:[R.input,r?R.hasIconLeft:"",s?R.hasIconRight:"",i??""].filter(Boolean).join(" "),...c},void 0,!1,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:29,columnNumber:9},void 0),s&&t.jsxDEV("span",{className:R.iconRight,children:s},void 0,!1,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:41,columnNumber:23},void 0)]},void 0,!0,{fileName:"/app/src/components/Input/Input.tsx",lineNumber:18,columnNumber:7},void 0));Pe.displayName="Input";const xe={textarea:"_textarea_fomu3_1",error:"_error_fomu3_33",fullWidth:"_fullWidth_fomu3_37"},Be=h.forwardRef(({error:r,fullWidth:s,className:n,...o},i)=>t.jsxDEV("textarea",{ref:i,className:[xe.textarea,r?xe.error:"",s?xe.fullWidth:"",n??""].filter(Boolean).join(" "),...o},void 0,!1,{fileName:"/app/src/components/Textarea/Textarea.tsx",lineNumber:12,columnNumber:7},void 0));Be.displayName="Textarea";const ee={wrapper:"_wrapper_13qfs_1",fullWidth:"_fullWidth_13qfs_6",select:"_select_13qfs_7",error:"_error_13qfs_41",arrow:"_arrow_13qfs_45"},Ie=h.forwardRef(({error:r,fullWidth:s,placeholder:n,children:o,className:i,...c},u)=>t.jsxDEV("div",{className:[ee.wrapper,s?ee.fullWidth:""].filter(Boolean).join(" "),children:[t.jsxDEV("select",{ref:u,className:[ee.select,r?ee.error:"",i??""].filter(Boolean).join(" "),...c,children:[n&&t.jsxDEV("option",{value:"",disabled:!0,hidden:!0,children:n},void 0,!1,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:26,columnNumber:13},void 0),o]},void 0,!0,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:14,columnNumber:9},void 0),t.jsxDEV("span",{className:ee.arrow,"aria-hidden":"true",children:"▾"},void 0,!1,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:32,columnNumber:9},void 0)]},void 0,!0,{fileName:"/app/src/components/Select/Select.tsx",lineNumber:13,columnNumber:7},void 0));Ie.displayName="Select";const H={wrapper:"_wrapper_199wu_1",disabled:"_disabled_199wu_9",input:"_input_199wu_15",box:"_box_199wu_24",error:"_error_199wu_69",label:"_label_199wu_73"},Fe=h.forwardRef(({label:r,error:s,className:n,id:o,...i},c)=>{const u=h.useId(),_=o??u;return t.jsxDEV("label",{htmlFor:_,className:[H.wrapper,s?H.error:"",i.disabled?H.disabled:"",n??""].filter(Boolean).join(" "),children:[t.jsxDEV("input",{type:"checkbox",id:_,ref:c,className:H.input,...i},void 0,!1,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:28,columnNumber:9},void 0),t.jsxDEV("span",{className:H.box,"aria-hidden":"true"},void 0,!1,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:35,columnNumber:9},void 0),r&&t.jsxDEV("span",{className:H.label,children:r},void 0,!1,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:36,columnNumber:19},void 0)]},void 0,!0,{fileName:"/app/src/components/Checkbox/Checkbox.tsx",lineNumber:17,columnNumber:7},void 0)});Fe.displayName="Checkbox";const z={wrapper:"_wrapper_1yn7j_1",disabled:"_disabled_1yn7j_9",input:"_input_1yn7j_14",track:"_track_1yn7j_23",thumb:"_thumb_1yn7j_41",sm:"_sm_1yn7j_52",md:"_md_1yn7j_67",lg:"_lg_1yn7j_82",label:"_label_1yn7j_97"},Ae=h.forwardRef(({label:r,size:s="md",className:n,id:o,...i},c)=>{const u=h.useId(),_=o??u;return t.jsxDEV("label",{htmlFor:_,className:[z.wrapper,z[s],i.disabled?z.disabled:"",n??""].filter(Boolean).join(" "),children:[t.jsxDEV("input",{type:"checkbox",role:"switch",id:_,ref:c,className:z.input,...i},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:28,columnNumber:9},void 0),t.jsxDEV("span",{className:z.track,"aria-hidden":"true",children:t.jsxDEV("span",{className:z.thumb},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:37,columnNumber:11},void 0)},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:36,columnNumber:9},void 0),r&&t.jsxDEV("span",{className:z.label,children:r},void 0,!1,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:39,columnNumber:19},void 0)]},void 0,!0,{fileName:"/app/src/components/Toggle/Toggle.tsx",lineNumber:17,columnNumber:7},void 0)});Ae.displayName="Toggle";const L={field:"_field_14vgz_1",label:"_label_14vgz_7",required:"_required_14vgz_15",control:"_control_14vgz_19",hint:"_hint_14vgz_24",error:"_error_14vgz_32"};function yr({label:r,hint:s,error:n,htmlFor:o,required:i,children:c,className:u}){return t.jsxDEV("div",{className:[L.field,n?L.hasError:"",u??""].filter(Boolean).join(" "),children:[r&&t.jsxDEV("label",{htmlFor:o,className:L.label,children:[r,i&&t.jsxDEV("span",{className:L.required,"aria-hidden":"true",children:" *"},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:33,columnNumber:24},this)]},void 0,!0,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:31,columnNumber:9},this),t.jsxDEV("div",{className:L.control,children:c},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:36,columnNumber:7},this),n?t.jsxDEV("p",{className:L.error,role:"alert",children:n},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:38,columnNumber:9},this):s?t.jsxDEV("p",{className:L.hint,children:s},void 0,!1,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:40,columnNumber:9},this):null]},void 0,!0,{fileName:"/app/src/components/FormField/FormField.tsx",lineNumber:29,columnNumber:5},this)}const re={badge:"_badge_107ff_1",sm:"_sm_107ff_13",md:"_md_107ff_18",default:"_default_107ff_24",primary:"_primary_107ff_29",success:"_success_107ff_34",warning:"_warning_107ff_39",error:"_error_107ff_44",info:"_info_107ff_49",dot:"_dot_107ff_55","dot-default":"_dot-default_107ff_62","dot-primary":"_dot-primary_107ff_66","dot-success":"_dot-success_107ff_70","dot-warning":"_dot-warning_107ff_74","dot-error":"_dot-error_107ff_78","dot-info":"_dot-info_107ff_82"};function Er({variant:r="default",size:s="md",dot:n=!1,className:o,children:i,...c}){return n?t.jsxDEV("span",{className:[re.dot,re[`dot-${r}`],o??""].filter(Boolean).join(" "),...c},void 0,!1,{fileName:"/app/src/components/Badge/Badge.tsx",lineNumber:24,columnNumber:7},this):t.jsxDEV("span",{className:[re.badge,re[r],re[s],o??""].filter(Boolean).join(" "),...c,children:i},void 0,!1,{fileName:"/app/src/components/Badge/Badge.tsx",lineNumber:31,columnNumber:5},this)}const q={alert:"_alert_180sy_1",info:"_info_180sy_11",success:"_success_180sy_17",warning:"_warning_180sy_23",error:"_error_180sy_29",icon:"_icon_180sy_35",body:"_body_180sy_58",title:"_title_180sy_65",message:"_message_180sy_72",close:"_close_180sy_78"};function $r({variant:r="info",title:s,icon:n,onClose:o,className:i,children:c,...u}){return t.jsxDEV("div",{role:"alert",className:[q.alert,q[r],i??""].filter(Boolean).join(" "),...u,children:[n&&t.jsxDEV("span",{className:q.icon,"aria-hidden":"true",children:n},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:29,columnNumber:16},this),t.jsxDEV("div",{className:q.body,children:[s&&t.jsxDEV("p",{className:q.title,children:s},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:31,columnNumber:19},this),c&&t.jsxDEV("div",{className:q.message,children:c},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:32,columnNumber:22},this)]},void 0,!0,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:30,columnNumber:7},this),o&&t.jsxDEV("button",{type:"button",className:q.close,onClick:o,"aria-label":"Dismiss",children:"✕"},void 0,!1,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:35,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/Alert/Alert.tsx",lineNumber:24,columnNumber:5},this)}const de={spinner:"_spinner_vxqk3_11",spin:"_spin_vxqk3_11",xs:"_xs_vxqk3_17",sm:"_sm_vxqk3_22",md:"_md_vxqk3_27",lg:"_lg_vxqk3_32",xl:"_xl_vxqk3_37",track:"_track_vxqk3_42",arc:"_arc_vxqk3_47"};function wr({size:r="md",label:s="Loading",className:n,...o}){return t.jsxDEV("svg",{className:[de.spinner,de[r],n??""].filter(Boolean).join(" "),viewBox:"0 0 24 24",fill:"none",role:"status","aria-label":s,...o,children:[t.jsxDEV("circle",{className:de.track,cx:"12",cy:"12",r:"10",strokeWidth:"2.5"},void 0,!1,{fileName:"/app/src/components/Spinner/Spinner.tsx",lineNumber:22,columnNumber:7},this),t.jsxDEV("circle",{className:de.arc,cx:"12",cy:"12",r:"10",strokeWidth:"2.5",strokeLinecap:"round"},void 0,!1,{fileName:"/app/src/components/Spinner/Spinner.tsx",lineNumber:29,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Spinner/Spinner.tsx",lineNumber:14,columnNumber:5},this)}const I={wrapper:"_wrapper_jkqgi_1",header:"_header_jkqgi_8",label:"_label_jkqgi_14",value:"_value_jkqgi_21",track:"_track_jkqgi_27",sm:"_sm_jkqgi_34",md:"_md_jkqgi_38",lg:"_lg_jkqgi_42",bar:"_bar_jkqgi_46",primary:"_primary_jkqgi_52",success:"_success_jkqgi_56",warning:"_warning_jkqgi_60",error:"_error_jkqgi_64"};function Tr({value:r,size:s="md",label:n,showValue:o=!1,variant:i="primary",className:c,...u}){const _=Math.min(100,Math.max(0,r));return t.jsxDEV("div",{className:[I.wrapper,c??""].filter(Boolean).join(" "),...u,children:[(n||o)&&t.jsxDEV("div",{className:I.header,children:[n&&t.jsxDEV("span",{className:I.label,children:n},void 0,!1,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:31,columnNumber:21},this),o&&t.jsxDEV("span",{className:I.value,children:[_,"%"]},void 0,!0,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:32,columnNumber:25},this)]},void 0,!0,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:30,columnNumber:9},this),t.jsxDEV("div",{className:[I.track,I[s]].join(" "),role:"progressbar","aria-valuenow":_,"aria-valuemin":0,"aria-valuemax":100,children:t.jsxDEV("div",{className:[I.bar,I[i]].join(" "),style:{width:`${_}%`}},void 0,!1,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:42,columnNumber:9},this)},void 0,!1,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:35,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Progress/Progress.tsx",lineNumber:28,columnNumber:5},this)}const F={card:"_card_mck7p_1",bordered:"_bordered_mck7p_8",shadow:"_shadow_mck7p_12",padded:"_padded_mck7p_16",hoverable:"_hoverable_mck7p_20",header:"_header_mck7p_25",body:"_body_mck7p_34",footer:"_footer_mck7p_38"};function Dr({bordered:r=!0,flat:s=!1,noPadding:n=!1,hoverable:o=!1,className:i,children:c,...u}){return t.jsxDEV("div",{className:[F.card,r?F.bordered:"",s?"":F.shadow,n?"":F.padded,o?F.hoverable:"",i??""].filter(Boolean).join(" "),...u,children:c},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:25,columnNumber:5},this)}function kr({className:r,children:s,...n}){return t.jsxDEV("div",{className:[F.header,r??""].filter(Boolean).join(" "),...n,children:s},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:46,columnNumber:5},this)}function Sr({className:r,children:s,...n}){return t.jsxDEV("div",{className:[F.body,r??""].filter(Boolean).join(" "),...n,children:s},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:55,columnNumber:5},this)}function Vr({className:r,children:s,...n}){return t.jsxDEV("div",{className:[F.footer,r??""].filter(Boolean).join(" "),...n,children:s},void 0,!1,{fileName:"/app/src/components/Card/Card.tsx",lineNumber:64,columnNumber:5},this)}const A={backdrop:"_backdrop_w87fm_23",fadeIn:"_fadeIn_w87fm_1",dialog:"_dialog_w87fm_35",slideUp:"_slideUp_w87fm_1",sm:"_sm_w87fm_49",md:"_md_w87fm_53",lg:"_lg_w87fm_57",xl:"_xl_w87fm_61",full:"_full_w87fm_65",header:"_header_w87fm_72",title:"_title_w87fm_81",closeBtn:"_closeBtn_w87fm_88",body:"_body_w87fm_111",footer:"_footer_w87fm_118"};function Cr({open:r,onClose:s,title:n,size:o="md",persistent:i=!1,children:c,footer:u}){const _=h.useRef(null);return h.useEffect(()=>{var f;if(!r)return;const x=document.activeElement;return(f=_.current)==null||f.focus(),()=>{x==null||x.focus()}},[r]),h.useEffect(()=>{if(!r)return;const x=f=>{f.key==="Escape"&&!i&&s()};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[r,s,i]),r?t.jsxDEV("div",{className:A.backdrop,onClick:i?void 0:s,"aria-modal":"true",role:"dialog","aria-labelledby":n?"modal-title":void 0,children:t.jsxDEV("div",{ref:_,tabIndex:-1,className:[A.dialog,A[o]].join(" "),onClick:x=>x.stopPropagation(),children:[n&&t.jsxDEV("div",{className:A.header,children:[t.jsxDEV("span",{id:"modal-title",className:A.title,children:n},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:65,columnNumber:13},this),t.jsxDEV("button",{type:"button",className:A.closeBtn,onClick:s,"aria-label":"Close modal",children:"✕"},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:66,columnNumber:13},this)]},void 0,!0,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:64,columnNumber:11},this),t.jsxDEV("div",{className:A.body,children:c},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:78,columnNumber:9},this),u&&t.jsxDEV("div",{className:A.footer,children:u},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:81,columnNumber:20},this)]},void 0,!0,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:56,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Modal/Modal.tsx",lineNumber:49,columnNumber:5},this):null}const te={tabs:"_tabs_18z4f_1",tabList:"_tabList_18z4f_6",tab:"_tab_18z4f_1",active:"_active_18z4f_40",panel:"_panel_18z4f_50"},Oe=h.createContext(null);function ze(){const r=h.useContext(Oe);if(!r)throw new Error("Tab components must be inside <Tabs>");return r}function Rr({defaultTab:r="",activeTab:s,onTabChange:n,children:o,className:i}){const[c,u]=h.useState(r),_=s!==void 0,x=_?s??"":c,f=b=>{_||u(b),n==null||n(b)};return t.jsxDEV(Oe.Provider,{value:{activeTab:x,setActiveTab:f},children:t.jsxDEV("div",{className:[te.tabs,i??""].filter(Boolean).join(" "),children:o},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:38,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:37,columnNumber:5},this)}function Pr({children:r,className:s,...n}){return t.jsxDEV("div",{role:"tablist",className:[te.tabList,s??""].filter(Boolean).join(" "),...n,children:r},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:47,columnNumber:5},this)}function Br({id:r,children:s,className:n,...o}){const{activeTab:i,setActiveTab:c}=ze(),u=i===r;return t.jsxDEV("button",{role:"tab",type:"button","aria-selected":u,"aria-controls":`panel-${r}`,id:`tab-${r}`,onClick:()=>c(r),className:[te.tab,u?te.active:"",n??""].filter(Boolean).join(" "),...o,children:s},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:62,columnNumber:5},this)}function Ir({id:r,children:s,className:n,...o}){const{activeTab:i}=ze();return i!==r?null:t.jsxDEV("div",{role:"tabpanel",id:`panel-${r}`,"aria-labelledby":`tab-${r}`,tabIndex:0,className:[te.panel,n??""].filter(Boolean).join(" "),...o,children:s},void 0,!1,{fileName:"/app/src/components/Tabs/Tabs.tsx",lineNumber:86,columnNumber:5},this)}const O={navbar:"_navbar_1m6ra_1",transparent:"_transparent_1m6ra_10",inner:"_inner_1m6ra_15",brand:"_brand_1m6ra_25",nav:"_nav_1m6ra_1",actions:"_actions_1m6ra_36",navItem:"_navItem_1m6ra_43",active:"_active_1m6ra_60"};function Fr({brand:r,actions:s,transparent:n=!1,className:o,children:i,...c}){return t.jsxDEV("header",{className:[O.navbar,n?O.transparent:"",o??""].filter(Boolean).join(" "),...c,children:t.jsxDEV("div",{className:O.inner,children:[r&&t.jsxDEV("div",{className:O.brand,children:r},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:20,columnNumber:19},this),i&&t.jsxDEV("nav",{className:O.nav,children:i},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:21,columnNumber:22},this),s&&t.jsxDEV("div",{className:O.actions,children:s},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:22,columnNumber:21},this)]},void 0,!0,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:19,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:15,columnNumber:5},this)}function Ar({active:r,className:s,children:n,...o}){return t.jsxDEV("a",{className:[O.navItem,r?O.active:"",s??""].filter(Boolean).join(" "),"aria-current":r?"page":void 0,...o,children:n},void 0,!1,{fileName:"/app/src/components/Navbar/Navbar.tsx",lineNumber:34,columnNumber:5},this)}const $={wrapper:"_wrapper_1wt6l_1",table:"_table_1wt6l_8",thead:"_thead_1wt6l_16",headerCell:"_headerCell_1wt6l_20",stickyHeader:"_stickyHeader_1wt6l_29",sortable:"_sortable_1wt6l_36",headerContent:"_headerContent_1wt6l_45",sortIcon:"_sortIcon_1wt6l_51",cell:"_cell_1wt6l_57","align-left":"_align-left_1wt6l_65","align-center":"_align-center_1wt6l_69","align-right":"_align-right_1wt6l_73",row:"_row_1wt6l_78",clickable:"_clickable_1wt6l_86",selected:"_selected_1wt6l_90",striped:"_striped_1wt6l_95",dense:"_dense_1wt6l_99",bordered:"_bordered_1wt6l_104"};function Or({striped:r,dense:s,bordered:n,stickyHeader:o,className:i,children:c,...u}){return t.jsxDEV("div",{className:[$.wrapper,i??""].filter(Boolean).join(" "),role:"region",tabIndex:0,...u,children:t.jsxDEV("table",{className:[$.table,r?$.striped:"",s?$.dense:"",n?$.bordered:"",o?$.stickyHeader:""].filter(Boolean).join(" "),children:c},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:25,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:19,columnNumber:5},this)}function zr({children:r,...s}){return t.jsxDEV("thead",{className:$.thead,...s,children:r},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:44,columnNumber:10},this)}function Lr({children:r,...s}){return t.jsxDEV("tbody",{...s,children:r},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:49,columnNumber:10},this)}function qr({selected:r,clickable:s,className:n,children:o,...i}){return t.jsxDEV("tr",{className:[$.row,r?$.selected:"",s?$.clickable:"",n??""].filter(Boolean).join(" "),"aria-selected":r,...i,children:o},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:60,columnNumber:5},this)}function Wr({align:r="left",className:s,children:n,...o}){return t.jsxDEV("td",{className:[$.cell,$[`align-${r}`],s??""].filter(Boolean).join(" "),...o,children:n},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:84,columnNumber:5},this)}function Mr({align:r="left",sortable:s,sortDirection:n="none",onSort:o,className:i,children:c,...u}){return t.jsxDEV("th",{className:[$.headerCell,$[`align-${r}`],s?$.sortable:"",i??""].filter(Boolean).join(" "),onClick:s?o:void 0,"aria-sort":s?n==="none"?"none":n==="asc"?"ascending":"descending":void 0,...u,children:t.jsxDEV("span",{className:$.headerContent,children:[c,s&&t.jsxDEV("span",{className:$.sortIcon,"aria-hidden":"true",children:n==="asc"?"↑":n==="desc"?"↓":"↕"},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:115,columnNumber:11},this)]},void 0,!0,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:112,columnNumber:7},this)},void 0,!1,{fileName:"/app/src/components/Table/Table.tsx",lineNumber:99,columnNumber:5},this)}const W={wrapper:"_wrapper_ocp5v_1",circle:"_circle_ocp5v_11",square:"_square_ocp5v_15",xs:"_xs_ocp5v_20",sm:"_sm_ocp5v_26",md:"_md_ocp5v_32",lg:"_lg_ocp5v_38",xl:"_xl_ocp5v_44",img:"_img_ocp5v_50",initials:"_initials_ocp5v_57",status:"_status_ocp5v_72","status-online":"_status-online_ocp5v_84","status-away":"_status-away_ocp5v_88","status-busy":"_status-busy_ocp5v_92","status-offline":"_status-offline_ocp5v_96"};function Yr({src:r,alt:s="",initials:n,size:o="md",shape:i="circle",status:c,className:u,..._}){return t.jsxDEV("div",{className:[W.wrapper,W[o],W[i],u??""].filter(Boolean).join(" "),..._,children:[r?t.jsxDEV("img",{src:r,alt:s,className:W.img},void 0,!1,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:41,columnNumber:9},this):t.jsxDEV("span",{className:W.initials,"aria-label":s,children:n??"?"},void 0,!1,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:43,columnNumber:9},this),c&&t.jsxDEV("span",{className:[W.status,W[`status-${c}`]].join(" "),"aria-label":c},void 0,!1,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:48,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/Avatar/Avatar.tsx",lineNumber:29,columnNumber:5},this)}const J={horizontal:"_horizontal_3x1p9_1",vertical:"_vertical_3x1p9_7",withLabel:"_withLabel_3x1p9_16",line:"_line_3x1p9_23",labelText:"_labelText_3x1p9_29"};function Ur({orientation:r="horizontal",label:s,className:n,...o}){return r==="vertical"?t.jsxDEV("span",{role:"separator","aria-orientation":"vertical",className:[J.vertical,n??""].filter(Boolean).join(" "),...o},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:13,columnNumber:7},this):s?t.jsxDEV("div",{className:[J.withLabel,n??""].filter(Boolean).join(" "),children:[t.jsxDEV("span",{className:J.line},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:25,columnNumber:9},this),t.jsxDEV("span",{className:J.labelText,children:s},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:26,columnNumber:9},this),t.jsxDEV("span",{className:J.line},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:27,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:24,columnNumber:7},this):t.jsxDEV("hr",{className:[J.horizontal,n??""].filter(Boolean).join(" "),...o},void 0,!1,{fileName:"/app/src/components/Divider/Divider.tsx",lineNumber:33,columnNumber:5},this)}const ne={wrapper:"_wrapper_k3ofb_1",illustration:"_illustration_k3ofb_11",title:"_title_k3ofb_17",description:"_description_k3ofb_25",action:"_action_k3ofb_34"};function Hr({illustration:r,title:s,description:n,action:o,className:i,...c}){return t.jsxDEV("div",{className:[ne.wrapper,i??""].filter(Boolean).join(" "),...c,children:[r&&t.jsxDEV("div",{className:ne.illustration,children:r},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:16,columnNumber:24},this),t.jsxDEV("h3",{className:ne.title,children:s},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:17,columnNumber:7},this),n&&t.jsxDEV("p",{className:ne.description,children:n},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:18,columnNumber:23},this),o&&t.jsxDEV("div",{className:ne.action,children:o},void 0,!1,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:19,columnNumber:18},this)]},void 0,!0,{fileName:"/app/src/components/EmptyState/EmptyState.tsx",lineNumber:15,columnNumber:5},this)}const M={sidebar:"_sidebar_1hxle_1",collapsed:"_collapsed_1hxle_13",brand:"_brand_1hxle_17",nav:"_nav_1hxle_24",bottom:"_bottom_1hxle_33",footer:"_footer_1hxle_40",collapseBtn:"_collapseBtn_1hxle_45"};function Jr({brand:r,children:s,footer:n,collapsed:o=!1,onCollapse:i,width:c="240px",className:u}){return t.jsxDEV("aside",{className:[M.sidebar,o?M.collapsed:"",u??""].filter(Boolean).join(" "),style:{"--sidebar-width":c},"aria-label":"Navegación principal",children:[r&&t.jsxDEV("div",{className:M.brand,children:r},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:38,columnNumber:17},this),t.jsxDEV("nav",{className:M.nav,children:s},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:40,columnNumber:7},this),t.jsxDEV("div",{className:M.bottom,children:[i&&t.jsxDEV("button",{className:M.collapseBtn,onClick:i,"aria-label":o?"Expandir sidebar":"Colapsar sidebar",type:"button",children:o?"→":"←"},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:44,columnNumber:11},this),n&&t.jsxDEV("div",{className:M.footer,children:n},void 0,!1,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:53,columnNumber:20},this)]},void 0,!0,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:42,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Sidebar/Sidebar.tsx",lineNumber:31,columnNumber:5},this)}const se={item:"_item_1kjfi_1",active:"_active_1kjfi_33",collapsed:"_collapsed_1kjfi_39",icon:"_icon_1kjfi_44",label:"_label_1kjfi_51"};function Kr({label:r,icon:s,active:n=!1,onClick:o,href:i,as:c,collapsed:u=!1,className:_,...x}){const f=c??(i?"a":"button"),b={...x};return c||(i?b.href=i:b.type="button"),t.jsxDEV(f,{className:[se.item,n?se.active:"",u?se.collapsed:"",_??""].filter(Boolean).join(" "),onClick:o,"aria-current":n?"page":void 0,title:u?r:void 0,...b,children:[s&&t.jsxDEV("span",{className:se.icon,children:s},void 0,!1,{fileName:"/app/src/components/Sidebar/SidebarItem.tsx",lineNumber:63,columnNumber:16},this),!u&&t.jsxDEV("span",{className:se.label,children:r},void 0,!1,{fileName:"/app/src/components/Sidebar/SidebarItem.tsx",lineNumber:64,columnNumber:22},this)]},void 0,!0,{fileName:"/app/src/components/Sidebar/SidebarItem.tsx",lineNumber:49,columnNumber:5},this)}const ae={toast:"_toast_hjvoc_1",slideIn:"_slideIn_hjvoc_1",success:"_success_hjvoc_28",error:"_error_hjvoc_32",warning:"_warning_hjvoc_36",info:"_info_hjvoc_40",icon:"_icon_hjvoc_44",message:"_message_hjvoc_50",close:"_close_hjvoc_55"},Gr={success:"✓",error:"✕",warning:"⚠",info:"ℹ"};function Le({item:r,onClose:s}){return t.jsxDEV("div",{className:[ae.toast,ae[r.variant]].filter(Boolean).join(" "),role:"alert",children:[t.jsxDEV("span",{className:ae.icon,"aria-hidden":"true",children:Gr[r.variant]},void 0,!1,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:26,columnNumber:7},this),t.jsxDEV("span",{className:ae.message,children:r.message},void 0,!1,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:29,columnNumber:7},this),t.jsxDEV("button",{className:ae.close,onClick:()=>s(r.id),"aria-label":"Cerrar",type:"button",children:"✕"},void 0,!1,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:30,columnNumber:7},this)]},void 0,!0,{fileName:"/app/src/components/Toast/Toast.tsx",lineNumber:25,columnNumber:5},this)}const qe={container:"_container_1a1az_1",top_right:"_top_right_1a1az_16",top_left:"_top_left_1a1az_22",bottom_right:"_bottom_right_1a1az_28",bottom_left:"_bottom_left_1a1az_35",top_center:"_top_center_1a1az_42",bottom_center:"_bottom_center_1a1az_49"},We=h.createContext(null);let Xr=0;function Zr(){return`toast-${++Xr}`}function Qr({children:r,position:s="top-right",duration:n=4e3}){const[o,i]=h.useState([]),c=h.useRef(new Map),u=h.useCallback(f=>{i(j=>j.filter(w=>w.id!==f));const b=c.current.get(f);b&&(clearTimeout(b),c.current.delete(f))},[]),_=h.useCallback((f,b,j)=>{const w=Zr(),P=j??n;if(i(V=>[...V,{id:w,message:f,variant:b}]),P>0){const V=setTimeout(()=>u(w),P);c.current.set(w,V)}},[n,u]),x={success:(f,b)=>_(f,"success",b),error:(f,b)=>_(f,"error",b),warning:(f,b)=>_(f,"warning",b),info:(f,b)=>_(f,"info",b),dismiss:u};return t.jsxDEV(We.Provider,{value:x,children:[r,fr.createPortal(t.jsxDEV("div",{className:[qe.container,qe[s.replace("-","_")]].filter(Boolean).join(" "),"aria-live":"polite","aria-atomic":"false",children:o.map(f=>t.jsxDEV(Le,{item:f,onClose:u},f.id,!1,{fileName:"/app/src/components/Toast/ToastProvider.tsx",lineNumber:80,columnNumber:13},this))},void 0,!1,{fileName:"/app/src/components/Toast/ToastProvider.tsx",lineNumber:78,columnNumber:9},this),document.body)]},void 0,!0,{fileName:"/app/src/components/Toast/ToastProvider.tsx",lineNumber:75,columnNumber:5},this)}function et(){const r=h.useContext(We);if(!r)throw new Error("useToast must be used inside <ToastProvider>");return r}const K={root:"_root_1m7ae_1",sm:"_sm_1m7ae_9",btn:"_btn_1m7ae_9",md:"_md_1m7ae_15",lg:"_lg_1m7ae_21",active:"_active_1m7ae_55",disabled:"_disabled_1m7ae_61",selectedLabel:"_selectedLabel_1m7ae_66"},rt=["Insatisfactorio","Regular","Bueno","Muy bueno","Excelente"];function tt({value:r,onChange:s,min:n=1,max:o=5,disabled:i=!1,size:c="md",labels:u,className:_}){const x=o-n+1,f=u??rt.slice(0,x),b=Array.from({length:x},(j,w)=>n+w);return t.jsxDEV("div",{className:[K.root,K[c],i?K.disabled:"",_??""].filter(Boolean).join(" "),role:"group","aria-label":"Seleccionar puntuación",children:[b.map((j,w)=>{const P=r===j,V=f[w]??String(j);return t.jsxDEV("button",{type:"button",className:[K.btn,P?K.active:""].filter(Boolean).join(" "),onClick:()=>!i&&(s==null?void 0:s(j)),disabled:i,"aria-label":`${j} — ${V}`,"aria-pressed":P,title:V,children:j},j,!1,{fileName:"/app/src/components/ScoreSelector/ScoreSelector.tsx",lineNumber:57,columnNumber:11},this)}),r!==void 0&&f[r-n]&&t.jsxDEV("span",{className:K.selectedLabel,children:f[r-n]},void 0,!1,{fileName:"/app/src/components/ScoreSelector/ScoreSelector.tsx",lineNumber:72,columnNumber:9},this)]},void 0,!0,{fileName:"/app/src/components/ScoreSelector/ScoreSelector.tsx",lineNumber:46,columnNumber:5},this)}m.Alert=$r,m.Avatar=Yr,m.Badge=Er,m.Button=hr,m.Card=Dr,m.CardBody=Sr,m.CardFooter=Vr,m.CardHeader=kr,m.Checkbox=Fe,m.Divider=Ur,m.EmptyState=Hr,m.FormField=yr,m.Heading=gr,m.Input=Pe,m.Modal=Cr,m.NavItem=Ar,m.Navbar=Fr,m.Progress=Tr,m.ScoreSelector=tt,m.Select=Ie,m.Sidebar=Jr,m.SidebarItem=Kr,m.Spinner=wr,m.Tab=Br,m.TabList=Pr,m.TabPanel=Ir,m.Table=Or,m.TableBody=Lr,m.TableCell=Wr,m.TableHead=zr,m.TableHeaderCell=Mr,m.TableRow=qr,m.Tabs=Rr,m.Text=jr,m.Textarea=Be,m.ThemeContext=Ne,m.ThemeProvider=vr,m.Toast=Le,m.ToastProvider=Qr,m.Toggle=Ae,m.useTheme=Nr,m.useToast=et,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Estilos base para Material Symbols Outlined (alineado con patrones de apps que usan
|
|
3
|
+
* la misma familia tipográfica). Importar junto con `dist/index.css` del ThemeProvider.
|
|
4
|
+
*/
|
|
5
|
+
.material-symbols-outlined {
|
|
6
|
+
font-family: 'Material Symbols Outlined', system-ui, -apple-system, sans-serif;
|
|
7
|
+
font-weight: normal;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
font-size: 24px;
|
|
10
|
+
line-height: 1;
|
|
11
|
+
letter-spacing: normal;
|
|
12
|
+
text-transform: none;
|
|
13
|
+
display: inline-block;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
word-wrap: normal;
|
|
16
|
+
direction: ltr;
|
|
17
|
+
-webkit-font-feature-settings: 'liga';
|
|
18
|
+
-webkit-font-smoothing: antialiased;
|
|
19
|
+
color: currentColor;
|
|
20
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
|
|
3
|
+
export type StatInlineProps = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
accentColor?: string;
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
};
|
|
9
|
+
export declare function StatInline(props: StatInlineProps): JSX.Element;
|
|
10
|
+
|
|
11
|
+
export type MiniMeterProps = {
|
|
12
|
+
label: string;
|
|
13
|
+
value: number;
|
|
14
|
+
valueText?: string;
|
|
15
|
+
color?: string;
|
|
16
|
+
labelWidth?: string;
|
|
17
|
+
style?: CSSProperties;
|
|
18
|
+
};
|
|
19
|
+
export declare function MiniMeter(props: MiniMeterProps): JSX.Element;
|
package/dist/metrics.mjs
ADDED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
// src/components/metrics/StatInline.tsx
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
function StatInline({ label, value, accentColor = "var(--color-primary, #2563eb)", style }) {
|
|
4
|
+
const border = `${accentColor}33`;
|
|
5
|
+
return /* @__PURE__ */ jsxs(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
style: {
|
|
9
|
+
background: "var(--color-bg-tertiary, #f9fafb)",
|
|
10
|
+
border: `1px solid ${border}`,
|
|
11
|
+
borderRadius: "var(--radius-md, 8px)",
|
|
12
|
+
padding: "var(--space-2, 8px) var(--space-3, 12px)",
|
|
13
|
+
minWidth: "5rem",
|
|
14
|
+
textAlign: "center",
|
|
15
|
+
fontFamily: "var(--font-sans, system-ui)",
|
|
16
|
+
...style
|
|
17
|
+
},
|
|
18
|
+
children: [
|
|
19
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: "1.1rem", fontWeight: 700, color: accentColor }, children: value }),
|
|
20
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: "0.7rem", color: "var(--color-text-muted, #6b7280)", marginTop: "0.1rem" }, children: label })
|
|
21
|
+
]
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
// src/components/metrics/MiniMeter.tsx
|
|
27
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
28
|
+
function MiniMeter({
|
|
29
|
+
label,
|
|
30
|
+
value,
|
|
31
|
+
valueText,
|
|
32
|
+
color = "var(--color-primary, #2563eb)",
|
|
33
|
+
labelWidth = "120px",
|
|
34
|
+
style
|
|
35
|
+
}) {
|
|
36
|
+
const pct = Math.max(0, Math.min(100, value));
|
|
37
|
+
const right = valueText ?? `${Math.round(pct)}%`;
|
|
38
|
+
return /* @__PURE__ */ jsxs2(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
style: {
|
|
42
|
+
display: "grid",
|
|
43
|
+
gridTemplateColumns: `${labelWidth} 1fr 54px`,
|
|
44
|
+
gap: "var(--space-2, 8px)",
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
marginBottom: "0.35rem",
|
|
47
|
+
fontFamily: "var(--font-sans, system-ui)",
|
|
48
|
+
...style
|
|
49
|
+
},
|
|
50
|
+
children: [
|
|
51
|
+
/* @__PURE__ */ jsx2("span", { style: { fontSize: "0.75rem", color: "var(--color-text-muted, #6b7280)", overflow: "hidden", textOverflow: "ellipsis" }, children: label }),
|
|
52
|
+
/* @__PURE__ */ jsx2(
|
|
53
|
+
"div",
|
|
54
|
+
{
|
|
55
|
+
style: {
|
|
56
|
+
height: "0.75rem",
|
|
57
|
+
background: "var(--color-bg-tertiary, #f3f4f6)",
|
|
58
|
+
borderRadius: "9999px",
|
|
59
|
+
overflow: "hidden"
|
|
60
|
+
},
|
|
61
|
+
children: /* @__PURE__ */ jsx2(
|
|
62
|
+
"div",
|
|
63
|
+
{
|
|
64
|
+
style: {
|
|
65
|
+
width: `${pct}%`,
|
|
66
|
+
minWidth: pct > 0 ? "2px" : "0",
|
|
67
|
+
height: "100%",
|
|
68
|
+
background: color,
|
|
69
|
+
borderRadius: "9999px"
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ jsx2(
|
|
76
|
+
"span",
|
|
77
|
+
{
|
|
78
|
+
style: {
|
|
79
|
+
fontSize: "0.75rem",
|
|
80
|
+
fontWeight: 600,
|
|
81
|
+
color: "var(--color-text, #111827)",
|
|
82
|
+
textAlign: "right"
|
|
83
|
+
},
|
|
84
|
+
children: right
|
|
85
|
+
}
|
|
86
|
+
)
|
|
87
|
+
]
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
export {
|
|
92
|
+
MiniMeter,
|
|
93
|
+
StatInline
|
|
94
|
+
};
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var ReactLibraryMetrics = (() => {
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/metrics-entry.ts
|
|
22
|
+
var metrics_entry_exports = {};
|
|
23
|
+
__export(metrics_entry_exports, {
|
|
24
|
+
MiniMeter: () => MiniMeter,
|
|
25
|
+
StatInline: () => StatInline
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
// tools/react-shim.mjs
|
|
29
|
+
var R = typeof window !== "undefined" && window.React ? window.React : {};
|
|
30
|
+
var react_shim_default = R;
|
|
31
|
+
var {
|
|
32
|
+
useContext,
|
|
33
|
+
useEffect,
|
|
34
|
+
useMemo,
|
|
35
|
+
useState,
|
|
36
|
+
useRef,
|
|
37
|
+
useCallback,
|
|
38
|
+
useId,
|
|
39
|
+
createContext,
|
|
40
|
+
Fragment
|
|
41
|
+
} = R;
|
|
42
|
+
|
|
43
|
+
// tools/jsx-runtime-shim.mjs
|
|
44
|
+
function jsx(type, props, key) {
|
|
45
|
+
const p = key != null ? { ...props, key } : props;
|
|
46
|
+
return react_shim_default.createElement(type, p);
|
|
47
|
+
}
|
|
48
|
+
function jsxs(type, props, key) {
|
|
49
|
+
return jsx(type, props, key);
|
|
50
|
+
}
|
|
51
|
+
var Fragment2 = react_shim_default.Fragment;
|
|
52
|
+
|
|
53
|
+
// src/components/metrics/StatInline.tsx
|
|
54
|
+
function StatInline({ label, value, accentColor = "var(--color-primary, #2563eb)", style }) {
|
|
55
|
+
const border = `${accentColor}33`;
|
|
56
|
+
return /* @__PURE__ */ jsxs(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
style: {
|
|
60
|
+
background: "var(--color-bg-tertiary, #f9fafb)",
|
|
61
|
+
border: `1px solid ${border}`,
|
|
62
|
+
borderRadius: "var(--radius-md, 8px)",
|
|
63
|
+
padding: "var(--space-2, 8px) var(--space-3, 12px)",
|
|
64
|
+
minWidth: "5rem",
|
|
65
|
+
textAlign: "center",
|
|
66
|
+
fontFamily: "var(--font-sans, system-ui)",
|
|
67
|
+
...style
|
|
68
|
+
},
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: "1.1rem", fontWeight: 700, color: accentColor }, children: value }),
|
|
71
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: "0.7rem", color: "var(--color-text-muted, #6b7280)", marginTop: "0.1rem" }, children: label })
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
// src/components/metrics/MiniMeter.tsx
|
|
78
|
+
function MiniMeter({
|
|
79
|
+
label,
|
|
80
|
+
value,
|
|
81
|
+
valueText,
|
|
82
|
+
color = "var(--color-primary, #2563eb)",
|
|
83
|
+
labelWidth = "120px",
|
|
84
|
+
style
|
|
85
|
+
}) {
|
|
86
|
+
const pct = Math.max(0, Math.min(100, value));
|
|
87
|
+
const right = valueText ?? `${Math.round(pct)}%`;
|
|
88
|
+
return /* @__PURE__ */ jsxs(
|
|
89
|
+
"div",
|
|
90
|
+
{
|
|
91
|
+
style: {
|
|
92
|
+
display: "grid",
|
|
93
|
+
gridTemplateColumns: `${labelWidth} 1fr 54px`,
|
|
94
|
+
gap: "var(--space-2, 8px)",
|
|
95
|
+
alignItems: "center",
|
|
96
|
+
marginBottom: "0.35rem",
|
|
97
|
+
fontFamily: "var(--font-sans, system-ui)",
|
|
98
|
+
...style
|
|
99
|
+
},
|
|
100
|
+
children: [
|
|
101
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "var(--color-text-muted, #6b7280)", overflow: "hidden", textOverflow: "ellipsis" }, children: label }),
|
|
102
|
+
/* @__PURE__ */ jsx(
|
|
103
|
+
"div",
|
|
104
|
+
{
|
|
105
|
+
style: {
|
|
106
|
+
height: "0.75rem",
|
|
107
|
+
background: "var(--color-bg-tertiary, #f3f4f6)",
|
|
108
|
+
borderRadius: "9999px",
|
|
109
|
+
overflow: "hidden"
|
|
110
|
+
},
|
|
111
|
+
children: /* @__PURE__ */ jsx(
|
|
112
|
+
"div",
|
|
113
|
+
{
|
|
114
|
+
style: {
|
|
115
|
+
width: `${pct}%`,
|
|
116
|
+
minWidth: pct > 0 ? "2px" : "0",
|
|
117
|
+
height: "100%",
|
|
118
|
+
background: color,
|
|
119
|
+
borderRadius: "9999px"
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
)
|
|
123
|
+
}
|
|
124
|
+
),
|
|
125
|
+
/* @__PURE__ */ jsx(
|
|
126
|
+
"span",
|
|
127
|
+
{
|
|
128
|
+
style: {
|
|
129
|
+
fontSize: "0.75rem",
|
|
130
|
+
fontWeight: 600,
|
|
131
|
+
color: "var(--color-text, #111827)",
|
|
132
|
+
textAlign: "right"
|
|
133
|
+
},
|
|
134
|
+
children: right
|
|
135
|
+
}
|
|
136
|
+
)
|
|
137
|
+
]
|
|
138
|
+
}
|
|
139
|
+
);
|
|
140
|
+
}
|
|
141
|
+
return __toCommonJS(metrics_entry_exports);
|
|
142
|
+
})();
|
package/dist/status.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
|
|
3
|
+
export type StatusSummaryState = 'ok' | 'warn' | 'error' | 'pending';
|
|
4
|
+
export type StatusSummaryItem = {
|
|
5
|
+
label: string;
|
|
6
|
+
state: StatusSummaryState;
|
|
7
|
+
detail?: string;
|
|
8
|
+
};
|
|
9
|
+
export type StatusSummaryPopoverProps = {
|
|
10
|
+
items: StatusSummaryItem[];
|
|
11
|
+
triggerLabel?: string;
|
|
12
|
+
summaryIcon?: string;
|
|
13
|
+
color?: string;
|
|
14
|
+
style?: CSSProperties;
|
|
15
|
+
};
|
|
16
|
+
export declare function StatusSummaryPopover(props: StatusSummaryPopoverProps): JSX.Element;
|
package/dist/status.mjs
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
// src/components/status/StatusSummaryPopover.tsx
|
|
2
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
function stateIcon(state) {
|
|
5
|
+
switch (state) {
|
|
6
|
+
case "ok":
|
|
7
|
+
return "check_circle";
|
|
8
|
+
case "warn":
|
|
9
|
+
return "warning";
|
|
10
|
+
case "error":
|
|
11
|
+
return "error";
|
|
12
|
+
case "pending":
|
|
13
|
+
default:
|
|
14
|
+
return "schedule";
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
function stateColor(state) {
|
|
18
|
+
switch (state) {
|
|
19
|
+
case "ok":
|
|
20
|
+
return "var(--color-success, #22c55e)";
|
|
21
|
+
case "warn":
|
|
22
|
+
return "var(--color-warning, #eab308)";
|
|
23
|
+
case "error":
|
|
24
|
+
return "var(--color-error, #ef4444)";
|
|
25
|
+
case "pending":
|
|
26
|
+
default:
|
|
27
|
+
return "var(--color-text-muted, #6b7280)";
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
function StatusSummaryPopover({
|
|
31
|
+
items,
|
|
32
|
+
triggerLabel = "Estado de sistemas",
|
|
33
|
+
summaryIcon = "monitoring",
|
|
34
|
+
color,
|
|
35
|
+
style
|
|
36
|
+
}) {
|
|
37
|
+
const [open, setOpen] = useState(false);
|
|
38
|
+
const ref = useRef(null);
|
|
39
|
+
const triggerColor = color ?? (items.some((i) => i.state === "error") ? "var(--color-error, #ef4444)" : items.some((i) => i.state === "warn") ? "var(--color-warning, #eab308)" : items.every((i) => i.state === "ok") ? "var(--color-success, #22c55e)" : "var(--color-text-muted, #6b7280)");
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
if (!open) return;
|
|
42
|
+
const handle = (e) => {
|
|
43
|
+
if (ref.current && !ref.current.contains(e.target)) setOpen(false);
|
|
44
|
+
};
|
|
45
|
+
document.addEventListener("mousedown", handle);
|
|
46
|
+
return () => document.removeEventListener("mousedown", handle);
|
|
47
|
+
}, [open]);
|
|
48
|
+
return /* @__PURE__ */ jsxs("div", { ref, style: { position: "relative", display: "inline-flex", alignItems: "center", ...style }, children: [
|
|
49
|
+
/* @__PURE__ */ jsx(
|
|
50
|
+
"button",
|
|
51
|
+
{
|
|
52
|
+
type: "button",
|
|
53
|
+
title: triggerLabel,
|
|
54
|
+
"aria-label": triggerLabel,
|
|
55
|
+
"aria-expanded": open,
|
|
56
|
+
onClick: () => setOpen((v) => !v),
|
|
57
|
+
style: {
|
|
58
|
+
display: "inline-flex",
|
|
59
|
+
alignItems: "center",
|
|
60
|
+
padding: "0.25rem",
|
|
61
|
+
marginRight: "0.25rem",
|
|
62
|
+
background: "transparent",
|
|
63
|
+
border: "none",
|
|
64
|
+
color: triggerColor,
|
|
65
|
+
cursor: "pointer",
|
|
66
|
+
borderRadius: "4px"
|
|
67
|
+
},
|
|
68
|
+
children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", style: { fontSize: "1.5rem" }, "aria-hidden": true, children: summaryIcon })
|
|
69
|
+
}
|
|
70
|
+
),
|
|
71
|
+
open ? /* @__PURE__ */ jsxs(
|
|
72
|
+
"div",
|
|
73
|
+
{
|
|
74
|
+
role: "tooltip",
|
|
75
|
+
style: {
|
|
76
|
+
position: "absolute",
|
|
77
|
+
top: "100%",
|
|
78
|
+
right: 0,
|
|
79
|
+
marginTop: "0.25rem",
|
|
80
|
+
minWidth: "220px",
|
|
81
|
+
maxWidth: "300px",
|
|
82
|
+
padding: "0.75rem",
|
|
83
|
+
zIndex: 1e3,
|
|
84
|
+
background: "var(--color-surface, #ffffff)",
|
|
85
|
+
border: "1px solid var(--color-border, #e5e7eb)",
|
|
86
|
+
borderRadius: "var(--radius-md, 8px)",
|
|
87
|
+
boxShadow: "var(--shadow-md, 0 4px 12px rgba(0,0,0,.1))",
|
|
88
|
+
fontFamily: "var(--font-sans, system-ui)"
|
|
89
|
+
},
|
|
90
|
+
children: [
|
|
91
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: "0.8rem", color: "var(--color-text-muted, #6b7280)", marginBottom: "0.5rem" }, children: "Resumen" }),
|
|
92
|
+
items.map((row, i) => /* @__PURE__ */ jsxs(
|
|
93
|
+
"div",
|
|
94
|
+
{
|
|
95
|
+
style: {
|
|
96
|
+
display: "flex",
|
|
97
|
+
alignItems: "center",
|
|
98
|
+
gap: "0.5rem",
|
|
99
|
+
fontSize: "0.85rem",
|
|
100
|
+
marginTop: i > 0 ? "0.35rem" : 0
|
|
101
|
+
},
|
|
102
|
+
children: [
|
|
103
|
+
/* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", style: { fontSize: "1rem", color: stateColor(row.state) }, "aria-hidden": true, children: stateIcon(row.state) }),
|
|
104
|
+
/* @__PURE__ */ jsx("span", { style: { flex: 1, minWidth: 0 }, children: row.label }),
|
|
105
|
+
/* @__PURE__ */ jsx("span", { style: { color: "var(--color-text-muted, #6b7280)", whiteSpace: "nowrap", fontSize: "0.8rem" }, children: row.detail ?? "" })
|
|
106
|
+
]
|
|
107
|
+
},
|
|
108
|
+
`${row.label}-${i}`
|
|
109
|
+
))
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
) : null
|
|
113
|
+
] });
|
|
114
|
+
}
|
|
115
|
+
export {
|
|
116
|
+
StatusSummaryPopover
|
|
117
|
+
};
|