@xjur-ui/react 3.0.7 → 3.0.9
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/CHANGELOG.md +13 -0
- package/dist/components/accordion/accordion-content.js +1 -1
- package/dist/components/accordion/accordion-item.js +1 -1
- package/dist/components/accordion/accordion-root.js +1 -1
- package/dist/components/accordion/accordion-styles.js +1 -1
- package/dist/components/accordion/accordion-tab-header.js +1 -1
- package/dist/components/accordion/accordion-trigger.js +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/chip/chip-icon.js +1 -1
- package/dist/components/chip/index.js +1 -1
- package/dist/components/controls/checkbox.js +1 -1
- package/dist/components/controls/date-picker/index.js +1 -1
- package/dist/components/controls/input/input-icon.js +1 -1
- package/dist/components/controls/search-selector.js +1 -1
- package/dist/components/controls/text-area/index.d.ts +10 -0
- package/dist/components/controls/text-area/index.js +1 -0
- package/dist/components/controls/text-area/text-area-caption.d.ts +2 -0
- package/dist/components/controls/text-area/text-area-caption.js +1 -0
- package/dist/components/controls/text-area/text-area-content.d.ts +2 -0
- package/dist/components/controls/text-area/text-area-content.js +1 -0
- package/dist/components/controls/text-area/text-area-editor.d.ts +3 -0
- package/dist/components/controls/text-area/text-area-editor.js +1 -0
- package/dist/components/controls/text-area/text-area-fullscreen-button.d.ts +1 -0
- package/dist/components/controls/text-area/text-area-fullscreen-button.js +1 -0
- package/dist/components/controls/text-area/text-area-heading-button.d.ts +4 -0
- package/dist/components/controls/text-area/text-area-heading-button.js +1 -0
- package/dist/components/controls/text-area/text-area-root.d.ts +13 -0
- package/dist/components/controls/text-area/text-area-root.js +1 -0
- package/dist/components/controls/text-area/text-area-toggle-button.d.ts +6 -0
- package/dist/components/controls/text-area/text-area-toggle-button.js +1 -0
- package/dist/components/controls/text-area/text-area-toolbar-button.d.ts +2 -0
- package/dist/components/controls/text-area/text-area-toolbar-button.js +1 -0
- package/dist/components/controls/text-area/text-area-toolbar.d.ts +2 -0
- package/dist/components/controls/text-area/text-area-toolbar.js +1 -0
- package/dist/components/custom/andamento-timeline/andamento-timeline.d.ts +34 -0
- package/dist/components/custom/andamento-timeline/andamento-timeline.js +1 -0
- package/dist/components/custom/andamento-timeline/index.d.ts +2 -0
- package/dist/components/custom/andamento-timeline/index.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo-add-button.js +1 -1
- package/dist/components/custom/centro-custo/centro-custo-body.js +1 -1
- package/dist/components/custom/centro-custo/centro-custo-close-button.js +1 -1
- package/dist/components/custom/centro-custo/centro-custo-header.js +1 -1
- package/dist/components/custom/centro-custo/centro-custo-trigger.js +1 -1
- package/dist/components/custom/centro-custo/centro-custo.js +1 -1
- package/dist/components/custom/centro-custo/index.js +1 -1
- package/dist/components/custom/empresa/empresa-add-button.js +1 -1
- package/dist/components/custom/empresa/empresa-body.js +1 -1
- package/dist/components/custom/empresa/empresa-close-button.js +1 -1
- package/dist/components/custom/empresa/empresa-content.js +1 -1
- package/dist/components/custom/empresa/empresa-trigger.js +1 -1
- package/dist/components/custom/empresa/empresa.js +1 -1
- package/dist/components/custom/empresa/index.js +1 -1
- package/dist/components/custom/lista-nivelada/hierarchical-navigation.d.ts +19 -0
- package/dist/components/custom/lista-nivelada/hierarchical-navigation.js +1 -0
- package/dist/components/custom/lista-nivelada/index.d.ts +12 -0
- package/dist/components/custom/lista-nivelada/index.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-body.d.ts +3 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-body.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-close-button.d.ts +3 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-close-button.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-content.d.ts +3 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-content.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-footer.d.ts +3 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-footer.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-header.d.ts +7 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-header.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-trigger.d.ts +3 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada-trigger.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada.context.d.ts +17 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada.context.js +1 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada.d.ts +6 -0
- package/dist/components/custom/lista-nivelada/lista-nivelada.js +1 -0
- package/dist/components/custom/lista-nivelada/navigation-button.d.ts +7 -0
- package/dist/components/custom/lista-nivelada/navigation-button.js +1 -0
- package/dist/components/custom/lista-nivelada/navigation-grid.d.ts +13 -0
- package/dist/components/custom/lista-nivelada/navigation-grid.js +1 -0
- package/dist/components/custom/lista-nivelada/radio-selection.d.ts +17 -0
- package/dist/components/custom/lista-nivelada/radio-selection.js +1 -0
- package/dist/components/custom/pessoa/index.js +1 -1
- package/dist/components/custom/pessoa/pessoa-add-button.js +1 -1
- package/dist/components/custom/pessoa/pessoa-body.js +1 -1
- package/dist/components/custom/pessoa/pessoa-close-button.js +1 -1
- package/dist/components/custom/pessoa/pessoa-trigger.js +1 -1
- package/dist/components/custom/pessoa/pessoa.js +1 -1
- package/dist/components/dialog/delete-dialog.js +1 -1
- package/dist/components/dialog/dialog-content.d.ts +4 -1
- package/dist/components/dialog/dialog-content.js +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/full-calendar/calendar-root.js +1 -1
- package/dist/components/full-calendar/calendar-toggle-view.js +1 -1
- package/dist/components/full-calendar/calendar-view-renderer.js +1 -1
- package/dist/components/full-calendar/index.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/table-row.js +1 -1
- package/dist/components/table/table-sort.js +1 -1
- package/dist/components/timeline-card/index.d.ts +4 -0
- package/dist/components/timeline-card/index.js +1 -0
- package/dist/components/timeline-card/timeline-card.d.ts +27 -0
- package/dist/components/timeline-card/timeline-card.js +1 -0
- package/dist/components/timeline-card/timeline.d.ts +12 -0
- package/dist/components/timeline-card/timeline.js +1 -0
- package/dist/index.css +1 -1
- package/dist/resources/icons.d.ts +1 -1
- package/dist/resources/icons.js +1 -1
- package/package.json +7 -3
- package/dist/components/controls/rich-editor.d.ts +0 -20
- package/dist/components/controls/rich-editor.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as Se}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function Vt({className:t,...e}){return ne("div",{className:"text-size-body-md scrollbar-thin relative w-full overflow-hidden transition-all hover:overflow-x-auto","data-slot":"table-container",children:ne("table",{className:Se("w-full caption-bottom",t),"data-slot":"table",...e})})}import{cx as ke}from"@xjur-ui/util";import{jsx as _e}from"react/jsx-runtime";function Ft({className:t,...e}){return _e("tbody",{className:ke("[&_tr]:border-border-layer-2 [&_tr]:border-b [&_tr:last-child]:border-0",t),"data-slot":"table-body",...e})}import{cx as Re}from"@xjur-ui/util";import{jsx as ze}from"react/jsx-runtime";function At({className:t,...e}){return ze("td",{className:Re("px-small py-none h-large-8x text-left align-middle whitespace-nowrap",t),"data-slot":"table-cell",...e})}import{cx as Ne}from"@xjur-ui/util";import{jsx as Ve}from"react/jsx-runtime";function qt({className:t,...e}){return Ve("tfoot",{className:Ne("border-border-layer-2 border-t font-medium [&>tr]:last:border-b-0",t),"data-slot":"table-footer",...e})}import{cx as Ie}from"@xjur-ui/util";import{jsx as Le}from"react/jsx-runtime";function Kt({className:t,...e}){return Le("thead",{className:Ie("group/table-header [&_tr]:border-border-layer-2 hover:bg-layer-2-hover [&_tr]:border-b",t),"data-slot":"table-header",...e})}import{cx as se}from"@xjur-ui/util";import{jsx as pe}from"react/jsx-runtime";function Zt({className:t,...e}){return pe("th",{className:se("group/th text-neutral-placeholder text-size-label-sm h-large-4x py-small-1x px-small text-left align-middle font-medium whitespace-nowrap","relative","animate-in fade-in duration-200 ease-in",t),"data-slot":"table-head",...e})}function jt({className:t,...e}){return pe("div",{className:se("gap-small pr-large-3x relative flex w-fit items-center",t),...e})}import le,{useState as we}from"react";import{cx as E}from"@xjur-ui/util";import*as I from"@radix-ui/react-checkbox";import{cx as We}from"@xjur-ui/util";import{cx as Oe}from"@xjur-ui/util";import{jsx as Fe}from"react/jsx-runtime";function C({className:t,filled:e=!1,name:r,...o}){return Fe("span",{...o,className:Oe("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:r})}import{Slot as Ae}from"@radix-ui/react-slot";import{cva as Ge}from"@xjur-ui/util";import{memo as ce,useState as Be}from"react";import*as z from"@radix-ui/react-tooltip";import{jsx as H}from"react/jsx-runtime";function Me({delayDuration:t=0,...e}){return H(z.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function A({...t}){return H(Me,{children:H(z.Root,{"data-slot":"tooltip",...t})})}import*as de from"@radix-ui/react-tooltip";import{jsx as Ee}from"react/jsx-runtime";function G({...t}){return Ee(de.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as N from"@radix-ui/react-tooltip";import{cx as He}from"@xjur-ui/util";import{jsx as me}from"react/jsx-runtime";function B({className:t,sideOffset:e=1,variant:r="simple",children:o,...i}){return me(N.Portal,{children:me(N.Content,{className:He("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":r,sideOffset:e,...i,children:o})})}import{jsx as V,jsxs as qe}from"react/jsx-runtime";var $e=Ge("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=ce(({variant:t,size:e,weight:r,asChild:o,className:i,children:l,...a})=>V(o?Ae:"span",{className:$e({variant:t,size:e,weight:r,className:i}),...a,children:l}));f.displayName="Typography";var $=ce(({children:t,...e})=>{let[r,o]=Be(!1);return qe(A,{children:[V(G,{asChild:!0,children:V(f,{onMouseEnter:({currentTarget:l})=>{let a=l.scrollWidth>l.clientWidth;o(a),a?l.style.cursor="pointer":l.style.cursor="text"},...e,children:t})}),r&&V(B,{children:t})]})});$.displayName="TruncatedTypography";import{jsx as k,jsxs as Je}from"react/jsx-runtime";function ue({label:t,name:e,className:r,disabled:o=!1,...i}){let l=`field-checkbox-${e}`;return Je("div",{className:"group gap-small flex items-center",children:[k(I.Root,{disabled:o,...i,className:We("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",r),id:l,name:e,children:k(I.Indicator,{className:"flex items-center justify-center",children:k(C,{className:"text-neutral-label",name:"check"})})}),!!t&&k(f,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:k("label",{htmlFor:l,children:t})})]})}import*as d from"react";import*as T from"@radix-ui/react-radio-group";import{cx as L}from"@xjur-ui/util";import{jsx as g,jsxs as O}from"react/jsx-runtime";function Ye({children:t,allowToggle:e,value:r,onValueChange:o}){let[i,l]=d.useState([]),[a,s]=d.useState([]);d.useEffect(()=>{let u=d.Children.toArray(t).filter(b=>d.isValidElement(b)&&typeof b.props=="object"&&b.props!==null&&"value"in b.props&&typeof b.props.value=="string").map(b=>b.props.value);s(u)},[t]),d.useEffect(()=>{e&&l(r?r.split(",").filter(Boolean):[])},[r,e]);let c=d.useCallback(u=>{if(!e){o?.(u);return}l(b=>{let w=b.includes(u)?b.filter(x=>x!==u):[...b,u];return o?.(w.join(",")),w})},[e,o]),m=a.length>0&&a.every(u=>i.includes(u)),v=d.useCallback(()=>{if(!e)return;let u=m?[]:a;l(u),o?.(u.join(","))},[e,m,a,o]);return{selected:i,allValues:a,toggleValue:c,toggleAll:v,allSelected:m}}function fe({checked:t,disabled:e,onClick:r,className:o,...i}){let l=d.useCallback(()=>{r?.()},[r]);return g("button",{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary",t?"bg-primary-active border-primary-active":"",e&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",o),disabled:e,type:"button",onClick:l,...i,children:t&&g("div",{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})})}function Ke({label:t,checked:e,onClick:r}){let o=d.useCallback(()=>{r()},[r]);return O("div",{className:"gap-small flex items-center",children:[g(fe,{checked:e,onClick:o}),g(f,{asChild:!0,className:"text-size-body-sm",weight:"medium",children:g("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",type:"button",onClick:o,children:t})})]})}function be({className:t,orientation:e="vertical",allowToggle:r=!1,allowSelectAll:o=!1,selectAllLabel:i="Selecionar todos",value:l,onValueChange:a,children:s,...c}){let{selected:m,toggleValue:v,toggleAll:u,allSelected:b}=Ye({children:s,allowToggle:r,value:l||void 0,onValueChange:a}),S=e==="horizontal",w=d.useCallback(x=>{a?.(x)},[a]);return r?O("div",{className:"gap-small flex flex-col",children:[o&&g(Ke,{checked:b,label:i,onClick:u}),g("div",{className:L("gap-small flex",S?"flex-row":"flex-col",t),children:d.Children.map(s,x=>{if(d.isValidElement(x)&&typeof x.props=="object"&&x.props!==null&&"value"in x.props){let R=x.props;return d.cloneElement(x,{allowToggle:!0,checked:m.includes(R.value),onToggle:()=>v(R.value)})}return x})})]}):g(T.Root,{className:L("gap-small flex",S?"flex-row":"flex-col",t),"data-slot":"radio-group",value:l,onValueChange:w,...c,children:s})}function ge({className:t,id:e,label:r,disabled:o=!1,allowToggle:i=!1,checked:l=!1,onToggle:a,...s}){let c=d.useCallback(()=>a?.(),[a]);return i?O("div",{className:"gap-small flex items-center",children:[g(fe,{checked:l,disabled:o,onClick:c}),!!r&&g(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:g("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",disabled:o,type:"button",onClick:c,children:r})})]}):O("div",{className:"gap-small flex items-center",children:[g(T.Item,{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle",o&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",t),disabled:o,id:e,...s,children:g(T.Indicator,{className:"relative flex items-center justify-center"})}),!!r&&g(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:g("label",{htmlFor:e,children:r})})]})}import*as xe from"@radix-ui/react-popover";import{createContext as Qe,useContext as Ue}from"react";var q=Qe({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function y(){let t=Ue(q);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as Xe}from"@xjur-ui/util";var h=Xe({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as W}from"react/jsx-runtime";var{wrapper:Ze}=h();function J({className:t,state:e="normal",defaultOpen:r,variant:o="normal",modal:i,open:l,onOpenChange:a,...s}){return W(xe.Root,{defaultOpen:r,modal:i,open:l,onOpenChange:a,children:W(q.Provider,{value:{state:e,variant:o},children:W("div",{className:Ze({className:t,state:e}),...s})})})}import{tv as je,twMerge as De}from"@xjur-ui/util";import*as ye from"@radix-ui/react-popover";import{jsx as tt}from"react/jsx-runtime";var{trigger:et}=h();function Y({className:t,...e}){let{state:r,variant:o}=y(),i=je({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=De(et({state:r,className:t}),o==="filter"&&i({state:r,className:t}));return tt(ye.Trigger,{className:l,disabled:r==="disabled",...e})}import{jsx as he}from"react/jsx-runtime";var{icon:ot}=h();function K({className:t,name:e,orientation:r="left",...o}){let{state:i}=y();return he("div",{className:ot({className:t,state:i}),"data-slot":`control-${r}-slot`,...o,children:he(C,{name:e})})}import{twJoin as at}from"@xjur-ui/util";import{useMemo as lt}from"react";import{tv as rt}from"@xjur-ui/util";import{jsx as ve}from"react/jsx-runtime";function Q({className:t,htmlFor:e,children:r,...o}){let{state:i}=y(),l=rt({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return ve("label",{className:l({className:t,state:i}),htmlFor:e,...o,children:ve("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:r})})}import{jsx as F,jsxs as it}from"react/jsx-runtime";function U({className:t,value:e,placeholder:r,renderValue:o,...i}){let{variant:l}=y(),a=lt(()=>{let s=o?o(e??""):typeof e=="object"?e?.label:e;return l==="filter"?s:s||r},[e,r,l,o]);return it("div",{className:"grid w-full items-center",children:[r&&l==="filter"&&F(Q,{children:r}),r&&l==="filter"&&F(f,{className:"invisible col-start-1 row-start-1 self-center",children:r}),F(f,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:a}),F("input",{...i,"aria-readonly":!0,className:at("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:typeof e=="object"?e?.value??"":e??""})]})}import{twMerge as dr}from"@xjur-ui/util";import{Fragment as cr,useMemo as ur}from"react";import{jsx as yr,jsxs as hr}from"react/jsx-runtime";import*as M from"@radix-ui/react-popover";import{Slot as st}from"@radix-ui/react-slot";import{cx as pt}from"@xjur-ui/util";import{useVirtualizer as dt}from"@tanstack/react-virtual";import{useRef as mt}from"react";import{createContext as nt}from"react";var _=nt({virtualizer:null,enabled:!1});import{jsx as Ce}from"react/jsx-runtime";function X({className:t,asChild:e,children:r,virtualized:o=!1,itemCount:i=0,estimateSize:l=()=>48,overscan:a=5,...s}){let c=e?st:"div",m=mt(null),v=dt({count:i,getScrollElement:()=>m.current,estimateSize:l,overscan:a,enabled:o});return Ce(_.Provider,{value:{virtualizer:v,enabled:o},children:Ce(c,{...s,className:pt(t,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:m,children:r})})}import{Slot as Vr}from"@radix-ui/react-slot";import{cx as Lr}from"@xjur-ui/util";import{jsx as Fr}from"react/jsx-runtime";import{cx as Hr}from"@xjur-ui/util";import{jsx as Br}from"react/jsx-runtime";import{Slot as ct}from"@radix-ui/react-slot";import{cx as Pe}from"@xjur-ui/util";import{useContext as ut}from"react";import{jsx as Z}from"react/jsx-runtime";function j({className:t,asChild:e,children:r,renderItem:o,...i}){let l=e?ct:"ul",{virtualizer:a,enabled:s}=ut(_);if(s&&a&&o){let c=a.getVirtualItems();return Z(l,{...i,className:Pe("p-small relative flex flex-col",t),style:{height:`${a.getTotalSize()}px`},children:c.map(m=>Z("div",{className:"absolute top-0 left-0 w-full","data-index":m.index,ref:a.measureElement,style:{transform:`translateY(${m.start}px)`},children:o(m.index)},m.key))})}return Z(l,{...i,className:Pe("gap-small-1x p-small flex flex-col",t),children:r})}import{Slot as ft}from"@radix-ui/react-slot";import{cx as bt,cva as gt}from"@xjur-ui/util";import{jsx as yt}from"react/jsx-runtime";var xt=gt(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function D({className:t,size:e,isActive:r,asChild:o,...i}){return yt(o?ft:"li",{...i,className:bt(xt({size:e,isActive:r}),t)})}import{jsx as ee}from"react/jsx-runtime";var{content:Ct}=h();function te({className:t,sideOffset:e=5,side:r="bottom",align:o="start",children:i,virtualized:l=!1,overscan:a=5,estimateSize:s=()=>32,...c}){let{state:m}=y();return ee(M.Portal,{children:ee(M.Content,{align:o,className:Ct({className:t,state:m}),side:r,sideOffset:e,...c,children:ee(X,{estimateSize:s,overscan:a,virtualized:l,children:i})})})}import{jsx as ba}from"react/jsx-runtime";var{caption:ua}=h();import{jsx as Ca}from"react/jsx-runtime";var{slotText:ha}=h();import{jsx as Pt}from"react/jsx-runtime";function oe(t){return Pt(j,{...t})}import{twMerge as wt}from"@xjur-ui/util";import{jsx as Tt}from"react/jsx-runtime";function re({className:t,value:e,...r}){return Tt(D,{className:wt(t,"cursor-pointer"),value:typeof e=="object"?e?.value:e,...r})}import{twMerge as St}from"@xjur-ui/util";import{jsx as kt}from"react/jsx-runtime";function ae({className:t,...e}){return kt($,{className:St(t,"truncate"),...e})}import{jsx as Ma}from"react/jsx-runtime";import{jsx as Ga}from"react/jsx-runtime";import{Fragment as _t,jsx as p,jsxs as P}from"react/jsx-runtime";function fl({className:t,isSelected:e=!1,variant:r="default",accordionContent:o,isAccordionOpen:i=!1,onAccordionToggle:l,accordionData:a,...s}){let[c,m]=we(i),[v,u]=we("");le.useEffect(()=>{m(i)},[i]);let b=()=>{if(!o)return;m(!c),l?.()},S=n=>{a?.checkbox?.onCheckedChange(n)},w=le.useCallback(n=>{a?.radio&&a.radio.onCheckedChange(a.radio.value,n)},[a?.radio]),x=le.useMemo(()=>!a?.searchSelect?.options||!v?a?.searchSelect?.options||[]:a.searchSelect.options.filter(n=>n.label.toLowerCase().includes(v.toLowerCase())),[a?.searchSelect?.options,v]),R=n=>{u(n.target.value)},Te=n=>{a?.searchSelect?.onChangeSearchOption(n),u("")};return r==="accordion"?P(_t,{children:[P("tr",{"aria-expanded":o?c:void 0,className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",o&&"cursor-pointer",t),"data-selected":e,"data-slot":"table-row-accordion",role:o?"button":void 0,tabIndex:o?0:void 0,onClick:b,...s,children:[p("td",{className:"w-6 px-2 py-3",children:a?.checkbox&&p(ue,{checked:a.checkbox.checked,onCheckedChange:S,onClick:n=>n.stopPropagation()})}),p("td",{className:"px-2 py-3",children:P("div",{className:"flex items-center gap-2",children:[o&&p(C,{className:E("text-neutral-medium transition-transform duration-200",c&&"rotate-90"),name:"keyboard_arrow_up"}),p(f,{children:a?.text1})]})}),p("td",{className:"px-2 py-3",children:p(f,{children:a?.text2})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.searchSelect&&P(J,{children:[P(Y,{children:[p(U,{placeholder:"Selecione",value:{value:a.searchSelect?.selectedSearchOption||"",label:a.searchSelect?.options.find(n=>n.value===a.searchSelect?.selectedSearchOption)?.label||""}}),p(K,{className:"text-layer-1-active",name:"keyboard_arrow_down"})]}),p(te,{children:P(oe,{className:"p-0",children:[p("div",{className:"py-small border-border-layer-2 border-b",children:P("div",{className:"gap-small py-small_1x-alt bg-layer-2-idle rounded-small flex items-center",children:[p(C,{className:"text-layer-1-active",name:"search"}),p("input",{className:"text-size-body-md text-neutral-dark placeholder:text-neutral-placeholder flex-1 bg-transparent outline-none",placeholder:"Pesquisar",value:v,onChange:R})]})}),x.map(n=>p(re,{className:"p-0",isActive:a.searchSelect?.selectedSearchOption===n.value,value:n,onClick:()=>Te(n.value),children:p(ae,{children:n.label})},n.value))]})})]})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.radio&&p(be,{allowToggle:!0,className:"",value:a.radio.checked?a.radio.value:"",onValueChange:n=>{a?.radio&&w(n!=="")},children:p(ge,{className:"",id:`principal-${a.radio.value}`,label:"",value:a.radio.value})})})]}),c&&o&&p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),children:p("td",{colSpan:5,children:o})})]}):p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),"data-selected":e,"data-slot":"table-row",...s})}import{cx as Rt}from"@xjur-ui/util";import{jsx as ie}from"react/jsx-runtime";function hl({className:t,sortedDirection:e,...r}){return ie("button",{className:Rt("size-large-1x rounded-small-1x","flex cursor-pointer items-center justify-center","hidden group-hover/th:flex","data-[sorted=true]:flex","transition-all duration-200 ease-out","data-[sorted=true]:bg-primary-alt-active data-[sorted=true]:text-primary-label-active","absolute top-1/2 right-0 -translate-y-1/2",t),"data-sorted":e!==void 0,type:"button",...r,children:e!==void 0?ie(C,{name:e==="asc"?"arrow_downward":"arrow_upward"}):ie(C,{name:"swap_vert"})})}export{Vt as Table,Ft as TableBody,At as TableCell,qt as TableFooter,Zt as TableHead,jt as TableHeadContent,Kt as TableHeader,fl as TableRow,hl as TableSort};
|
|
1
|
+
import{cx as _e}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function Vt({className:t,...e}){return ne("div",{className:"text-size-body-md scrollbar-thin relative w-full overflow-hidden transition-all hover:overflow-x-auto","data-slot":"table-container",children:ne("table",{className:_e("w-full caption-bottom",t),"data-slot":"table",...e})})}import{cx as ke}from"@xjur-ui/util";import{jsx as Se}from"react/jsx-runtime";function Ft({className:t,...e}){return Se("tbody",{className:ke("[&_tr]:border-border-layer-2 [&_tr]:border-b [&_tr:last-child]:border-0",t),"data-slot":"table-body",...e})}import{cx as Re}from"@xjur-ui/util";import{jsx as ze}from"react/jsx-runtime";function At({className:t,...e}){return ze("td",{className:Re("px-small py-none h-large-8x text-left align-middle whitespace-nowrap",t),"data-slot":"table-cell",...e})}import{cx as Ne}from"@xjur-ui/util";import{jsx as Ve}from"react/jsx-runtime";function qt({className:t,...e}){return Ve("tfoot",{className:Ne("border-border-layer-2 border-t font-medium [&>tr]:last:border-b-0",t),"data-slot":"table-footer",...e})}import{cx as Ie}from"@xjur-ui/util";import{jsx as Le}from"react/jsx-runtime";function Kt({className:t,...e}){return Le("thead",{className:Ie("group/table-header [&_tr]:border-border-layer-2 hover:bg-layer-2-hover [&_tr]:border-b",t),"data-slot":"table-header",...e})}import{cx as se}from"@xjur-ui/util";import{jsx as pe}from"react/jsx-runtime";function Zt({className:t,...e}){return pe("th",{className:se("group/th text-neutral-placeholder text-size-label-sm h-large-4x py-small-1x px-small text-left align-middle font-medium whitespace-nowrap","relative","animate-in fade-in duration-200 ease-in",t),"data-slot":"table-head",...e})}function jt({className:t,...e}){return pe("div",{className:se("gap-small pr-large-3x relative flex w-fit items-center",t),...e})}import le,{useState as we}from"react";import{cx as E}from"@xjur-ui/util";import*as I from"@radix-ui/react-checkbox";import{cx as We}from"@xjur-ui/util";import{cx as Oe}from"@xjur-ui/util";import{jsx as Fe}from"react/jsx-runtime";function C({className:t,filled:e=!1,name:r,...o}){return Fe("span",{...o,className:Oe("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:r})}import{Slot as Ae}from"@radix-ui/react-slot";import{cva as Ge}from"@xjur-ui/util";import{memo as ce,useState as Be}from"react";import*as z from"@radix-ui/react-tooltip";import{jsx as H}from"react/jsx-runtime";function Me({delayDuration:t=0,...e}){return H(z.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function A({...t}){return H(Me,{children:H(z.Root,{"data-slot":"tooltip",...t})})}import*as de from"@radix-ui/react-tooltip";import{jsx as Ee}from"react/jsx-runtime";function G({...t}){return Ee(de.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as N from"@radix-ui/react-tooltip";import{cx as He}from"@xjur-ui/util";import{jsx as me}from"react/jsx-runtime";function B({className:t,sideOffset:e=1,variant:r="simple",children:o,...i}){return me(N.Portal,{children:me(N.Content,{className:He("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":r,sideOffset:e,...i,children:o})})}import{jsx as V,jsxs as qe}from"react/jsx-runtime";var $e=Ge("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=ce(({variant:t,size:e,weight:r,asChild:o,className:i,children:l,...a})=>V(o?Ae:"span",{className:$e({variant:t,size:e,weight:r,className:i}),...a,children:l}));f.displayName="Typography";var $=ce(({children:t,...e})=>{let[r,o]=Be(!1);return qe(A,{children:[V(G,{asChild:!0,children:V(f,{onMouseEnter:({currentTarget:l})=>{let a=l.scrollWidth>l.clientWidth;o(a),a?l.style.cursor="pointer":l.style.cursor="text"},...e,children:t})}),r&&V(B,{children:t})]})});$.displayName="TruncatedTypography";import{jsx as k,jsxs as Je}from"react/jsx-runtime";function ue({label:t,name:e,className:r,disabled:o=!1,...i}){let l=`field-checkbox-${e}`;return Je("div",{className:"group gap-small flex items-center",children:[k(I.Root,{disabled:o,...i,className:We("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",r),id:l,name:e,children:k(I.Indicator,{className:"flex items-center justify-center",children:k(C,{className:"text-neutral-label",name:"check"})})}),!!t&&k(f,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:k("label",{htmlFor:l,children:t})})]})}import*as d from"react";import*as T from"@radix-ui/react-radio-group";import{cx as L}from"@xjur-ui/util";import{jsx as g,jsxs as O}from"react/jsx-runtime";function Ye({children:t,allowToggle:e,value:r,onValueChange:o}){let[i,l]=d.useState([]),[a,s]=d.useState([]);d.useEffect(()=>{let u=d.Children.toArray(t).filter(b=>d.isValidElement(b)&&typeof b.props=="object"&&b.props!==null&&"value"in b.props&&typeof b.props.value=="string").map(b=>b.props.value);s(u)},[t]),d.useEffect(()=>{e&&l(r?r.split(",").filter(Boolean):[])},[r,e]);let c=d.useCallback(u=>{if(!e){o?.(u);return}l(b=>{let w=b.includes(u)?b.filter(x=>x!==u):[...b,u];return o?.(w.join(",")),w})},[e,o]),m=a.length>0&&a.every(u=>i.includes(u)),v=d.useCallback(()=>{if(!e)return;let u=m?[]:a;l(u),o?.(u.join(","))},[e,m,a,o]);return{selected:i,allValues:a,toggleValue:c,toggleAll:v,allSelected:m}}function fe({checked:t,disabled:e,onClick:r,className:o,...i}){let l=d.useCallback(()=>{r?.()},[r]);return g("button",{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary",t?"bg-primary-active border-primary-active":"",e&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",o),disabled:e,type:"button",onClick:l,...i,children:t&&g("div",{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})})}function Ke({label:t,checked:e,onClick:r}){let o=d.useCallback(()=>{r()},[r]);return O("div",{className:"gap-small flex items-center",children:[g(fe,{checked:e,onClick:o}),g(f,{asChild:!0,className:"text-size-body-sm",weight:"medium",children:g("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",type:"button",onClick:o,children:t})})]})}function be({className:t,orientation:e="vertical",allowToggle:r=!1,allowSelectAll:o=!1,selectAllLabel:i="Selecionar todos",value:l,onValueChange:a,children:s,...c}){let{selected:m,toggleValue:v,toggleAll:u,allSelected:b}=Ye({children:s,allowToggle:r,value:l||void 0,onValueChange:a}),_=e==="horizontal",w=d.useCallback(x=>{a?.(x)},[a]);return r?O("div",{className:"gap-small flex flex-col",children:[o&&g(Ke,{checked:b,label:i,onClick:u}),g("div",{className:L("gap-small flex",_?"flex-row":"flex-col",t),children:d.Children.map(s,x=>{if(d.isValidElement(x)&&typeof x.props=="object"&&x.props!==null&&"value"in x.props){let R=x.props;return d.cloneElement(x,{allowToggle:!0,checked:m.includes(R.value),onToggle:()=>v(R.value)})}return x})})]}):g(T.Root,{className:L("gap-small flex",_?"flex-row":"flex-col",t),"data-slot":"radio-group",value:l,onValueChange:w,...c,children:s})}function ge({className:t,id:e,label:r,disabled:o=!1,allowToggle:i=!1,checked:l=!1,onToggle:a,...s}){let c=d.useCallback(()=>a?.(),[a]);return i?O("div",{className:"gap-small flex items-center",children:[g(fe,{checked:l,disabled:o,onClick:c}),!!r&&g(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:g("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",disabled:o,type:"button",onClick:c,children:r})})]}):O("div",{className:"gap-small flex items-center",children:[g(T.Item,{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle",o&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",t),disabled:o,id:e,...s,children:g(T.Indicator,{className:"relative flex items-center justify-center"})}),!!r&&g(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:g("label",{htmlFor:e,children:r})})]})}import*as xe from"@radix-ui/react-popover";import{createContext as Qe,useContext as Ue}from"react";var q=Qe({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function y(){let t=Ue(q);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as Xe}from"@xjur-ui/util";var h=Xe({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as W}from"react/jsx-runtime";var{wrapper:Ze}=h();function J({className:t,state:e="normal",defaultOpen:r,variant:o="normal",modal:i,open:l,onOpenChange:a,...s}){return W(xe.Root,{defaultOpen:r,modal:i,open:l,onOpenChange:a,children:W(q.Provider,{value:{state:e,variant:o},children:W("div",{className:Ze({className:t,state:e}),...s})})})}import{tv as je,twMerge as De}from"@xjur-ui/util";import*as ye from"@radix-ui/react-popover";import{jsx as tt}from"react/jsx-runtime";var{trigger:et}=h();function Y({className:t,...e}){let{state:r,variant:o}=y(),i=je({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=De(et({state:r,className:t}),o==="filter"&&i({state:r,className:t}));return tt(ye.Trigger,{className:l,disabled:r==="disabled",...e})}import{jsx as he}from"react/jsx-runtime";var{icon:ot}=h();function K({className:t,name:e,orientation:r="left",...o}){let{state:i}=y();return he("div",{className:ot({className:t,state:i}),"data-slot":`control-${r}-slot`,...o,children:he(C,{name:e})})}import{twJoin as at}from"@xjur-ui/util";import{useMemo as lt}from"react";import{tv as rt}from"@xjur-ui/util";import{jsx as ve}from"react/jsx-runtime";function Q({className:t,htmlFor:e,children:r,...o}){let{state:i}=y(),l=rt({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return ve("label",{className:l({className:t,state:i}),htmlFor:e,...o,children:ve("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:r})})}import{jsx as F,jsxs as it}from"react/jsx-runtime";function U({className:t,value:e,placeholder:r,renderValue:o,...i}){let{variant:l}=y(),a=lt(()=>{let s=o?o(e??""):typeof e=="object"?e?.label:e;return l==="filter"?s:s||r},[e,r,l,o]);return it("div",{className:"grid w-full items-center",children:[r&&l==="filter"&&F(Q,{children:r}),r&&l==="filter"&&F(f,{className:"invisible col-start-1 row-start-1 self-center",children:r}),F(f,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:a}),F("input",{...i,"aria-readonly":!0,className:at("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:typeof e=="object"?e?.value??"":e??""})]})}import{twMerge as dr}from"@xjur-ui/util";import{Fragment as cr,useMemo as ur}from"react";import{jsx as yr,jsxs as hr}from"react/jsx-runtime";import*as M from"@radix-ui/react-popover";import{Slot as st}from"@radix-ui/react-slot";import{cx as pt}from"@xjur-ui/util";import{useVirtualizer as dt}from"@tanstack/react-virtual";import{useRef as mt}from"react";import{createContext as nt}from"react";var S=nt({virtualizer:null,enabled:!1});import{jsx as Ce}from"react/jsx-runtime";function X({className:t,asChild:e,children:r,virtualized:o=!1,itemCount:i=0,estimateSize:l=()=>48,overscan:a=5,...s}){let c=e?st:"div",m=mt(null),v=dt({count:i,getScrollElement:()=>m.current,estimateSize:l,overscan:a,enabled:o});return Ce(S.Provider,{value:{virtualizer:v,enabled:o},children:Ce(c,{...s,className:pt(t,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:m,children:r})})}import{Slot as Vr}from"@radix-ui/react-slot";import{cx as Lr}from"@xjur-ui/util";import{jsx as Fr}from"react/jsx-runtime";import{cx as Hr}from"@xjur-ui/util";import{jsx as Br}from"react/jsx-runtime";import{Slot as ct}from"@radix-ui/react-slot";import{cx as Pe}from"@xjur-ui/util";import{useContext as ut}from"react";import{jsx as Z}from"react/jsx-runtime";function j({className:t,asChild:e,children:r,renderItem:o,...i}){let l=e?ct:"ul",{virtualizer:a,enabled:s}=ut(S);if(s&&a&&o){let c=a.getVirtualItems();return Z(l,{...i,className:Pe("p-small relative flex flex-col",t),style:{height:`${a.getTotalSize()}px`},children:c.map(m=>Z("div",{className:"absolute top-0 left-0 w-full","data-index":m.index,ref:a.measureElement,style:{transform:`translateY(${m.start}px)`},children:o(m.index)},m.key))})}return Z(l,{...i,className:Pe("gap-small-1x p-small flex flex-col",t),children:r})}import{Slot as ft}from"@radix-ui/react-slot";import{cx as bt,cva as gt}from"@xjur-ui/util";import{jsx as yt}from"react/jsx-runtime";var xt=gt(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function D({className:t,size:e,isActive:r,asChild:o,...i}){return yt(o?ft:"li",{...i,className:bt(xt({size:e,isActive:r}),t)})}import{jsx as ee}from"react/jsx-runtime";var{content:Ct}=h();function te({className:t,sideOffset:e=5,side:r="bottom",align:o="start",children:i,virtualized:l=!1,overscan:a=5,estimateSize:s=()=>32,...c}){let{state:m}=y();return ee(M.Portal,{children:ee(M.Content,{align:o,className:Ct({className:t,state:m}),side:r,sideOffset:e,...c,children:ee(X,{estimateSize:s,overscan:a,virtualized:l,children:i})})})}import{jsx as ba}from"react/jsx-runtime";var{caption:ua}=h();import{jsx as Ca}from"react/jsx-runtime";var{slotText:ha}=h();import{jsx as Pt}from"react/jsx-runtime";function oe(t){return Pt(j,{...t})}import{twMerge as wt}from"@xjur-ui/util";import{jsx as Tt}from"react/jsx-runtime";function re({className:t,value:e,...r}){return Tt(D,{className:wt(t,"cursor-pointer"),value:typeof e=="object"?e?.value:e,...r})}import{twMerge as _t}from"@xjur-ui/util";import{jsx as kt}from"react/jsx-runtime";function ae({className:t,...e}){return kt($,{className:_t(t,"truncate"),...e})}import{jsx as Ma}from"react/jsx-runtime";import{jsx as Ga}from"react/jsx-runtime";import{Fragment as St,jsx as p,jsxs as P}from"react/jsx-runtime";function fl({className:t,isSelected:e=!1,variant:r="default",accordionContent:o,isAccordionOpen:i=!1,onAccordionToggle:l,accordionData:a,...s}){let[c,m]=we(i),[v,u]=we("");le.useEffect(()=>{m(i)},[i]);let b=()=>{if(!o)return;m(!c),l?.()},_=n=>{a?.checkbox?.onCheckedChange(n)},w=le.useCallback(n=>{a?.radio&&a.radio.onCheckedChange(a.radio.value,n)},[a?.radio]),x=le.useMemo(()=>!a?.searchSelect?.options||!v?a?.searchSelect?.options||[]:a.searchSelect.options.filter(n=>n.label.toLowerCase().includes(v.toLowerCase())),[a?.searchSelect?.options,v]),R=n=>{u(n.target.value)},Te=n=>{a?.searchSelect?.onChangeSearchOption(n),u("")};return r==="accordion"?P(St,{children:[P("tr",{"aria-expanded":o?c:void 0,className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",o&&"cursor-pointer",t),"data-selected":e,"data-slot":"table-row-accordion",role:o?"button":void 0,tabIndex:o?0:void 0,onClick:b,...s,children:[p("td",{className:"w-6 px-2 py-3",children:a?.checkbox&&p(ue,{checked:a.checkbox.checked,onCheckedChange:_,onClick:n=>n.stopPropagation()})}),p("td",{className:"px-2 py-3",children:P("div",{className:"flex items-center gap-2",children:[o&&p(C,{className:E("text-neutral-medium transition-transform duration-200",c&&"rotate-90"),name:"keyboard_arrow_up"}),p(f,{children:a?.text1})]})}),p("td",{className:"px-2 py-3",children:p(f,{children:a?.text2})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.searchSelect&&P(J,{children:[P(Y,{children:[p(U,{placeholder:"Selecione",value:{value:a.searchSelect?.selectedSearchOption||"",label:a.searchSelect?.options.find(n=>n.value===a.searchSelect?.selectedSearchOption)?.label||""}}),p(K,{className:"text-layer-1-active",name:"keyboard_arrow_down"})]}),p(te,{children:P(oe,{className:"p-0",children:[p("div",{className:"py-small border-border-layer-2 border-b",children:P("div",{className:"gap-small py-small_1x-alt bg-layer-2-idle rounded-small flex items-center",children:[p(C,{className:"text-layer-1-active",name:"search"}),p("input",{className:"text-size-body-md text-neutral-dark placeholder:text-neutral-placeholder flex-1 bg-transparent outline-none",placeholder:"Pesquisar",value:v,onChange:R})]})}),x.map(n=>p(re,{className:"p-0",isActive:a.searchSelect?.selectedSearchOption===n.value,value:n,onClick:()=>Te(n.value),children:p(ae,{children:n.label})},n.value))]})})]})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.radio&&p(be,{allowToggle:!0,className:"",value:a.radio.checked?a.radio.value:"",onValueChange:n=>{a?.radio&&w(n!=="")},children:p(ge,{className:"",id:`principal-${a.radio.value}`,label:"",value:a.radio.value})})})]}),c&&o&&p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),children:p("td",{colSpan:5,children:o})})]}):p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),"data-selected":e,"data-slot":"table-row",...s})}import{cx as Rt}from"@xjur-ui/util";import{jsx as ie}from"react/jsx-runtime";function hl({className:t,sortedDirection:e,...r}){return ie("button",{className:Rt("size-large-1x rounded-small-1x","flex cursor-pointer items-center justify-center","hidden group-hover/th:flex","data-[sorted=true]:flex","transition-all duration-200 ease-out","data-[sorted=true]:bg-primary-alt-active data-[sorted=true]:text-primary-label-active","absolute top-1/2 right-0 -translate-y-1/2",t),"data-sorted":e!==void 0,type:"button",...r,children:e!==void 0?ie(C,{name:e==="asc"?"arrow_downward":"arrow_upward"}):ie(C,{name:"swap_vert"})})}export{Vt as Table,Ft as TableBody,At as TableCell,qt as TableFooter,Zt as TableHead,jt as TableHeadContent,Kt as TableHeader,fl as TableRow,hl as TableSort};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import ie,{useState as he}from"react";import{cx as E}from"@xjur-ui/util";import*as I from"@radix-ui/react-checkbox";import{cx as Ve}from"@xjur-ui/util";import{cx as Ce}from"@xjur-ui/util";import{jsx as Pe}from"react/jsx-runtime";function C({className:t,filled:e=!1,name:r,...o}){return Pe("span",{...o,className:Ce("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:r})}import{Slot as Se}from"@radix-ui/react-slot";import{cva as _e}from"@xjur-ui/util";import{memo as se,useState as Re}from"react";import*as z from"@radix-ui/react-tooltip";import{jsx as A}from"react/jsx-runtime";function Te({delayDuration:t=0,...e}){return A(z.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function H({...t}){return A(Te,{children:A(z.Root,{"data-slot":"tooltip",...t})})}import*as le from"@radix-ui/react-tooltip";import{jsx as we}from"react/jsx-runtime";function G({...t}){return we(le.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as N from"@radix-ui/react-tooltip";import{cx as ke}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function B({className:t,sideOffset:e=1,variant:r="simple",children:o,...l}){return ne(N.Portal,{children:ne(N.Content,{className:ke("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":r,sideOffset:e,...l,children:o})})}import{jsx as V,jsxs as Ne}from"react/jsx-runtime";var ze=_e("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=se(({variant:t,size:e,weight:r,asChild:o,className:l,children:i,...a})=>V(o?Se:"span",{className:ze({variant:t,size:e,weight:r,className:l}),...a,children:i}));f.displayName="Typography";var $=se(({children:t,...e})=>{let[r,o]=Re(!1);return Ne(H,{children:[V(G,{asChild:!0,children:V(f,{onMouseEnter:({currentTarget:i})=>{let a=i.scrollWidth>i.clientWidth;o(a),a?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),r&&V(B,{children:t})]})});$.displayName="TruncatedTypography";import{jsx as S,jsxs as Ie}from"react/jsx-runtime";function pe({label:t,name:e,className:r,disabled:o=!1,...l}){let i=`field-checkbox-${e}`;return Ie("div",{className:"group gap-small flex items-center",children:[S(I.Root,{disabled:o,...l,className:Ve("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",r),id:i,name:e,children:S(I.Indicator,{className:"flex items-center justify-center",children:S(C,{className:"text-neutral-label",name:"check"})})}),!!t&&S(f,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:S("label",{htmlFor:i,children:t})})]})}import*as d from"react";import*as w from"@radix-ui/react-radio-group";import{cx as L}from"@xjur-ui/util";import{jsx as b,jsxs as O}from"react/jsx-runtime";function Le({children:t,allowToggle:e,value:r,onValueChange:o}){let[l,i]=d.useState([]),[a,s]=d.useState([]);d.useEffect(()=>{let u=d.Children.toArray(t).filter(g=>d.isValidElement(g)&&typeof g.props=="object"&&g.props!==null&&"value"in g.props&&typeof g.props.value=="string").map(g=>g.props.value);s(u)},[t]),d.useEffect(()=>{e&&i(r?r.split(",").filter(Boolean):[])},[r,e]);let m=d.useCallback(u=>{if(!e){o?.(u);return}i(g=>{let T=g.includes(u)?g.filter(y=>y!==u):[...g,u];return o?.(T.join(",")),T})},[e,o]),c=a.length>0&&a.every(u=>l.includes(u)),v=d.useCallback(()=>{if(!e)return;let u=c?[]:a;i(u),o?.(u.join(","))},[e,c,a,o]);return{selected:l,allValues:a,toggleValue:m,toggleAll:v,allSelected:c}}function de({checked:t,disabled:e,onClick:r,className:o,...l}){let i=d.useCallback(()=>{r?.()},[r]);return b("button",{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary",t?"bg-primary-active border-primary-active":"",e&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",o),disabled:e,type:"button",onClick:i,...l,children:t&&b("div",{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})})}function Oe({label:t,checked:e,onClick:r}){let o=d.useCallback(()=>{r()},[r]);return O("div",{className:"gap-small flex items-center",children:[b(de,{checked:e,onClick:o}),b(f,{asChild:!0,className:"text-size-body-sm",weight:"medium",children:b("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",type:"button",onClick:o,children:t})})]})}function ce({className:t,orientation:e="vertical",allowToggle:r=!1,allowSelectAll:o=!1,selectAllLabel:l="Selecionar todos",value:i,onValueChange:a,children:s,...m}){let{selected:c,toggleValue:v,toggleAll:u,allSelected:g}=Le({children:s,allowToggle:r,value:i||void 0,onValueChange:a}),k=e==="horizontal",T=d.useCallback(y=>{a?.(y)},[a]);return r?O("div",{className:"gap-small flex flex-col",children:[o&&b(Oe,{checked:g,label:l,onClick:u}),b("div",{className:L("gap-small flex",k?"flex-row":"flex-col",t),children:d.Children.map(s,y=>{if(d.isValidElement(y)&&typeof y.props=="object"&&y.props!==null&&"value"in y.props){let R=y.props;return d.cloneElement(y,{allowToggle:!0,checked:c.includes(R.value),onToggle:()=>v(R.value)})}return y})})]}):b(w.Root,{className:L("gap-small flex",k?"flex-row":"flex-col",t),"data-slot":"radio-group",value:i,onValueChange:T,...m,children:s})}function me({className:t,id:e,label:r,disabled:o=!1,allowToggle:l=!1,checked:i=!1,onToggle:a,...s}){let m=d.useCallback(()=>a?.(),[a]);return l?O("div",{className:"gap-small flex items-center",children:[b(de,{checked:i,disabled:o,onClick:m}),!!r&&b(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:b("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",disabled:o,type:"button",onClick:m,children:r})})]}):O("div",{className:"gap-small flex items-center",children:[b(w.Item,{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle",o&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",t),disabled:o,id:e,...s,children:b(w.Indicator,{className:"relative flex items-center justify-center"})}),!!r&&b(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:b("label",{htmlFor:e,children:r})})]})}import*as ue from"@radix-ui/react-popover";import{createContext as Fe,useContext as Me}from"react";var q=Fe({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function x(){let t=Me(q);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as Ee}from"@xjur-ui/util";var h=Ee({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as W}from"react/jsx-runtime";var{wrapper:Ae}=h();function J({className:t,state:e="normal",defaultOpen:r,variant:o="normal",modal:l,open:i,onOpenChange:a,...s}){return W(ue.Root,{defaultOpen:r,modal:l,open:i,onOpenChange:a,children:W(q.Provider,{value:{state:e,variant:o},children:W("div",{className:Ae({className:t,state:e}),...s})})})}import{tv as He,twMerge as Ge}from"@xjur-ui/util";import*as fe from"@radix-ui/react-popover";import{jsx as $e}from"react/jsx-runtime";var{trigger:Be}=h();function Y({className:t,...e}){let{state:r,variant:o}=x(),l=He({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),i=Ge(Be({state:r,className:t}),o==="filter"&&l({state:r,className:t}));return $e(fe.Trigger,{className:i,disabled:r==="disabled",...e})}import{jsx as ge}from"react/jsx-runtime";var{icon:qe}=h();function K({className:t,name:e,orientation:r="left",...o}){let{state:l}=x();return ge("div",{className:qe({className:t,state:l}),"data-slot":`control-${r}-slot`,...o,children:ge(C,{name:e})})}import{twJoin as Je}from"@xjur-ui/util";import{useMemo as Ye}from"react";import{tv as We}from"@xjur-ui/util";import{jsx as be}from"react/jsx-runtime";function Q({className:t,htmlFor:e,children:r,...o}){let{state:l}=x(),i=We({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return be("label",{className:i({className:t,state:l}),htmlFor:e,...o,children:be("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:r})})}import{jsx as F,jsxs as Ke}from"react/jsx-runtime";function U({className:t,value:e,placeholder:r,renderValue:o,...l}){let{variant:i}=x(),a=Ye(()=>{let s=o?o(e??""):typeof e=="object"?e?.label:e;return i==="filter"?s:s||r},[e,r,i,o]);return Ke("div",{className:"grid w-full items-center",children:[r&&i==="filter"&&F(Q,{children:r}),r&&i==="filter"&&F(f,{className:"invisible col-start-1 row-start-1 self-center",children:r}),F(f,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:a}),F("input",{...l,"aria-readonly":!0,className:Je("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:typeof e=="object"?e?.value??"":e??""})]})}import{twMerge as ko}from"@xjur-ui/util";import{Fragment as _o,useMemo as Ro}from"react";import{jsx as Lo,jsxs as Oo}from"react/jsx-runtime";import*as M from"@radix-ui/react-popover";import{Slot as Ue}from"@radix-ui/react-slot";import{cx as Xe}from"@xjur-ui/util";import{useVirtualizer as Ze}from"@tanstack/react-virtual";import{useRef as je}from"react";import{createContext as Qe}from"react";var _=Qe({virtualizer:null,enabled:!1});import{jsx as ye}from"react/jsx-runtime";function X({className:t,asChild:e,children:r,virtualized:o=!1,itemCount:l=0,estimateSize:i=()=>48,overscan:a=5,...s}){let m=e?Ue:"div",c=je(null),v=Ze({count:l,getScrollElement:()=>c.current,estimateSize:i,overscan:a,enabled:o});return ye(_.Provider,{value:{virtualizer:v,enabled:o},children:ye(m,{...s,className:Xe(t,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:c,children:r})})}import{Slot as Yo}from"@radix-ui/react-slot";import{cx as Qo}from"@xjur-ui/util";import{jsx as Xo}from"react/jsx-runtime";import{cx as Do}from"@xjur-ui/util";import{jsx as or}from"react/jsx-runtime";import{Slot as De}from"@radix-ui/react-slot";import{cx as xe}from"@xjur-ui/util";import{useContext as et}from"react";import{jsx as Z}from"react/jsx-runtime";function j({className:t,asChild:e,children:r,renderItem:o,...l}){let i=e?De:"ul",{virtualizer:a,enabled:s}=et(_);if(s&&a&&o){let m=a.getVirtualItems();return Z(i,{...l,className:xe("p-small relative flex flex-col",t),style:{height:`${a.getTotalSize()}px`},children:m.map(c=>Z("div",{className:"absolute top-0 left-0 w-full","data-index":c.index,ref:a.measureElement,style:{transform:`translateY(${c.start}px)`},children:o(c.index)},c.key))})}return Z(i,{...l,className:xe("gap-small-1x p-small flex flex-col",t),children:r})}import{Slot as tt}from"@radix-ui/react-slot";import{cx as ot,cva as rt}from"@xjur-ui/util";import{jsx as it}from"react/jsx-runtime";var at=rt(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function D({className:t,size:e,isActive:r,asChild:o,...l}){return it(o?tt:"li",{...l,className:ot(at({size:e,isActive:r}),t)})}import{jsx as ee}from"react/jsx-runtime";var{content:st}=h();function te({className:t,sideOffset:e=5,side:r="bottom",align:o="start",children:l,virtualized:i=!1,overscan:a=5,estimateSize:s=()=>32,...m}){let{state:c}=x();return ee(M.Portal,{children:ee(M.Content,{align:o,className:st({className:t,state:c}),side:r,sideOffset:e,...m,children:ee(X,{estimateSize:s,overscan:a,virtualized:i,children:l})})})}import{jsx as Nr}from"react/jsx-runtime";var{caption:Rr}=h();import{jsx as Mr}from"react/jsx-runtime";var{slotText:Or}=h();import{jsx as pt}from"react/jsx-runtime";function oe(t){return pt(j,{...t})}import{twMerge as dt}from"@xjur-ui/util";import{jsx as ct}from"react/jsx-runtime";function re({className:t,value:e,...r}){return ct(D,{className:dt(t,"cursor-pointer"),value:typeof e=="object"?e?.value:e,...r})}import{twMerge as mt}from"@xjur-ui/util";import{jsx as ut}from"react/jsx-runtime";function ae({className:t,...e}){return ut($,{className:mt(t,"truncate"),...e})}import{jsx as Zr}from"react/jsx-runtime";import{jsx as ta}from"react/jsx-runtime";import{Fragment as ft,jsx as p,jsxs as P}from"react/jsx-runtime";function za({className:t,isSelected:e=!1,variant:r="default",accordionContent:o,isAccordionOpen:l=!1,onAccordionToggle:i,accordionData:a,...s}){let[m,c]=he(l),[v,u]=he("");ie.useEffect(()=>{c(l)},[l]);let g=()=>{if(!o)return;c(!m),i?.()},k=n=>{a?.checkbox?.onCheckedChange(n)},T=ie.useCallback(n=>{a?.radio&&a.radio.onCheckedChange(a.radio.value,n)},[a?.radio]),y=ie.useMemo(()=>!a?.searchSelect?.options||!v?a?.searchSelect?.options||[]:a.searchSelect.options.filter(n=>n.label.toLowerCase().includes(v.toLowerCase())),[a?.searchSelect?.options,v]),R=n=>{u(n.target.value)},ve=n=>{a?.searchSelect?.onChangeSearchOption(n),u("")};return r==="accordion"?P(ft,{children:[P("tr",{"aria-expanded":o?m:void 0,className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",o&&"cursor-pointer",t),"data-selected":e,"data-slot":"table-row-accordion",role:o?"button":void 0,tabIndex:o?0:void 0,onClick:g,...s,children:[p("td",{className:"w-6 px-2 py-3",children:a?.checkbox&&p(pe,{checked:a.checkbox.checked,onCheckedChange:k,onClick:n=>n.stopPropagation()})}),p("td",{className:"px-2 py-3",children:P("div",{className:"flex items-center gap-2",children:[o&&p(C,{className:E("text-neutral-medium transition-transform duration-200",m&&"rotate-90"),name:"keyboard_arrow_up"}),p(f,{children:a?.text1})]})}),p("td",{className:"px-2 py-3",children:p(f,{children:a?.text2})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.searchSelect&&P(J,{children:[P(Y,{children:[p(U,{placeholder:"Selecione",value:{value:a.searchSelect?.selectedSearchOption||"",label:a.searchSelect?.options.find(n=>n.value===a.searchSelect?.selectedSearchOption)?.label||""}}),p(K,{className:"text-layer-1-active",name:"keyboard_arrow_down"})]}),p(te,{children:P(oe,{className:"p-0",children:[p("div",{className:"py-small border-border-layer-2 border-b",children:P("div",{className:"gap-small py-small_1x-alt bg-layer-2-idle rounded-small flex items-center",children:[p(C,{className:"text-layer-1-active",name:"search"}),p("input",{className:"text-size-body-md text-neutral-dark placeholder:text-neutral-placeholder flex-1 bg-transparent outline-none",placeholder:"Pesquisar",value:v,onChange:R})]})}),y.map(n=>p(re,{className:"p-0",isActive:a.searchSelect?.selectedSearchOption===n.value,value:n,onClick:()=>ve(n.value),children:p(ae,{children:n.label})},n.value))]})})]})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.radio&&p(ce,{allowToggle:!0,className:"",value:a.radio.checked?a.radio.value:"",onValueChange:n=>{a?.radio&&T(n!=="")},children:p(me,{className:"",id:`principal-${a.radio.value}`,label:"",value:a.radio.value})})})]}),m&&o&&p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),children:p("td",{colSpan:5,children:o})})]}):p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),"data-selected":e,"data-slot":"table-row",...s})}export{za as TableRow};
|
|
1
|
+
import ie,{useState as he}from"react";import{cx as E}from"@xjur-ui/util";import*as I from"@radix-ui/react-checkbox";import{cx as Ve}from"@xjur-ui/util";import{cx as Ce}from"@xjur-ui/util";import{jsx as Pe}from"react/jsx-runtime";function C({className:t,filled:e=!1,name:r,...o}){return Pe("span",{...o,className:Ce("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:r})}import{Slot as Se}from"@radix-ui/react-slot";import{cva as _e}from"@xjur-ui/util";import{memo as se,useState as Re}from"react";import*as z from"@radix-ui/react-tooltip";import{jsx as A}from"react/jsx-runtime";function Te({delayDuration:t=0,...e}){return A(z.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function H({...t}){return A(Te,{children:A(z.Root,{"data-slot":"tooltip",...t})})}import*as le from"@radix-ui/react-tooltip";import{jsx as ke}from"react/jsx-runtime";function G({...t}){return ke(le.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as N from"@radix-ui/react-tooltip";import{cx as we}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function B({className:t,sideOffset:e=1,variant:r="simple",children:o,...l}){return ne(N.Portal,{children:ne(N.Content,{className:we("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":r,sideOffset:e,...l,children:o})})}import{jsx as V,jsxs as Ne}from"react/jsx-runtime";var ze=_e("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=se(({variant:t,size:e,weight:r,asChild:o,className:l,children:i,...a})=>V(o?Se:"span",{className:ze({variant:t,size:e,weight:r,className:l}),...a,children:i}));f.displayName="Typography";var $=se(({children:t,...e})=>{let[r,o]=Re(!1);return Ne(H,{children:[V(G,{asChild:!0,children:V(f,{onMouseEnter:({currentTarget:i})=>{let a=i.scrollWidth>i.clientWidth;o(a),a?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),r&&V(B,{children:t})]})});$.displayName="TruncatedTypography";import{jsx as S,jsxs as Ie}from"react/jsx-runtime";function pe({label:t,name:e,className:r,disabled:o=!1,...l}){let i=`field-checkbox-${e}`;return Ie("div",{className:"group gap-small flex items-center",children:[S(I.Root,{disabled:o,...l,className:Ve("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",r),id:i,name:e,children:S(I.Indicator,{className:"flex items-center justify-center",children:S(C,{className:"text-neutral-label",name:"check"})})}),!!t&&S(f,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:S("label",{htmlFor:i,children:t})})]})}import*as d from"react";import*as k from"@radix-ui/react-radio-group";import{cx as L}from"@xjur-ui/util";import{jsx as b,jsxs as O}from"react/jsx-runtime";function Le({children:t,allowToggle:e,value:r,onValueChange:o}){let[l,i]=d.useState([]),[a,s]=d.useState([]);d.useEffect(()=>{let u=d.Children.toArray(t).filter(g=>d.isValidElement(g)&&typeof g.props=="object"&&g.props!==null&&"value"in g.props&&typeof g.props.value=="string").map(g=>g.props.value);s(u)},[t]),d.useEffect(()=>{e&&i(r?r.split(",").filter(Boolean):[])},[r,e]);let m=d.useCallback(u=>{if(!e){o?.(u);return}i(g=>{let T=g.includes(u)?g.filter(y=>y!==u):[...g,u];return o?.(T.join(",")),T})},[e,o]),c=a.length>0&&a.every(u=>l.includes(u)),v=d.useCallback(()=>{if(!e)return;let u=c?[]:a;i(u),o?.(u.join(","))},[e,c,a,o]);return{selected:l,allValues:a,toggleValue:m,toggleAll:v,allSelected:c}}function de({checked:t,disabled:e,onClick:r,className:o,...l}){let i=d.useCallback(()=>{r?.()},[r]);return b("button",{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary",t?"bg-primary-active border-primary-active":"",e&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",o),disabled:e,type:"button",onClick:i,...l,children:t&&b("div",{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})})}function Oe({label:t,checked:e,onClick:r}){let o=d.useCallback(()=>{r()},[r]);return O("div",{className:"gap-small flex items-center",children:[b(de,{checked:e,onClick:o}),b(f,{asChild:!0,className:"text-size-body-sm",weight:"medium",children:b("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",type:"button",onClick:o,children:t})})]})}function ce({className:t,orientation:e="vertical",allowToggle:r=!1,allowSelectAll:o=!1,selectAllLabel:l="Selecionar todos",value:i,onValueChange:a,children:s,...m}){let{selected:c,toggleValue:v,toggleAll:u,allSelected:g}=Le({children:s,allowToggle:r,value:i||void 0,onValueChange:a}),w=e==="horizontal",T=d.useCallback(y=>{a?.(y)},[a]);return r?O("div",{className:"gap-small flex flex-col",children:[o&&b(Oe,{checked:g,label:l,onClick:u}),b("div",{className:L("gap-small flex",w?"flex-row":"flex-col",t),children:d.Children.map(s,y=>{if(d.isValidElement(y)&&typeof y.props=="object"&&y.props!==null&&"value"in y.props){let R=y.props;return d.cloneElement(y,{allowToggle:!0,checked:c.includes(R.value),onToggle:()=>v(R.value)})}return y})})]}):b(k.Root,{className:L("gap-small flex",w?"flex-row":"flex-col",t),"data-slot":"radio-group",value:i,onValueChange:T,...m,children:s})}function me({className:t,id:e,label:r,disabled:o=!1,allowToggle:l=!1,checked:i=!1,onToggle:a,...s}){let m=d.useCallback(()=>a?.(),[a]);return l?O("div",{className:"gap-small flex items-center",children:[b(de,{checked:i,disabled:o,onClick:m}),!!r&&b(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:b("button",{className:"cursor-pointer border-none bg-transparent p-0 text-left",disabled:o,type:"button",onClick:m,children:r})})]}):O("div",{className:"gap-small flex items-center",children:[b(k.Item,{className:L("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle",o&&"hover:border-border-layer-2 cursor-not-allowed opacity-[38%]",t),disabled:o,id:e,...s,children:b(k.Indicator,{className:"relative flex items-center justify-center"})}),!!r&&b(f,{asChild:!0,className:"text-size-body-sm","data-disabled":o,weight:"medium",children:b("label",{htmlFor:e,children:r})})]})}import*as ue from"@radix-ui/react-popover";import{createContext as Fe,useContext as Me}from"react";var q=Fe({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function x(){let t=Me(q);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as Ee}from"@xjur-ui/util";var h=Ee({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as W}from"react/jsx-runtime";var{wrapper:Ae}=h();function J({className:t,state:e="normal",defaultOpen:r,variant:o="normal",modal:l,open:i,onOpenChange:a,...s}){return W(ue.Root,{defaultOpen:r,modal:l,open:i,onOpenChange:a,children:W(q.Provider,{value:{state:e,variant:o},children:W("div",{className:Ae({className:t,state:e}),...s})})})}import{tv as He,twMerge as Ge}from"@xjur-ui/util";import*as fe from"@radix-ui/react-popover";import{jsx as $e}from"react/jsx-runtime";var{trigger:Be}=h();function Y({className:t,...e}){let{state:r,variant:o}=x(),l=He({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),i=Ge(Be({state:r,className:t}),o==="filter"&&l({state:r,className:t}));return $e(fe.Trigger,{className:i,disabled:r==="disabled",...e})}import{jsx as ge}from"react/jsx-runtime";var{icon:qe}=h();function K({className:t,name:e,orientation:r="left",...o}){let{state:l}=x();return ge("div",{className:qe({className:t,state:l}),"data-slot":`control-${r}-slot`,...o,children:ge(C,{name:e})})}import{twJoin as Je}from"@xjur-ui/util";import{useMemo as Ye}from"react";import{tv as We}from"@xjur-ui/util";import{jsx as be}from"react/jsx-runtime";function Q({className:t,htmlFor:e,children:r,...o}){let{state:l}=x(),i=We({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return be("label",{className:i({className:t,state:l}),htmlFor:e,...o,children:be("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:r})})}import{jsx as F,jsxs as Ke}from"react/jsx-runtime";function U({className:t,value:e,placeholder:r,renderValue:o,...l}){let{variant:i}=x(),a=Ye(()=>{let s=o?o(e??""):typeof e=="object"?e?.label:e;return i==="filter"?s:s||r},[e,r,i,o]);return Ke("div",{className:"grid w-full items-center",children:[r&&i==="filter"&&F(Q,{children:r}),r&&i==="filter"&&F(f,{className:"invisible col-start-1 row-start-1 self-center",children:r}),F(f,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:a}),F("input",{...l,"aria-readonly":!0,className:Je("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:typeof e=="object"?e?.value??"":e??""})]})}import{twMerge as wo}from"@xjur-ui/util";import{Fragment as _o,useMemo as Ro}from"react";import{jsx as Lo,jsxs as Oo}from"react/jsx-runtime";import*as M from"@radix-ui/react-popover";import{Slot as Ue}from"@radix-ui/react-slot";import{cx as Xe}from"@xjur-ui/util";import{useVirtualizer as Ze}from"@tanstack/react-virtual";import{useRef as je}from"react";import{createContext as Qe}from"react";var _=Qe({virtualizer:null,enabled:!1});import{jsx as ye}from"react/jsx-runtime";function X({className:t,asChild:e,children:r,virtualized:o=!1,itemCount:l=0,estimateSize:i=()=>48,overscan:a=5,...s}){let m=e?Ue:"div",c=je(null),v=Ze({count:l,getScrollElement:()=>c.current,estimateSize:i,overscan:a,enabled:o});return ye(_.Provider,{value:{virtualizer:v,enabled:o},children:ye(m,{...s,className:Xe(t,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:c,children:r})})}import{Slot as Yo}from"@radix-ui/react-slot";import{cx as Qo}from"@xjur-ui/util";import{jsx as Xo}from"react/jsx-runtime";import{cx as Do}from"@xjur-ui/util";import{jsx as or}from"react/jsx-runtime";import{Slot as De}from"@radix-ui/react-slot";import{cx as xe}from"@xjur-ui/util";import{useContext as et}from"react";import{jsx as Z}from"react/jsx-runtime";function j({className:t,asChild:e,children:r,renderItem:o,...l}){let i=e?De:"ul",{virtualizer:a,enabled:s}=et(_);if(s&&a&&o){let m=a.getVirtualItems();return Z(i,{...l,className:xe("p-small relative flex flex-col",t),style:{height:`${a.getTotalSize()}px`},children:m.map(c=>Z("div",{className:"absolute top-0 left-0 w-full","data-index":c.index,ref:a.measureElement,style:{transform:`translateY(${c.start}px)`},children:o(c.index)},c.key))})}return Z(i,{...l,className:xe("gap-small-1x p-small flex flex-col",t),children:r})}import{Slot as tt}from"@radix-ui/react-slot";import{cx as ot,cva as rt}from"@xjur-ui/util";import{jsx as it}from"react/jsx-runtime";var at=rt(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function D({className:t,size:e,isActive:r,asChild:o,...l}){return it(o?tt:"li",{...l,className:ot(at({size:e,isActive:r}),t)})}import{jsx as ee}from"react/jsx-runtime";var{content:st}=h();function te({className:t,sideOffset:e=5,side:r="bottom",align:o="start",children:l,virtualized:i=!1,overscan:a=5,estimateSize:s=()=>32,...m}){let{state:c}=x();return ee(M.Portal,{children:ee(M.Content,{align:o,className:st({className:t,state:c}),side:r,sideOffset:e,...m,children:ee(X,{estimateSize:s,overscan:a,virtualized:i,children:l})})})}import{jsx as Nr}from"react/jsx-runtime";var{caption:Rr}=h();import{jsx as Mr}from"react/jsx-runtime";var{slotText:Or}=h();import{jsx as pt}from"react/jsx-runtime";function oe(t){return pt(j,{...t})}import{twMerge as dt}from"@xjur-ui/util";import{jsx as ct}from"react/jsx-runtime";function re({className:t,value:e,...r}){return ct(D,{className:dt(t,"cursor-pointer"),value:typeof e=="object"?e?.value:e,...r})}import{twMerge as mt}from"@xjur-ui/util";import{jsx as ut}from"react/jsx-runtime";function ae({className:t,...e}){return ut($,{className:mt(t,"truncate"),...e})}import{jsx as Zr}from"react/jsx-runtime";import{jsx as ta}from"react/jsx-runtime";import{Fragment as ft,jsx as p,jsxs as P}from"react/jsx-runtime";function za({className:t,isSelected:e=!1,variant:r="default",accordionContent:o,isAccordionOpen:l=!1,onAccordionToggle:i,accordionData:a,...s}){let[m,c]=he(l),[v,u]=he("");ie.useEffect(()=>{c(l)},[l]);let g=()=>{if(!o)return;c(!m),i?.()},w=n=>{a?.checkbox?.onCheckedChange(n)},T=ie.useCallback(n=>{a?.radio&&a.radio.onCheckedChange(a.radio.value,n)},[a?.radio]),y=ie.useMemo(()=>!a?.searchSelect?.options||!v?a?.searchSelect?.options||[]:a.searchSelect.options.filter(n=>n.label.toLowerCase().includes(v.toLowerCase())),[a?.searchSelect?.options,v]),R=n=>{u(n.target.value)},ve=n=>{a?.searchSelect?.onChangeSearchOption(n),u("")};return r==="accordion"?P(ft,{children:[P("tr",{"aria-expanded":o?m:void 0,className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",o&&"cursor-pointer",t),"data-selected":e,"data-slot":"table-row-accordion",role:o?"button":void 0,tabIndex:o?0:void 0,onClick:g,...s,children:[p("td",{className:"w-6 px-2 py-3",children:a?.checkbox&&p(pe,{checked:a.checkbox.checked,onCheckedChange:w,onClick:n=>n.stopPropagation()})}),p("td",{className:"px-2 py-3",children:P("div",{className:"flex items-center gap-2",children:[o&&p(C,{className:E("text-neutral-medium transition-transform duration-200",m&&"rotate-90"),name:"keyboard_arrow_up"}),p(f,{children:a?.text1})]})}),p("td",{className:"px-2 py-3",children:p(f,{children:a?.text2})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.searchSelect&&P(J,{children:[P(Y,{children:[p(U,{placeholder:"Selecione",value:{value:a.searchSelect?.selectedSearchOption||"",label:a.searchSelect?.options.find(n=>n.value===a.searchSelect?.selectedSearchOption)?.label||""}}),p(K,{className:"text-layer-1-active",name:"keyboard_arrow_down"})]}),p(te,{children:P(oe,{className:"p-0",children:[p("div",{className:"py-small border-border-layer-2 border-b",children:P("div",{className:"gap-small py-small_1x-alt bg-layer-2-idle rounded-small flex items-center",children:[p(C,{className:"text-layer-1-active",name:"search"}),p("input",{className:"text-size-body-md text-neutral-dark placeholder:text-neutral-placeholder flex-1 bg-transparent outline-none",placeholder:"Pesquisar",value:v,onChange:R})]})}),y.map(n=>p(re,{className:"p-0",isActive:a.searchSelect?.selectedSearchOption===n.value,value:n,onClick:()=>ve(n.value),children:p(ae,{children:n.label})},n.value))]})})]})}),p("td",{className:"px-2 py-3",onClick:n=>n.stopPropagation(),children:a?.radio&&p(ce,{allowToggle:!0,className:"",value:a.radio.checked?a.radio.value:"",onValueChange:n=>{a?.radio&&T(n!=="")},children:p(me,{className:"",id:`principal-${a.radio.value}`,label:"",value:a.radio.value})})})]}),m&&o&&p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),children:p("td",{colSpan:5,children:o})})]}):p("tr",{className:E("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",t),"data-selected":e,"data-slot":"table-row",...s})}export{za as TableRow};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function r({className:o,filled:e=!1,name:t,...n}){return s("span",{...n,className:i("material-symbols-outlined","text-size-body-lg select-none",o),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...n.style},children:t})}import{jsx as a}from"react/jsx-runtime";function
|
|
1
|
+
import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function r({className:o,filled:e=!1,name:t,...n}){return s("span",{...n,className:i("material-symbols-outlined","text-size-body-lg select-none",o),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...n.style},children:t})}import{jsx as a}from"react/jsx-runtime";function w({className:o,sortedDirection:e,...t}){return a("button",{className:l("size-large-1x rounded-small-1x","flex cursor-pointer items-center justify-center","hidden group-hover/th:flex","data-[sorted=true]:flex","transition-all duration-200 ease-out","data-[sorted=true]:bg-primary-alt-active data-[sorted=true]:text-primary-label-active","absolute top-1/2 right-0 -translate-y-1/2",o),"data-sorted":e!==void 0,type:"button",...t,children:e!==void 0?a(r,{name:e==="asc"?"arrow_downward":"arrow_upward"}):a(r,{name:"swap_vert"})})}export{w as TableSort};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{cva as w,cx as y}from"@xjur-ui/util";import{jsx as b,jsxs as G}from"react/jsx-runtime";var we=w(["flex flex-row items-center gap-[40px] h-full"]),W=w(["w-0.5 bg-gray-300 min-h-[82px]"]),Ce=w(["w-3 h-3 rounded-full bg-gray-400"]),Pe=w(["text-sm font-medium text-gray-500 w-full"]);function M({className:e,date:t="04/07/2025",showTopLine:i=!0,showBottomLine:o=!0,...a}){return G("div",{className:y(we(),e),...a,children:[G("div",{className:"flex h-full flex-col items-center gap-1",children:[i&&b("div",{className:y(W())}),b("div",{className:y(Ce())}),o&&b("div",{className:y(W())})]}),b("div",{className:y(Pe(),!i&&"self-start",!o&&"self-end"),children:t})]})}import{Slot as it}from"@radix-ui/react-slot";import{cva as at,cx as oe}from"@xjur-ui/util";import{cx as _e}from"@xjur-ui/util";import{jsx as Te}from"react/jsx-runtime";function m({className:e,filled:t=!1,name:i,...o}){return Te("span",{...o,className:_e("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:i})}import*as T from"@radix-ui/react-checkbox";import{cx as Se}from"@xjur-ui/util";import{Slot as Me}from"@radix-ui/react-slot";import{cva as Ne}from"@xjur-ui/util";import{memo as J,useState as Re}from"react";import*as C from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function ze({delayDuration:e=0,...t}){return N(C.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function R({...e}){return N(ze,{children:N(C.Root,{"data-slot":"tooltip",...e})})}import*as K from"@radix-ui/react-tooltip";import{jsx as ke}from"react/jsx-runtime";function V({...e}){return ke(K.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as P from"@radix-ui/react-tooltip";import{cx as De}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";function I({className:e,sideOffset:t=1,variant:i="simple",children:o,...a}){return Y(P.Portal,{children:Y(P.Content,{className:De("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":i,sideOffset:t,...a,children:o})})}import{jsx as _,jsxs as Le}from"react/jsx-runtime";var Ve=Ne("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=J(({variant:e,size:t,weight:i,asChild:o,className:a,children:n,...l})=>_(o?Me:"span",{className:Ve({variant:e,size:t,weight:i,className:a}),...l,children:n}));c.displayName="Typography";var Ie=J(({children:e,...t})=>{let[i,o]=Re(!1);return Le(R,{children:[_(V,{asChild:!0,children:_(c,{onMouseEnter:({currentTarget:n})=>{let l=n.scrollWidth>n.clientWidth;o(l),l?n.style.cursor="pointer":n.style.cursor="text"},...t,children:e})}),i&&_(I,{children:e})]})});Ie.displayName="TruncatedTypography";import{jsx as h,jsxs as He}from"react/jsx-runtime";function Q({label:e,name:t,className:i,disabled:o=!1,...a}){let n=`field-checkbox-${t}`;return He("div",{className:"group gap-small flex items-center",children:[h(T.Root,{disabled:o,...a,className:Se("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),id:n,name:t,children:h(T.Indicator,{className:"flex items-center justify-center",children:h(m,{className:"text-neutral-label",name:"check"})})}),!!e&&h(c,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:h("label",{htmlFor:n,children:e})})]})}import"react";import*as U from"@radix-ui/react-dropdown-menu";import{jsx as Ee}from"react/jsx-runtime";function L({...e}){return Ee(U.Root,{"data-slot":"dropdown-menu",...e})}import*as X from"@radix-ui/react-dropdown-menu";import{jsx as Ae}from"react/jsx-runtime";function S({...e}){return Ae(X.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as z from"@radix-ui/react-dropdown-menu";import{cx as je}from"@xjur-ui/util";import{Slot as qe}from"@radix-ui/react-slot";import{cx as Fe}from"@xjur-ui/util";import{useVirtualizer as Be}from"@tanstack/react-virtual";import{useRef as Oe}from"react";import{createContext as $e}from"react";var g=$e({virtualizer:null,enabled:!1});import{jsx as Z}from"react/jsx-runtime";function H({className:e,asChild:t,children:i,virtualized:o=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:l=5,...f}){let v=t?qe:"div",d=Oe(null),D=Be({count:a,getScrollElement:()=>d.current,estimateSize:n,overscan:l,enabled:o});return Z(g.Provider,{value:{virtualizer:D,enabled:o},children:Z(v,{...f,className:Fe(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:d,children:i})})}import{Slot as jt}from"@radix-ui/react-slot";import{cx as to}from"@xjur-ui/util";import{jsx as ro}from"react/jsx-runtime";import{cx as no}from"@xjur-ui/util";import{jsx as po}from"react/jsx-runtime";import{Slot as We}from"@radix-ui/react-slot";import{cx as j}from"@xjur-ui/util";import{useContext as Ge}from"react";import{jsx as E}from"react/jsx-runtime";function A({className:e,asChild:t,children:i,renderItem:o,...a}){let n=t?We:"ul",{virtualizer:l,enabled:f}=Ge(g);if(f&&l&&o){let v=l.getVirtualItems();return E(n,{...a,className:j("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:v.map(d=>E("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:l.measureElement,style:{transform:`translateY(${d.start}px)`},children:o(d.index)},d.key))})}return E(n,{...a,className:j("gap-small-1x p-small flex flex-col",e),children:i})}import{Slot as Ke}from"@radix-ui/react-slot";import{cx as Ye,cva as Je}from"@xjur-ui/util";import{jsx as Ue}from"react/jsx-runtime";var Qe=Je(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function $({className:e,size:t,isActive:i,asChild:o,...a}){return Ue(o?Ke:"li",{...a,className:Ye(Qe({size:t,isActive:i}),e)})}import{jsx as q}from"react/jsx-runtime";function F({className:e,sideOffset:t=4,align:i="start",side:o="bottom",children:a,...n}){return q(z.Portal,{children:q(z.Content,{align:i,className:je("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...n,children:q(H,{children:a})})})}import{jsx as et}from"react/jsx-runtime";function B({...e}){return et(A,{...e})}import{jsx as Ao}from"react/jsx-runtime";import{cx as rt}from"@xjur-ui/util";import"react";import*as ee from"@radix-ui/react-separator";import{cx as tt}from"@xjur-ui/util";import{jsx as ot}from"react/jsx-runtime";function te({className:e,orientation:t="horizontal",decorative:i=!0,...o}){return ot(ee.Root,{className:tt("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:i,orientation:t,...o})}import{jsx as O}from"react/jsx-runtime";function u({className:e,...t}){return O($,{className:rt(e,"cursor-pointer"),...t})}function x({...e}){return O(c,{...e})}function k({...e}){return O(te,{...e})}import{jsx as r,jsxs as p}from"react/jsx-runtime";var re=at(["border border-gray-200 rounded-lg p-4 transition-all duration-200 cursor-pointer shadow-sm min-h-[184px]","hover:shadow-md hover:border-gray-300"],{variants:{status:{default:"border-gray-200",selected:"border-primary-border-active bg-primary-alt-idle shadow-md"}},defaultVariants:{status:"default"}});function nt({asChild:e,className:t,status:i="default",title:o,content:a,tags:n=[],isSelected:l=!1,isChecked:f=!1,onSelect:v,onCheck:d,onCopy:D,onFolder:ie,onMarkAsRead:ae,onEdit:ne,onArchive:se,onDelete:le,timelineProps:pe,...me}){let de=e?it:"div",ce=l?"selected":i,fe=()=>{v?.()},ue=s=>{d?.(s)},xe=()=>{ae?.()},ve=()=>{ne?.()},ye=()=>{se?.()},he=()=>{le?.()},ge=s=>{switch(s){case"success":return"bg-success-idle text-white";case"warning":return"bg-red-500 text-white";case"info":return"bg-blue-500 text-white";case"restricted":return"bg-layer-1-idle text-gray-700";default:return"bg-white text-gray-700"}};return p("div",{className:"relative flex items-end gap-6",children:[r(M,{...pe}),r(de,{className:oe(re({status:ce}),t,"flex-1"),onClick:fe,...me,children:p("div",{className:"mb-3 flex items-start justify-start gap-4",children:[r("div",{role:"button",tabIndex:0,onClick:s=>s.stopPropagation(),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&s.stopPropagation()},children:r(Q,{checked:f,className:"size-4",name:`timeline-card-${Math.random()}`,onCheckedChange:ue})}),p("div",{className:"flex w-full flex-col gap-4",children:[p("div",{className:"flex items-start justify-between gap-4",children:[r("div",{className:"flex items-center gap-3",children:r("div",{className:"flex items-center gap-2",children:n.map((s,be)=>p("div",{className:oe("flex items-center gap-2 rounded px-2 py-1 text-xs font-medium",ge(s.variant)),children:[s.variant==="restricted"&&r(m,{className:"flex h-3 w-3 items-center",name:"lock"}),r("p",{className:"flex items-center text-xs font-medium",children:s.label})]},be))})}),p("div",{className:"flex items-center gap-2",children:[r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),D?.()},children:r(m,{className:"h-4 w-4",name:"attach_file"})}),r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),ie?.()},children:r(m,{className:"h-4 w-4",name:"folder_check_2"})}),p(L,{children:[r(S,{asChild:!0,children:r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>s.stopPropagation(),children:r(m,{className:"h-4 w-4",name:"more_vert"})})}),r(F,{align:"end",children:p(B,{children:[p(u,{onClick:xe,children:[r(m,{className:"flex h-4 w-4 items-center",name:"check"}),r(x,{children:"Marcar como lido"})]}),r(k,{}),p(u,{onClick:ve,children:[r(m,{className:"flex h-4 w-4 items-center",name:"edit"}),r(x,{children:"Editar"})]}),p(u,{onClick:ye,children:[r(m,{className:"flex h-4 w-4 items-center",name:"archive"}),r(x,{children:"Arquivar"})]}),r(k,{}),p(u,{onClick:he,children:[r(m,{className:"flex h-4 w-4 items-center text-red-500",name:"delete"}),r(x,{className:"text-red-500",children:"Excluir"})]})]})})]})]})]}),p("div",{className:"flex flex-col gap-4",children:[r("p",{className:"text-size-body-md-medium text-neutral-dark font-medium",children:o}),r("p",{className:"text-size-body-sm text-neutral-light",children:a})]})]})]})})]})}export{M as Timeline,nt as TimelineCard,re as timelineCardVariants};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { type ClassVariantProps } from '@xjur-ui/util';
|
|
3
|
+
import { type TimelineProps } from './timeline';
|
|
4
|
+
export declare const timelineCardVariants: (props?: ({
|
|
5
|
+
status?: "default" | "selected" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export interface TimelineCardProps extends ComponentProps<'div'>, ClassVariantProps<typeof timelineCardVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
title: string;
|
|
10
|
+
content: string;
|
|
11
|
+
tags?: Array<{
|
|
12
|
+
label: string;
|
|
13
|
+
variant: 'success' | 'warning' | 'info' | 'restricted';
|
|
14
|
+
}>;
|
|
15
|
+
isSelected?: boolean;
|
|
16
|
+
isChecked?: boolean;
|
|
17
|
+
onSelect?: () => void;
|
|
18
|
+
onCheck?: (checked: boolean) => void;
|
|
19
|
+
onCopy?: () => void;
|
|
20
|
+
onFolder?: () => void;
|
|
21
|
+
onMarkAsRead?: () => void;
|
|
22
|
+
onEdit?: () => void;
|
|
23
|
+
onArchive?: () => void;
|
|
24
|
+
onDelete?: () => void;
|
|
25
|
+
timelineProps?: TimelineProps;
|
|
26
|
+
}
|
|
27
|
+
export declare function TimelineCard({ asChild, className, status, title, content, tags, isSelected, isChecked, onSelect, onCheck, onCopy, onFolder, onMarkAsRead, onEdit, onArchive, onDelete, timelineProps, ...props }: TimelineCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Slot as rt}from"@radix-ui/react-slot";import{cva as it,cx as oe}from"@xjur-ui/util";import{cx as be}from"@xjur-ui/util";import{jsx as we}from"react/jsx-runtime";function m({className:e,filled:t=!1,name:i,...o}){return we("span",{...o,className:be("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:i})}import*as P from"@radix-ui/react-checkbox";import{cx as Re}from"@xjur-ui/util";import{Slot as Te}from"@radix-ui/react-slot";import{cva as ze}from"@xjur-ui/util";import{memo as G,useState as ke}from"react";import*as b from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function Ce({delayDuration:e=0,...t}){return M(b.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function N({...e}){return M(Ce,{children:M(b.Root,{"data-slot":"tooltip",...e})})}import*as O from"@radix-ui/react-tooltip";import{jsx as Pe}from"react/jsx-runtime";function R({...e}){return Pe(O.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as w from"@radix-ui/react-tooltip";import{cx as _e}from"@xjur-ui/util";import{jsx as W}from"react/jsx-runtime";function V({className:e,sideOffset:t=1,variant:i="simple",children:o,...a}){return W(w.Portal,{children:W(w.Content,{className:_e("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":i,sideOffset:t,...a,children:o})})}import{jsx as C,jsxs as Ne}from"react/jsx-runtime";var De=ze("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=G(({variant:e,size:t,weight:i,asChild:o,className:a,children:n,...l})=>C(o?Te:"span",{className:De({variant:e,size:t,weight:i,className:a}),...l,children:n}));c.displayName="Typography";var Me=G(({children:e,...t})=>{let[i,o]=ke(!1);return Ne(N,{children:[C(R,{asChild:!0,children:C(c,{onMouseEnter:({currentTarget:n})=>{let l=n.scrollWidth>n.clientWidth;o(l),l?n.style.cursor="pointer":n.style.cursor="text"},...t,children:e})}),i&&C(V,{children:e})]})});Me.displayName="TruncatedTypography";import{jsx as h,jsxs as Ve}from"react/jsx-runtime";function K({label:e,name:t,className:i,disabled:o=!1,...a}){let n=`field-checkbox-${t}`;return Ve("div",{className:"group gap-small flex items-center",children:[h(P.Root,{disabled:o,...a,className:Re("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),id:n,name:t,children:h(P.Indicator,{className:"flex items-center justify-center",children:h(m,{className:"text-neutral-label",name:"check"})})}),!!e&&h(c,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:h("label",{htmlFor:n,children:e})})]})}import"react";import*as Y from"@radix-ui/react-dropdown-menu";import{jsx as Ie}from"react/jsx-runtime";function I({...e}){return Ie(Y.Root,{"data-slot":"dropdown-menu",...e})}import*as J from"@radix-ui/react-dropdown-menu";import{jsx as Le}from"react/jsx-runtime";function L({...e}){return Le(J.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as _ from"@radix-ui/react-dropdown-menu";import{cx as Qe}from"@xjur-ui/util";import{Slot as He}from"@radix-ui/react-slot";import{cx as Ee}from"@xjur-ui/util";import{useVirtualizer as Ae}from"@tanstack/react-virtual";import{useRef as $e}from"react";import{createContext as Se}from"react";var y=Se({virtualizer:null,enabled:!1});import{jsx as Q}from"react/jsx-runtime";function S({className:e,asChild:t,children:i,virtualized:o=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:l=5,...f}){let x=t?He:"div",d=$e(null),D=Ae({count:a,getScrollElement:()=>d.current,estimateSize:n,overscan:l,enabled:o});return Q(y.Provider,{value:{virtualizer:D,enabled:o},children:Q(x,{...f,className:Ee(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:d,children:i})})}import{Slot as Qt}from"@radix-ui/react-slot";import{cx as Xt}from"@xjur-ui/util";import{jsx as jt}from"react/jsx-runtime";import{cx as oo}from"@xjur-ui/util";import{jsx as ao}from"react/jsx-runtime";import{Slot as qe}from"@radix-ui/react-slot";import{cx as U}from"@xjur-ui/util";import{useContext as Fe}from"react";import{jsx as H}from"react/jsx-runtime";function E({className:e,asChild:t,children:i,renderItem:o,...a}){let n=t?qe:"ul",{virtualizer:l,enabled:f}=Fe(y);if(f&&l&&o){let x=l.getVirtualItems();return H(n,{...a,className:U("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:x.map(d=>H("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:l.measureElement,style:{transform:`translateY(${d.start}px)`},children:o(d.index)},d.key))})}return H(n,{...a,className:U("gap-small-1x p-small flex flex-col",e),children:i})}import{Slot as Be}from"@radix-ui/react-slot";import{cx as Oe,cva as We}from"@xjur-ui/util";import{jsx as Ke}from"react/jsx-runtime";var Ge=We(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function A({className:e,size:t,isActive:i,asChild:o,...a}){return Ke(o?Be:"li",{...a,className:Oe(Ge({size:t,isActive:i}),e)})}import{jsx as $}from"react/jsx-runtime";function q({className:e,sideOffset:t=4,align:i="start",side:o="bottom",children:a,...n}){return $(_.Portal,{children:$(_.Content,{align:i,className:Qe("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...n,children:$(S,{children:a})})})}import{jsx as Ue}from"react/jsx-runtime";function F({...e}){return Ue(E,{...e})}import{jsx as Lo}from"react/jsx-runtime";import{cx as je}from"@xjur-ui/util";import"react";import*as X from"@radix-ui/react-separator";import{cx as Xe}from"@xjur-ui/util";import{jsx as Ze}from"react/jsx-runtime";function Z({className:e,orientation:t="horizontal",decorative:i=!0,...o}){return Ze(X.Root,{className:Xe("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:i,orientation:t,...o})}import{jsx as B}from"react/jsx-runtime";function u({className:e,...t}){return B(A,{className:je(e,"cursor-pointer"),...t})}function v({...e}){return B(c,{...e})}function T({...e}){return B(Z,{...e})}import{cva as k,cx as g}from"@xjur-ui/util";import{jsx as z,jsxs as ee}from"react/jsx-runtime";var et=k(["flex flex-row items-center gap-[40px] h-full"]),j=k(["w-0.5 bg-gray-300 min-h-[82px]"]),tt=k(["w-3 h-3 rounded-full bg-gray-400"]),ot=k(["text-sm font-medium text-gray-500 w-full"]);function te({className:e,date:t="04/07/2025",showTopLine:i=!0,showBottomLine:o=!0,...a}){return ee("div",{className:g(et(),e),...a,children:[ee("div",{className:"flex h-full flex-col items-center gap-1",children:[i&&z("div",{className:g(j())}),z("div",{className:g(tt())}),o&&z("div",{className:g(j())})]}),z("div",{className:g(ot(),!i&&"self-start",!o&&"self-end"),children:t})]})}import{jsx as r,jsxs as p}from"react/jsx-runtime";var at=it(["border border-gray-200 rounded-lg p-4 transition-all duration-200 cursor-pointer shadow-sm min-h-[184px]","hover:shadow-md hover:border-gray-300"],{variants:{status:{default:"border-gray-200",selected:"border-primary-border-active bg-primary-alt-idle shadow-md"}},defaultVariants:{status:"default"}});function mr({asChild:e,className:t,status:i="default",title:o,content:a,tags:n=[],isSelected:l=!1,isChecked:f=!1,onSelect:x,onCheck:d,onCopy:D,onFolder:re,onMarkAsRead:ie,onEdit:ae,onArchive:ne,onDelete:se,timelineProps:le,...pe}){let me=e?rt:"div",de=l?"selected":i,ce=()=>{x?.()},fe=s=>{d?.(s)},ue=()=>{ie?.()},ve=()=>{ae?.()},xe=()=>{ne?.()},he=()=>{se?.()},ye=s=>{switch(s){case"success":return"bg-success-idle text-white";case"warning":return"bg-red-500 text-white";case"info":return"bg-blue-500 text-white";case"restricted":return"bg-layer-1-idle text-gray-700";default:return"bg-white text-gray-700"}};return p("div",{className:"relative flex items-end gap-6",children:[r(te,{...le}),r(me,{className:oe(at({status:de}),t,"flex-1"),onClick:ce,...pe,children:p("div",{className:"mb-3 flex items-start justify-start gap-4",children:[r("div",{role:"button",tabIndex:0,onClick:s=>s.stopPropagation(),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&s.stopPropagation()},children:r(K,{checked:f,className:"size-4",name:`timeline-card-${Math.random()}`,onCheckedChange:fe})}),p("div",{className:"flex w-full flex-col gap-4",children:[p("div",{className:"flex items-start justify-between gap-4",children:[r("div",{className:"flex items-center gap-3",children:r("div",{className:"flex items-center gap-2",children:n.map((s,ge)=>p("div",{className:oe("flex items-center gap-2 rounded px-2 py-1 text-xs font-medium",ye(s.variant)),children:[s.variant==="restricted"&&r(m,{className:"flex h-3 w-3 items-center",name:"lock"}),r("p",{className:"flex items-center text-xs font-medium",children:s.label})]},ge))})}),p("div",{className:"flex items-center gap-2",children:[r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),D?.()},children:r(m,{className:"h-4 w-4",name:"attach_file"})}),r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),re?.()},children:r(m,{className:"h-4 w-4",name:"folder_check_2"})}),p(I,{children:[r(L,{asChild:!0,children:r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>s.stopPropagation(),children:r(m,{className:"h-4 w-4",name:"more_vert"})})}),r(q,{align:"end",children:p(F,{children:[p(u,{onClick:ue,children:[r(m,{className:"flex h-4 w-4 items-center",name:"check"}),r(v,{children:"Marcar como lido"})]}),r(T,{}),p(u,{onClick:ve,children:[r(m,{className:"flex h-4 w-4 items-center",name:"edit"}),r(v,{children:"Editar"})]}),p(u,{onClick:xe,children:[r(m,{className:"flex h-4 w-4 items-center",name:"archive"}),r(v,{children:"Arquivar"})]}),r(T,{}),p(u,{onClick:he,children:[r(m,{className:"flex h-4 w-4 items-center text-red-500",name:"delete"}),r(v,{className:"text-red-500",children:"Excluir"})]})]})})]})]})]}),p("div",{className:"flex flex-col gap-4",children:[r("p",{className:"text-size-body-md-medium text-neutral-dark font-medium",children:o}),r("p",{className:"text-size-body-sm text-neutral-light",children:a})]})]})]})})]})}export{mr as TimelineCard,at as timelineCardVariants};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { type ClassVariantProps } from '@xjur-ui/util';
|
|
3
|
+
export declare const timelineVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
4
|
+
export declare const timelineLineVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
|
+
export declare const timelineDotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
|
+
export declare const timelineDateVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
7
|
+
export interface TimelineProps extends ComponentProps<'div'>, ClassVariantProps<typeof timelineVariants> {
|
|
8
|
+
date?: string;
|
|
9
|
+
showTopLine?: boolean;
|
|
10
|
+
showBottomLine?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare function Timeline({ className, date, showTopLine, showBottomLine, ...props }: TimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{cva as i,cx as e}from"@xjur-ui/util";import{jsx as t,jsxs as r}from"react/jsx-runtime";var p=i(["flex flex-row items-center gap-[40px] h-full"]),n=i(["w-0.5 bg-gray-300 min-h-[82px]"]),c=i(["w-3 h-3 rounded-full bg-gray-400"]),d=i(["text-sm font-medium text-gray-500 w-full"]);function x({className:o,date:l="04/07/2025",showTopLine:a=!0,showBottomLine:s=!0,...m}){return r("div",{className:e(p(),o),...m,children:[r("div",{className:"flex h-full flex-col items-center gap-1",children:[a&&t("div",{className:e(n())}),t("div",{className:e(c())}),s&&t("div",{className:e(n())})]}),t("div",{className:e(d(),!a&&"self-start",!s&&"self-end"),children:l})]})}export{x as Timeline,d as timelineDateVariants,c as timelineDotVariants,n as timelineLineVariants,p as timelineVariants};
|