@xjur-ui/react 3.0.4 → 3.0.6
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 +12 -0
- package/dist/components/avatar/avatar-group.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-link.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-page.js +1 -1
- package/dist/components/breadcrumb/index.js +1 -1
- package/dist/components/chip/chip-avatar.js +1 -1
- package/dist/components/chip/chip-text.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/date-picker-value.js +1 -1
- package/dist/components/controls/date-picker/index.js +1 -1
- package/dist/components/controls/input/index.js +1 -1
- package/dist/components/controls/input/input-currency.js +1 -1
- package/dist/components/controls/input/input-number.d.ts +1 -1
- package/dist/components/controls/input/input-number.js +1 -1
- package/dist/components/controls/progress/index.d.ts +2 -0
- package/dist/components/controls/progress/index.js +1 -0
- package/dist/components/controls/progress.d.ts +9 -0
- package/dist/components/controls/progress.js +1 -0
- package/dist/components/controls/radio.d.ts +13 -3
- package/dist/components/controls/radio.js +1 -1
- package/dist/components/controls/rich-editor.js +1 -1
- package/dist/components/controls/search-input.js +1 -1
- package/dist/components/controls/search-selector.js +1 -1
- package/dist/components/controls/select/index.js +1 -1
- package/dist/components/controls/select/select-content.js +1 -1
- package/dist/components/controls/select/select-header-title.js +1 -1
- package/dist/components/controls/select/select-header.js +1 -1
- package/dist/components/controls/select/select-multi-value.d.ts +1 -3
- package/dist/components/controls/select/select-multi-value.js +1 -1
- package/dist/components/controls/select/select-option-text.js +1 -1
- package/dist/components/controls/select/select-option.d.ts +7 -1
- package/dist/components/controls/select/select-option.js +1 -1
- package/dist/components/controls/select/select-options.js +1 -1
- package/dist/components/controls/select/select-trigger.d.ts +3 -1
- package/dist/components/controls/select/select-trigger.js +1 -1
- package/dist/components/controls/select/select-value.d.ts +3 -2
- package/dist/components/controls/select/select-value.js +1 -1
- package/dist/components/custom/centro-custo/centro-custo-add-button.d.ts +3 -0
- package/dist/components/custom/centro-custo/centro-custo-add-button.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo-body.d.ts +3 -0
- package/dist/components/custom/centro-custo/centro-custo-body.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo-close-button.d.ts +3 -0
- package/dist/components/custom/centro-custo/centro-custo-close-button.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo-content.d.ts +3 -0
- package/dist/components/custom/centro-custo/centro-custo-content.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo-footer.d.ts +3 -0
- package/dist/components/custom/centro-custo/centro-custo-footer.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo-header.d.ts +5 -0
- package/dist/components/custom/centro-custo/centro-custo-header.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo-trigger.d.ts +3 -0
- package/dist/components/custom/centro-custo/centro-custo-trigger.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo.context.d.ts +20 -0
- package/dist/components/custom/centro-custo/centro-custo.context.js +1 -0
- package/dist/components/custom/centro-custo/centro-custo.d.ts +6 -0
- package/dist/components/custom/centro-custo/centro-custo.js +1 -0
- package/dist/components/custom/centro-custo/index.d.ts +9 -0
- package/dist/components/custom/centro-custo/index.js +1 -0
- package/dist/components/custom/empresa/empresa-add-button.d.ts +3 -0
- package/dist/components/custom/empresa/empresa-add-button.js +1 -0
- package/dist/components/custom/empresa/empresa-body.d.ts +3 -0
- package/dist/components/custom/empresa/empresa-body.js +1 -0
- package/dist/components/custom/empresa/empresa-close-button.d.ts +3 -0
- package/dist/components/custom/empresa/empresa-close-button.js +1 -0
- package/dist/components/custom/empresa/empresa-content.d.ts +3 -0
- package/dist/components/custom/empresa/empresa-content.js +1 -0
- package/dist/components/custom/empresa/empresa-footer.d.ts +3 -0
- package/dist/components/custom/empresa/empresa-footer.js +1 -0
- package/dist/components/custom/empresa/empresa-header.d.ts +6 -0
- package/dist/components/custom/empresa/empresa-header.js +1 -0
- package/dist/components/custom/empresa/empresa-table.d.ts +30 -0
- package/dist/components/custom/empresa/empresa-table.js +1 -0
- package/dist/components/custom/empresa/empresa-trigger.d.ts +3 -0
- package/dist/components/custom/empresa/empresa-trigger.js +1 -0
- package/dist/components/custom/empresa/empresa.context.d.ts +20 -0
- package/dist/components/custom/empresa/empresa.context.js +1 -0
- package/dist/components/custom/empresa/empresa.d.ts +6 -0
- package/dist/components/custom/empresa/empresa.js +1 -0
- package/dist/components/custom/empresa/index.d.ts +10 -0
- package/dist/components/custom/empresa/index.js +1 -0
- package/dist/components/dialog/delete-dialog.js +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-header.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-item.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-list.js +1 -1
- package/dist/components/dropdown-menu/index.js +1 -1
- package/dist/components/full-calendar/calendar-cell.js +1 -1
- package/dist/components/full-calendar/calendar-day-view.js +1 -1
- package/dist/components/full-calendar/calendar-event.js +1 -1
- package/dist/components/full-calendar/calendar-month-view.js +1 -1
- package/dist/components/full-calendar/calendar-more-events-dropdown.js +1 -1
- package/dist/components/full-calendar/calendar-navigator.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/calendar-week-day.js +1 -1
- package/dist/components/full-calendar/calendar-week-view.js +1 -1
- package/dist/components/full-calendar/index.js +1 -1
- package/dist/components/list/index.js +1 -1
- package/dist/components/list/list-header-title.js +1 -1
- package/dist/components/status/index.js +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/table-head.js +1 -1
- package/dist/components/table/table-row.d.ts +28 -1
- package/dist/components/table/table-row.js +1 -1
- package/dist/components/tag/index.js +1 -1
- package/dist/components/tag/tag-text.js +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/typography/index.d.ts +1 -1
- package/dist/components/typography/index.js +1 -1
- package/dist/components/upload/index.js +1 -1
- package/dist/index.css +2 -2
- package/package.json +8 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as t}from"@xjur-ui/util";import{jsx as o}from"react/jsx-runtime";function s({className:e,isSelected:a=!1,...r}){return o("tr",{className:t("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",e),"data-selected":a,"data-slot":"table-row",...r})}export{s 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 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 +1 @@
|
|
|
1
|
-
import{cva as x,cx as T}from"@xjur-ui/util";import"react";import{jsx as w}from"react/jsx-runtime";var P=x(["group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function z({className:t,variant:o="primary",disabled:e=!1,...a}){return w("div",{className:T(P({variant:o}),t),"data-disabled":e,...a})}import{cx as S}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as R}from"@xjur-ui/util";import{memo as b,useState as N}from"react";import*as
|
|
1
|
+
import{cva as x,cx as T}from"@xjur-ui/util";import"react";import{jsx as w}from"react/jsx-runtime";var P=x(["group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function z({className:t,variant:o="primary",disabled:e=!1,...a}){return w("div",{className:T(P({variant:o}),t),"data-disabled":e,...a})}import{cx as S}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as R}from"@xjur-ui/util";import{memo as b,useState as N}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as m}from"react/jsx-runtime";function C({delayDuration:t=0,...o}){return m(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return m(C,{children:m(l.Root,{"data-slot":"tooltip",...t})})}import*as _ from"@radix-ui/react-tooltip";import{jsx as k}from"react/jsx-runtime";function f({...t}){return k(_.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as s from"@radix-ui/react-tooltip";import{cx as I}from"@xjur-ui/util";import{jsx as u}from"react/jsx-runtime";function g({className:t,sideOffset:o=1,variant:e="simple",children:a,...r}){return u(s.Portal,{children:u(s.Content,{className:I("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":e,sideOffset:o,...r,children:a})})}import{jsx as p,jsxs as M}from"react/jsx-runtime";var E=R("",{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"}}),d=b(({variant:t,size:o,weight:e,asChild:a,className:r,children:i,...n})=>p(a?V:"span",{className:E({variant:t,size:o,weight:e,className:r}),...n,children:i}));d.displayName="Typography";var L=b(({children:t,...o})=>{let[e,a]=N(!1);return M(c,{children:[p(f,{asChild:!0,children:p(d,{onMouseEnter:({currentTarget:i})=>{let n=i.scrollWidth>i.clientWidth;a(n),n?i.style.cursor="pointer":i.style.cursor="text"},...o,children:t})}),e&&p(g,{children:t})]})});L.displayName="TruncatedTypography";import{jsx as B}from"react/jsx-runtime";function q({variant:t="label",size:o="sm-1x",weight:e="medium",className:a,...r}){return B(d,{className:S(a,"truncate"),size:o,variant:t,weight:e,...r})}import"react";import{cx as A}from"@xjur-ui/util";import{cx as D}from"@xjur-ui/util";import{jsx as W}from"react/jsx-runtime";function v({className:t,filled:o=!1,name:e,...a}){return W("span",{...a,className:D("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:e})}import{jsx as F}from"react/jsx-runtime";function y({className:t,...o}){return F(v,{className:(A("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),t),...o})}import{cx as G}from"@xjur-ui/util";import"react";import{jsx as h}from"react/jsx-runtime";function H({className:t,children:o=h(y,{name:"close"}),...e}){return h("button",{className:G(t,"cursor-pointer bg-inherit","invisible items-center justify-center group-hover/tag:data-[disabled=false]:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),type:"button",...e,children:o})}export{H as TagClose,y as TagIcon,z as TagRoot,q as TagText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as N}from"@xjur-ui/util";import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as g,useState as u}from"react";import*as
|
|
1
|
+
import{cx as N}from"@xjur-ui/util";import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as g,useState as u}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function x({delayDuration:t=0,...o}){return d(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return d(x,{children:d(l.Root,{"data-slot":"tooltip",...t})})}import*as f from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function y({...t}){return h(f.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as b}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function v({className:t,sideOffset:o=1,variant:i="simple",children:e,...a}){return T(n.Portal,{children:T(n.Content,{className:b("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":i,sideOffset:o,...a,children:e})})}import{jsx as p,jsxs as V}from"react/jsx-runtime";var C=P("",{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"}}),m=g(({variant:t,size:o,weight:i,asChild:e,className:a,children:r,...s})=>p(e?z:"span",{className:C({variant:t,size:o,weight:i,className:a}),...s,children:r}));m.displayName="Typography";var R=g(({children:t,...o})=>{let[i,e]=u(!1);return V(c,{children:[p(y,{asChild:!0,children:p(m,{onMouseEnter:({currentTarget:r})=>{let s=r.scrollWidth>r.clientWidth;e(s),s?r.style.cursor="pointer":r.style.cursor="text"},...o,children:t})}),i&&p(v,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as w}from"react/jsx-runtime";function Y({variant:t="label",size:o="sm-1x",weight:i="medium",className:e,...a}){return w(m,{className:N(e,"truncate"),size:o,variant:t,weight:i,...a})}export{Y as TagText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import{cva as u,cx as _}from"@xjur-ui/util";import*as a from"@radix-ui/react-toast";import{cx as k}from"@xjur-ui/util";import{jsx as V}from"react/jsx-runtime";function x({className:e,filled:t=!1,name:r,...i}){return V("span",{...i,className:k("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...i.style},children:r})}import{Slot as D}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as
|
|
1
|
+
import"react";import{cva as u,cx as _}from"@xjur-ui/util";import*as a from"@radix-ui/react-toast";import{cx as k}from"@xjur-ui/util";import{jsx as V}from"react/jsx-runtime";function x({className:e,filled:t=!1,name:r,...i}){return V("span",{...i,className:k("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...i.style},children:r})}import{Slot as D}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as P,useState as L}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as g}from"react/jsx-runtime";function N({delayDuration:e=0,...t}){return g(p.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function b({...e}){return g(N,{children:g(p.Root,{"data-slot":"tooltip",...e})})}import*as w from"@radix-ui/react-tooltip";import{jsx as R}from"react/jsx-runtime";function v({...e}){return R(w.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as c from"@radix-ui/react-tooltip";import{cx as I}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function h({className:e,sideOffset:t=1,variant:r="simple",children:i,...n}){return T(c.Portal,{children:T(c.Content,{className:I("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":r,sideOffset:t,...n,children:i})})}import{jsx as m,jsxs as q}from"react/jsx-runtime";var M=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=P(({variant:e,size:t,weight:r,asChild:i,className:n,children:o,...l})=>m(i?D:"span",{className:M({variant:e,size:t,weight:r,className:n}),...l,children:o}));f.displayName="Typography";var S=P(({children:e,...t})=>{let[r,i]=L(!1);return q(b,{children:[m(v,{asChild:!0,children:m(f,{onMouseEnter:({currentTarget:o})=>{let l=o.scrollWidth>o.clientWidth;i(l),l?o.style.cursor="pointer":o.style.cursor="text"},...t,children:e})}),r&&m(h,{children:e})]})});S.displayName="TruncatedTypography";import{jsx as s,jsxs as d}from"react/jsx-runtime";var B=u(["group pointer-events-auto relative flex w-full items-center justify-between space-x-4 rounded-md p-4 shadow-lg transition-all","data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)]","data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none","data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out","data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full","data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full"],{variants:{variant:{success:"border-l-[4px] border-success-idle bg-success-alt-idle text-success-idle","success-no-border":"bg-success-alt-idle text-success-idle",info:"border-l-[4px] border-neutral-border bg-neutral-surface text-neutral-idle","info-no-border":"bg-neutral-surface text-neutral-idle",warning:"border-l-[4px] border-warning-idle bg-warning-alt-idle text-warning-idle","warning-no-border":"bg-warning-alt-idle text-warning-idle",error:"border-l-[4px] border-danger-idle bg-danger-alt-idle text-danger-idle","error-no-border":"bg-danger-alt-idle text-danger-idle"}},defaultVariants:{variant:"info"}});function xe({className:e,...t}){return s(a.Viewport,{className:_("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]",e),...t})}var F=u(["flex-shrink-0"],{variants:{variant:{success:"text-success-idle","success-no-border":"text-success-idle",info:"text-neutral-idle","info-no-border":"text-neutral-idle",warning:"text-warning-idle","warning-no-border":"text-warning-idle",error:"text-danger-idle","error-no-border":"text-danger-idle"}},defaultVariants:{variant:"info"}}),W=u(["absolute top-2 right-2 rounded-md py-2 opacity-100 transition-opacity focus:opacity-100 focus:ring-2 focus:outline-none"],{variants:{variant:{success:"text-success-idle hover:text-success-idle/80","success-no-border":"text-success-idle hover:text-success-idle/80",info:"text-neutral-idle hover:text-neutral-idle/80","info-no-border":"text-neutral-idle hover:text-neutral-idle/80",warning:"text-warning-idle hover:text-warning-idle/80","warning-no-border":"text-warning-idle hover:text-warning-idle/80",error:"text-danger-idle hover:text-danger-idle/80","error-no-border":"text-danger-idle hover:text-danger-idle/80"}},defaultVariants:{variant:"info"}}),z=u(["h-4 w-4"],{variants:{variant:{success:"text-success-idle","success-no-border":"text-success-idle",info:"text-neutral-idle","info-no-border":"text-neutral-idle",warning:"text-warning-idle","warning-no-border":"text-warning-idle",error:"text-danger-idle","error-no-border":"text-danger-idle"}},defaultVariants:{variant:"info"}});function ge({children:e,className:t,description:r,dismissible:i=!0,onDismiss:n,variant:o="info",...l}){let y=()=>{switch(o){case"success":return"check";case"warning":return"warning";case"error":return"error";default:return"info"}},C=()=>{n?.()};return d(a.Root,{className:_(B({variant:o}),t),...l,children:[d("div",{className:"flex items-center space-x-3 pl-4",children:[s(x,{className:_(F({variant:o}),"text-lg"),name:y()}),d("div",{className:"flex-1",children:[r&&s(a.Description,{asChild:!0,className:z({variant:o}),children:s(f,{size:"sm",variant:"body",children:r})}),e]})]}),i&&d(a.Close,{className:W({variant:o}),onClick:C,children:[s(x,{className:z({variant:o}),name:"close"}),s("span",{className:"sr-only",children:"Fechar"})]})]})}function be({children:e,...t}){return d(a.Provider,{swipeDirection:"right",...t,children:[e,s(a.Viewport,{className:"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]"})]})}export{ge as ToastComponent,be as ToastProvider,xe as ToastViewport};
|
|
@@ -8,6 +8,6 @@ declare const typographyVariants: (props?: ({
|
|
|
8
8
|
export interface TypographyProps extends ComponentProps<'base'>, ClassVariantProps<typeof typographyVariants> {
|
|
9
9
|
asChild?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const Typography: import("react").MemoExoticComponent<({ variant, size, weight, asChild, className, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element>;
|
|
11
|
+
export declare const Typography: import("react").MemoExoticComponent<({ variant, size, weight, asChild, className, children, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element>;
|
|
12
12
|
export declare const TruncatedTypography: import("react").MemoExoticComponent<({ children, ...props }: React.ComponentProps<typeof Typography>) => import("react/jsx-runtime").JSX.Element>;
|
|
13
13
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as T,useState as u}from"react";import*as
|
|
1
|
+
import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as T,useState as u}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as m}from"react/jsx-runtime";function x({delayDuration:t=0,...o}){return m(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function d({...t}){return m(x,{children:m(s.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function c({...t}){return b(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as h}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function v({className:t,sideOffset:o=1,variant:e="simple",children:a,...r}){return f(n.Portal,{children:f(n.Content,{className:h("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":e,sideOffset:o,...r,children:a})})}import{jsx as p,jsxs as V}from"react/jsx-runtime";var C=P("",{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"}}),g=T(({variant:t,size:o,weight:e,asChild:a,className:r,children:i,...l})=>p(a?z:"span",{className:C({variant:t,size:o,weight:e,className:r}),...l,children:i}));g.displayName="Typography";var R=T(({children:t,...o})=>{let[e,a]=u(!1);return V(d,{children:[p(c,{asChild:!0,children:p(g,{onMouseEnter:({currentTarget:i})=>{let l=i.scrollWidth>i.clientWidth;a(l),l?i.style.cursor="pointer":i.style.cursor="text"},...o,children:t})}),e&&p(v,{children:t})]})});R.displayName="TruncatedTypography";export{R as TruncatedTypography,g as Typography};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as Pt,useState as xe,useCallback as w,createContext as wt,useContext as Tt}from"react";import{cva as _t,cx as T}from"@xjur-ui/util";import{cx as ze}from"@xjur-ui/util";import{jsx as Ne}from"react/jsx-runtime";function P({className:e,filled:t=!1,name:o,...r}){return Ne("span",{...r,className:ze("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{Slot as Se}from"@radix-ui/react-slot";import{cva as Fe,cx as Ie}from"@xjur-ui/util";import{jsx as Ve}from"react/jsx-runtime";var Re=Fe(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function H({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return Ve(e?Se:"button",{className:Ie(Re({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as F from"@radix-ui/react-switch";import{cx as ae}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function ie({className:e,...t}){return ne(F.Root,{className:ae("w-large-3x h-large rounded-circle inline-flex shrink-0 items-center border border-transparent","peer data-[state=checked]:bg-primary-idle data-[state=unchecked]:bg-alt-4","focus-visible:border-ring focus-visible:ring-ring/50 transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50","hover:shadow-focus-primary p-[2px]",e),"data-slot":"switch",...t,children:ne(F.Thumb,{className:ae("bg-layer-2-idle size-medium pointer-events-none rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"),"data-slot":"switch-thumb"})})}import{createContext as Me,useContext as Le}from"react";var k=Me({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function d(){let e=Le(k);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as Oe}from"@xjur-ui/util";var c=Oe({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as le}from"react/jsx-runtime";var{wrapper:Ae}=c();function U({className:e,state:t="normal",customMask:o,variant:r="normal",mask:i,...a}){return le(k.Provider,{value:{state:t,customMask:o,mask:i,variant:r},children:le("div",{className:Ae({className:e,state:t}),...a})})}import{jsx as De}from"react/jsx-runtime";var{content:Ee}=c();function B({className:e,...t}){let{state:o}=d();return De("div",{className:Ee({className:e,state:o}),...t})}import{tv as ao}from"@xjur-ui/util";import{jsx as lo}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";import{tv as go,twMerge as xo}from"@xjur-ui/util";import{jsx as Co}from"react/jsx-runtime";var{trigger:yo}=c();import{InputMask as ko}from"@react-input/mask";import{jsx as Ro}from"react/jsx-runtime";var{value:Fo}=c();import{jsx as Ue}from"react/jsx-runtime";var{value:He}=c();function q({className:e,placeholder:t,...o}){let{state:r,variant:i}=d();return Ue("input",{...o,className:He({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled"})}import{NumericFormat as Do}from"react-number-format";import{jsx as Ko}from"react/jsx-runtime";var{value:Bo}=c();import{jsx as Xo}from"react/jsx-runtime";var{icon:Yo}=c();import{jsx as rr}from"react/jsx-runtime";var{slotText:tr}=c();import{jsx as pr}from"react/jsx-runtime";var{caption:lr}=c();import{jsx as gr}from"react/jsx-runtime";var{action:ur}=c();import"react";import*as Be from"@radix-ui/react-separator";import{cx as yr}from"@xjur-ui/util";import{jsx as Cr}from"react/jsx-runtime";import{jsx as Nr,jsxs as Sr}from"react/jsx-runtime";import{twMerge as Rr}from"@xjur-ui/util";import{jsx as Or,jsxs as Ar}from"react/jsx-runtime";import*as pe from"@radix-ui/react-popover";import{tv as We}from"@xjur-ui/util";var h=We({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 K}from"react/jsx-runtime";var{wrapper:Je}=h();function $({className:e,state:t="normal",defaultOpen:o,variant:r="normal",modal:i,open:a,onOpenChange:p,...x}){return K(pe.Root,{defaultOpen:o,modal:i,open:a,onOpenChange:p,children:K(k.Provider,{value:{state:t,variant:r},children:K("div",{className:Je({className:e,state:t}),...x})})})}import{tv as Ge,twMerge as Ye}from"@xjur-ui/util";import*as me from"@radix-ui/react-popover";import{jsx as Xe}from"react/jsx-runtime";var{trigger:Qe}=h();function W({className:e,...t}){let{state:o,variant:r}=d(),i=Ge({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"]}}}),a=Ye(Qe({state:o,className:e}),r==="filter"&&i({state:o,className:e}));return Xe(me.Trigger,{className:a,disabled:o==="disabled",...t})}import{jsx as wa}from"react/jsx-runtime";var{icon:Ca}=h();import{twJoin as qa}from"@xjur-ui/util";import{useMemo as $a}from"react";import{Slot as tt}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as ue,useState as rt}from"react";import*as I from"@radix-ui/react-tooltip";import{jsx as J}from"react/jsx-runtime";function Ze({delayDuration:e=0,...t}){return J(I.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function G({...e}){return J(Ze,{children:J(I.Root,{"data-slot":"tooltip",...e})})}import*as de from"@radix-ui/react-tooltip";import{jsx as je}from"react/jsx-runtime";function Y({...e}){return je(de.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as R from"@radix-ui/react-tooltip";import{cx as et}from"@xjur-ui/util";import{jsx as ce}from"react/jsx-runtime";function Q({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return ce(R.Portal,{children:ce(R.Content,{className:et("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":o,sideOffset:t,...i,children:r})})}import{jsx as V,jsxs as nt}from"react/jsx-runtime";var at=ot("",{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"}}),z=ue(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>V(r?tt:"span",{className:at({variant:e,size:t,weight:o,className:i}),...a}));z.displayName="Typography";var fe=ue(({children:e,...t})=>{let[o,r]=rt(!1);return nt(G,{children:[V(Y,{asChild:!0,children:V(z,{onMouseEnter:({currentTarget:a})=>{let p=a.scrollWidth>a.clientWidth;r(p),p?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),o&&V(Q,{children:e})]})});fe.displayName="TruncatedTypography";import{jsx as Qa,jsxs as Xa}from"react/jsx-runtime";import{twMerge as en}from"@xjur-ui/util";import{Fragment as on,useMemo as rn}from"react";import{jsx as pn,jsxs as mn}from"react/jsx-runtime";import*as L from"@radix-ui/react-popover";import{Slot as lt}from"@radix-ui/react-slot";import{cx as st}from"@xjur-ui/util";import{useVirtualizer as pt}from"@tanstack/react-virtual";import{useRef as mt}from"react";import{createContext as it}from"react";var M=it({virtualizer:null,enabled:!1});import{jsx as ge}from"react/jsx-runtime";function X({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:p=5,...x}){let b=t?lt:"div",f=mt(null),y=pt({count:i,getScrollElement:()=>f.current,estimateSize:a,overscan:p,enabled:r});return ge(M.Provider,{value:{virtualizer:y,enabled:r},children:ge(b,{...x,className:st(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:f,children:o})})}import{Slot as Pn}from"@radix-ui/react-slot";import{cx as Tn}from"@xjur-ui/util";import{jsx as kn}from"react/jsx-runtime";import{cx as Sn}from"@xjur-ui/util";import{jsx as Rn}from"react/jsx-runtime";import{Slot as Ln}from"@radix-ui/react-slot";import{cx as An}from"@xjur-ui/util";import{useContext as Dn}from"react";import{jsx as Bn}from"react/jsx-runtime";import{Slot as dt}from"@radix-ui/react-slot";import{cx as ct,cva as ut}from"@xjur-ui/util";import{jsx as gt}from"react/jsx-runtime";var ft=ut(["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 Z({className:e,size:t,isActive:o,asChild:r,...i}){return gt(r?dt:"li",{...i,className:ct(ft({size:t,isActive:o}),e)})}import{jsx as j}from"react/jsx-runtime";var{content:yt}=h();function ee({className:e,sideOffset:t=5,side:o="bottom",align:r="start",children:i,virtualized:a=!1,overscan:p=5,estimateSize:x=()=>32,...b}){let{state:f}=d();return j(L.Portal,{children:j(L.Content,{align:r,className:yt({className:e,state:f}),side:o,sideOffset:t,...b,children:j(X,{estimateSize:x,overscan:p,virtualized:a,children:i})})})}import{jsx as mi}from"react/jsx-runtime";var{caption:si}=h();import{jsx as xi}from"react/jsx-runtime";var{slotText:fi}=h();import{jsx as hi}from"react/jsx-runtime";import{twMerge as ht}from"@xjur-ui/util";import{jsx as Ct}from"react/jsx-runtime";function te({className:e,...t}){return Ct(Z,{className:ht(e,"cursor-pointer"),...t})}import{twMerge as zi}from"@xjur-ui/util";import{jsx as Fi}from"react/jsx-runtime";import{jsx as Mi}from"react/jsx-runtime";import{jsx as Ei}from"react/jsx-runtime";import{jsx as n,jsxs as C}from"react/jsx-runtime";var ve=wt(null);function O(){let e=Tt(ve);if(!e)throw new Error("Upload components must be used within UploadRoot");return e}function kt({children:e,className:t,files:o,onFilesChange:r,accept:i,multiple:a=!1,disabled:p=!1,maxFiles:x=1,maxSize:b,acceptedFormats:f=[".jpeg",".png",".webp"],...y}){return n(ve.Provider,{value:{files:o,onFilesChange:r,accept:i,multiple:a,disabled:p,maxFiles:x,maxSize:b,acceptedFormats:f},children:n("div",{className:T("flex flex-col gap-4",t),...y,children:e})})}var zt=_t(["flex flex-col items-center justify-center","relative border-2 border-dashed border-border-layer-2 rounded-lg transition-all duration-200 ease-in-out cursor-pointer","hover:border-border-layer-2 hover:bg-transparent","focus-within:border-primary-idle focus-within:ring-2 focus-within:ring-primary-idle/20","data-[drag-over=true]:border-primary-idle data-[drag-over=true]:bg-primary-alt-idle/10"],{variants:{size:{large:"p-6 min-h-[200px] ",medium:"p-6 min-h-[160px]",small:"p-6 min-h-[130px]",oneLine:"p-4 min-h-[18px]"},showButton:{true:"",false:""},variant:{default:"bg-white",transparent:"bg-transparent",minimal:"bg-white",oneLineWhite:"bg-white",oneLineTransparent:"bg-transparent"}},compoundVariants:[{size:"large",showButton:!0},{size:"medium",showButton:!0},{size:"small",showButton:!0},{variant:"oneLineWhite",showButton:!1,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:!1,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:!0}});function Nt({className:e,size:t="large",showButton:o=!0,variant:r="default",showAcceptedFormats:i=!0,buttonText:a="Selecionar arquivo",description:p="Clique ou solte os arquivos para fazer o upload",icon:x="upload",...b}){let{onFilesChange:f,accept:y,multiple:m,disabled:s,maxFiles:l,maxSize:_,acceptedFormats:oe}=O(),[he,A]=xe(!1),N=Pt(null),[re,E]=xe(0),S=w(u=>{let g=u;return l&&l>0&&(g=g.slice(0,l)),_&&(g=g.filter(v=>v.size<=_)),y&&(g=g.filter(v=>{let ke=`.${v.name.split(".").pop()?.toLowerCase()}`;return oe?.some(D=>D.startsWith(".")?D===ke:v.type.includes(D))})),g.map(v=>({name:v.name,type:v.type,fileBinary:v,restrict:!1}))},[l,_,y,oe]),Ce=w(u=>{u.preventDefault(),u.stopPropagation(),E(g=>g+1),A(!0)},[]),Pe=w(u=>{u.preventDefault(),u.stopPropagation(),E(g=>g-1),re<=1&&A(!1)},[re]),we=w(u=>{u.preventDefault(),u.stopPropagation()},[]),Te=w(u=>{if(u.preventDefault(),u.stopPropagation(),A(!1),E(0),s)return;let g=Array.from(u.dataTransfer.files),v=S(g);v.length>0&&f?.(v)},[s,f,S]),_e=w(u=>{if(s)return;let g=Array.from(u.target.files||[]),v=S(g);v.length>0&&f?.(v)},[s,f,S]);return C(ye,{...b,"aria-disabled":s,"aria-label":p,className:T(zt({size:t,showButton:o,variant:r}),e),"data-drag-over":he,fileInputRef:N,onDragEnter:Ce,onDragLeave:Pe,onDragOver:we,onDrop:Te,children:[n("input",{accept:y,className:"hidden",disabled:s,multiple:m,ref:N,type:"file",onChange:_e}),n(be,{buttonText:a,description:p,icon:x,showAcceptedFormats:i,showButton:o,variant:r||"default",onButtonClick:()=>{!s&&N.current&&N.current.click()}})]})}function St({children:e,className:t,...o}){return n("h3",{className:T("text-neutral-dark text-lg font-semibold",t),...o,children:e})}function be({description:e="Clique ou solte os arquivos para fazer o upload",icon:t="upload",showAcceptedFormats:o=!0,buttonText:r="Selecionar arquivo",showButton:i=!0,onButtonClick:a,variant:p="default",className:x,...b}){let{acceptedFormats:f}=O(),y=()=>o?C("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",f?.join(" ")]}):null;return p==="oneLineWhite"||p==="oneLineTransparent"?C("div",{...b,className:T("flex h-full items-center justify-center gap-4 text-center",x),children:[n(P,{className:"text-neutral-secondary text-4xl",name:t}),n("p",{className:"text-neutral-dark text-base font-medium",children:e}),y()]}):C("div",{...b,className:T("flex h-full w-full flex-col items-center gap-4 text-center",x),children:[C("div",{className:"flex flex-col items-center",children:[n(P,{className:"text-neutral-secondary mb-3 text-4xl",name:t}),n("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:e}),y()]}),i&&n("div",{children:n(H,{size:"md",variant:"primary",onClick:s=>{s.stopPropagation(),a?.()},children:r})})]})}function ye({children:e,fileInputRef:t,...o}){let{disabled:r}=O(),i=w(()=>{!r&&t?.current&&t.current.click()},[r,t]);return n("div",{role:"button",tabIndex:r?-1:0,onClick:i,onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),i())},...o,children:e})}function Ft({fileTypeOptions:e=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:t,onDeleteFile:o,className:r,...i}){let{files:a,onFilesChange:p}=O();if(!a||a.length===0)return null;let x=(m,s)=>{if(t)t(m,{description:s});else{let l=[...a];l[m]={...l[m],description:s},p?.(l)}},b=(m,s)=>{if(t)t(m,{fileType:s});else{let l=[...a];l[m]={...l[m],fileType:s},p?.(l)}},f=(m,s)=>{if(t)t(m,{restrict:s});else{let l=[...a];l[m]={...l[m],restrict:s},p?.(l)}},y=m=>{if(o)o(m);else{let s=a.filter((l,_)=>_!==m);p?.(s)}};return n("div",{className:T("space-y-2",r),...i,children:C("div",{className:"border-border-layer-2 p-4",children:[C("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[n("div",{className:"w-full",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),n("div",{className:"w-full",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),n("div",{className:"flex justify-end",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),n("div",{className:"space-y-3",children:a.map((m,s)=>C("div",{className:"flex flex-row items-center gap-4 py-3",children:[n("div",{className:"flex justify-start",children:n(P,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),n("div",{className:"w-full",children:n(U,{children:n(B,{children:n(q,{placeholder:"Nome do arquivo",value:m.description||m.name,onChange:l=>x(s,l.target.value)})})})}),n("div",{className:"w-full",children:C($,{children:[C(W,{className:"flex justify-between",children:[n("span",{className:"text-neutral-dark",children:e.find(l=>l.value===m.fileType)?.label||"Tipo"}),n(P,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),n(ee,{children:e.map(l=>n(te,{value:l.value,onSelect:()=>b(s,l.value),children:l.label},l.value))})]})}),n("div",{className:"flex justify-end",children:n(ie,{checked:m.restrict||!1,onCheckedChange:l=>f(s,l)})}),n("div",{className:"flex justify-end",children:n(H,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>y(s),children:n(P,{name:"delete"})})})]},s))})]})})}var xl={Root:kt,Area:Nt,Title:St,AreaContent:be,AreaTrigger:ye,EditableList:Ft};export{Ft as EditableFilesList,xl as Upload,Nt as UploadArea,be as UploadAreaContent,ye as UploadAreaTrigger,kt as UploadRoot,St as UploadTitle,zt as uploadAreaVariants};
|
|
1
|
+
import{useRef as Pt,useState as xe,useCallback as w,createContext as wt,useContext as Tt}from"react";import{cva as _t,cx as T}from"@xjur-ui/util";import{cx as ze}from"@xjur-ui/util";import{jsx as Ne}from"react/jsx-runtime";function P({className:e,filled:t=!1,name:o,...r}){return Ne("span",{...r,className:ze("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{Slot as Se}from"@radix-ui/react-slot";import{cva as Fe,cx as Ie}from"@xjur-ui/util";import{jsx as Ve}from"react/jsx-runtime";var Re=Fe(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function H({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return Ve(e?Se:"button",{className:Ie(Re({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as F from"@radix-ui/react-switch";import{cx as ae}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function ie({className:e,...t}){return ne(F.Root,{className:ae("w-large-3x h-large rounded-circle inline-flex shrink-0 items-center border border-transparent","peer data-[state=checked]:bg-primary-idle data-[state=unchecked]:bg-alt-4","focus-visible:border-ring focus-visible:ring-ring/50 transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50","hover:shadow-focus-primary p-[2px]",e),"data-slot":"switch",...t,children:ne(F.Thumb,{className:ae("bg-layer-2-idle size-medium pointer-events-none rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"),"data-slot":"switch-thumb"})})}import{createContext as Me,useContext as Le}from"react";var k=Me({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function d(){let e=Le(k);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as Oe}from"@xjur-ui/util";var c=Oe({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as le}from"react/jsx-runtime";var{wrapper:Ae}=c();function U({className:e,state:t="normal",customMask:o,variant:r="normal",mask:i,...a}){return le(k.Provider,{value:{state:t,customMask:o,mask:i,variant:r},children:le("div",{className:Ae({className:e,state:t}),...a})})}import{jsx as De}from"react/jsx-runtime";var{content:Ee}=c();function B({className:e,...t}){let{state:o}=d();return De("div",{className:Ee({className:e,state:o}),...t})}import{tv as ao}from"@xjur-ui/util";import{jsx as lo}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";import{tv as go,twMerge as xo}from"@xjur-ui/util";import{jsx as Co}from"react/jsx-runtime";var{trigger:yo}=c();import{InputMask as ko}from"@react-input/mask";import{jsx as Ro}from"react/jsx-runtime";var{value:Fo}=c();import{jsx as Ue}from"react/jsx-runtime";var{value:He}=c();function q({className:e,placeholder:t,...o}){let{state:r,variant:i}=d();return Ue("input",{...o,className:He({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled"})}import{NumericFormat as Do}from"react-number-format";import{jsx as Ko}from"react/jsx-runtime";var{value:Bo}=c();import{jsx as Xo}from"react/jsx-runtime";var{icon:Yo}=c();import{jsx as rr}from"react/jsx-runtime";var{slotText:tr}=c();import{jsx as pr}from"react/jsx-runtime";var{caption:lr}=c();import{jsx as gr}from"react/jsx-runtime";var{action:ur}=c();import"react";import*as Be from"@radix-ui/react-separator";import{cx as yr}from"@xjur-ui/util";import{jsx as Cr}from"react/jsx-runtime";import{jsx as Nr,jsxs as Sr}from"react/jsx-runtime";import{twMerge as Rr}from"@xjur-ui/util";import{jsx as Or,jsxs as Ar}from"react/jsx-runtime";import*as pe from"@radix-ui/react-popover";import{tv as We}from"@xjur-ui/util";var h=We({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 K}from"react/jsx-runtime";var{wrapper:Je}=h();function $({className:e,state:t="normal",defaultOpen:o,variant:r="normal",modal:i,open:a,onOpenChange:p,...f}){return K(pe.Root,{defaultOpen:o,modal:i,open:a,onOpenChange:p,children:K(k.Provider,{value:{state:t,variant:r},children:K("div",{className:Je({className:e,state:t}),...f})})})}import{tv as Ge,twMerge as Ye}from"@xjur-ui/util";import*as me from"@radix-ui/react-popover";import{jsx as Xe}from"react/jsx-runtime";var{trigger:Qe}=h();function W({className:e,...t}){let{state:o,variant:r}=d(),i=Ge({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"]}}}),a=Ye(Qe({state:o,className:e}),r==="filter"&&i({state:o,className:e}));return Xe(me.Trigger,{className:a,disabled:o==="disabled",...t})}import{jsx as wa}from"react/jsx-runtime";var{icon:Ca}=h();import{twJoin as qa}from"@xjur-ui/util";import{useMemo as $a}from"react";import{Slot as tt}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as ue,useState as rt}from"react";import*as I from"@radix-ui/react-tooltip";import{jsx as J}from"react/jsx-runtime";function Ze({delayDuration:e=0,...t}){return J(I.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function G({...e}){return J(Ze,{children:J(I.Root,{"data-slot":"tooltip",...e})})}import*as de from"@radix-ui/react-tooltip";import{jsx as je}from"react/jsx-runtime";function Y({...e}){return je(de.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as R from"@radix-ui/react-tooltip";import{cx as et}from"@xjur-ui/util";import{jsx as ce}from"react/jsx-runtime";function Q({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return ce(R.Portal,{children:ce(R.Content,{className:et("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":o,sideOffset:t,...i,children:r})})}import{jsx as V,jsxs as nt}from"react/jsx-runtime";var at=ot("",{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"}}),z=ue(({variant:e,size:t,weight:o,asChild:r,className:i,children:a,...p})=>V(r?tt:"span",{className:at({variant:e,size:t,weight:o,className:i}),...p,children:a}));z.displayName="Typography";var fe=ue(({children:e,...t})=>{let[o,r]=rt(!1);return nt(G,{children:[V(Y,{asChild:!0,children:V(z,{onMouseEnter:({currentTarget:a})=>{let p=a.scrollWidth>a.clientWidth;r(p),p?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),o&&V(Q,{children:e})]})});fe.displayName="TruncatedTypography";import{jsx as Qa,jsxs as Xa}from"react/jsx-runtime";import{twMerge as en}from"@xjur-ui/util";import{Fragment as on,useMemo as rn}from"react";import{jsx as pn,jsxs as mn}from"react/jsx-runtime";import*as L from"@radix-ui/react-popover";import{Slot as lt}from"@radix-ui/react-slot";import{cx as st}from"@xjur-ui/util";import{useVirtualizer as pt}from"@tanstack/react-virtual";import{useRef as mt}from"react";import{createContext as it}from"react";var M=it({virtualizer:null,enabled:!1});import{jsx as ge}from"react/jsx-runtime";function X({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:p=5,...f}){let b=t?lt:"div",g=mt(null),y=pt({count:i,getScrollElement:()=>g.current,estimateSize:a,overscan:p,enabled:r});return ge(M.Provider,{value:{virtualizer:y,enabled:r},children:ge(b,{...f,className:st(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:g,children:o})})}import{Slot as Pn}from"@radix-ui/react-slot";import{cx as Tn}from"@xjur-ui/util";import{jsx as kn}from"react/jsx-runtime";import{cx as Sn}from"@xjur-ui/util";import{jsx as Rn}from"react/jsx-runtime";import{Slot as Ln}from"@radix-ui/react-slot";import{cx as An}from"@xjur-ui/util";import{useContext as Dn}from"react";import{jsx as Bn}from"react/jsx-runtime";import{Slot as dt}from"@radix-ui/react-slot";import{cx as ct,cva as ut}from"@xjur-ui/util";import{jsx as gt}from"react/jsx-runtime";var ft=ut(["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 Z({className:e,size:t,isActive:o,asChild:r,...i}){return gt(r?dt:"li",{...i,className:ct(ft({size:t,isActive:o}),e)})}import{jsx as j}from"react/jsx-runtime";var{content:yt}=h();function ee({className:e,sideOffset:t=5,side:o="bottom",align:r="start",children:i,virtualized:a=!1,overscan:p=5,estimateSize:f=()=>32,...b}){let{state:g}=d();return j(L.Portal,{children:j(L.Content,{align:r,className:yt({className:e,state:g}),side:o,sideOffset:t,...b,children:j(X,{estimateSize:f,overscan:p,virtualized:a,children:i})})})}import{jsx as mi}from"react/jsx-runtime";var{caption:si}=h();import{jsx as xi}from"react/jsx-runtime";var{slotText:fi}=h();import{jsx as hi}from"react/jsx-runtime";import{twMerge as ht}from"@xjur-ui/util";import{jsx as Ct}from"react/jsx-runtime";function te({className:e,value:t,...o}){return Ct(Z,{className:ht(e,"cursor-pointer"),value:typeof t=="object"?t?.value:t,...o})}import{twMerge as zi}from"@xjur-ui/util";import{jsx as Fi}from"react/jsx-runtime";import{jsx as Mi}from"react/jsx-runtime";import{jsx as Ei}from"react/jsx-runtime";import{jsx as n,jsxs as C}from"react/jsx-runtime";var ve=wt(null);function O(){let e=Tt(ve);if(!e)throw new Error("Upload components must be used within UploadRoot");return e}function kt({children:e,className:t,files:o,onFilesChange:r,accept:i,multiple:a=!1,disabled:p=!1,maxFiles:f=1,maxSize:b,acceptedFormats:g=[".jpeg",".png",".webp"],...y}){return n(ve.Provider,{value:{files:o,onFilesChange:r,accept:i,multiple:a,disabled:p,maxFiles:f,maxSize:b,acceptedFormats:g},children:n("div",{className:T("flex flex-col gap-4",t),...y,children:e})})}var zt=_t(["flex flex-col items-center justify-center","relative border-2 border-dashed border-border-layer-2 rounded-lg transition-all duration-200 ease-in-out cursor-pointer","hover:border-border-layer-2 hover:bg-transparent","focus-within:border-primary-idle focus-within:ring-2 focus-within:ring-primary-idle/20","data-[drag-over=true]:border-primary-idle data-[drag-over=true]:bg-primary-alt-idle/10"],{variants:{size:{large:"p-6 min-h-[200px] ",medium:"p-6 min-h-[160px]",small:"p-6 min-h-[130px]",oneLine:"p-4 min-h-[18px]"},showButton:{true:"",false:""},variant:{default:"bg-white",transparent:"bg-transparent",minimal:"bg-white",oneLineWhite:"bg-white",oneLineTransparent:"bg-transparent"}},compoundVariants:[{size:"large",showButton:!0},{size:"medium",showButton:!0},{size:"small",showButton:!0},{variant:"oneLineWhite",showButton:!1,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:!1,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:!0}});function Nt({className:e,size:t="large",showButton:o=!0,variant:r="default",showAcceptedFormats:i=!0,buttonText:a="Selecionar arquivo",description:p="Clique ou solte os arquivos para fazer o upload",icon:f="upload",...b}){let{onFilesChange:g,accept:y,multiple:m,disabled:s,maxFiles:l,maxSize:_,acceptedFormats:oe}=O(),[he,A]=xe(!1),N=Pt(null),[re,E]=xe(0),S=w(u=>{let x=u;return l&&l>0&&(x=x.slice(0,l)),_&&(x=x.filter(v=>v.size<=_)),y&&(x=x.filter(v=>{let ke=`.${v.name.split(".").pop()?.toLowerCase()}`;return oe?.some(D=>D.startsWith(".")?D===ke:v.type.includes(D))})),x.map(v=>({name:v.name,type:v.type,fileBinary:v,restrict:!1}))},[l,_,y,oe]),Ce=w(u=>{u.preventDefault(),u.stopPropagation(),E(x=>x+1),A(!0)},[]),Pe=w(u=>{u.preventDefault(),u.stopPropagation(),E(x=>x-1),re<=1&&A(!1)},[re]),we=w(u=>{u.preventDefault(),u.stopPropagation()},[]),Te=w(u=>{if(u.preventDefault(),u.stopPropagation(),A(!1),E(0),s)return;let x=Array.from(u.dataTransfer.files),v=S(x);v.length>0&&g?.(v)},[s,g,S]),_e=w(u=>{if(s)return;let x=Array.from(u.target.files||[]),v=S(x);v.length>0&&g?.(v)},[s,g,S]);return C(ye,{...b,"aria-disabled":s,"aria-label":p,className:T(zt({size:t,showButton:o,variant:r}),e),"data-drag-over":he,fileInputRef:N,onDragEnter:Ce,onDragLeave:Pe,onDragOver:we,onDrop:Te,children:[n("input",{accept:y,className:"hidden",disabled:s,multiple:m,ref:N,type:"file",onChange:_e}),n(be,{buttonText:a,description:p,icon:f,showAcceptedFormats:i,showButton:o,variant:r||"default",onButtonClick:()=>{!s&&N.current&&N.current.click()}})]})}function St({children:e,className:t,...o}){return n("h3",{className:T("text-neutral-dark text-lg font-semibold",t),...o,children:e})}function be({description:e="Clique ou solte os arquivos para fazer o upload",icon:t="upload",showAcceptedFormats:o=!0,buttonText:r="Selecionar arquivo",showButton:i=!0,onButtonClick:a,variant:p="default",className:f,...b}){let{acceptedFormats:g}=O(),y=()=>o?C("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",g?.join(" ")]}):null;return p==="oneLineWhite"||p==="oneLineTransparent"?C("div",{...b,className:T("flex h-full items-center justify-center gap-4 text-center",f),children:[n(P,{className:"text-neutral-secondary text-4xl",name:t}),n("p",{className:"text-neutral-dark text-base font-medium",children:e}),y()]}):C("div",{...b,className:T("flex h-full w-full flex-col items-center gap-4 text-center",f),children:[C("div",{className:"flex flex-col items-center",children:[n(P,{className:"text-neutral-secondary mb-3 text-4xl",name:t}),n("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:e}),y()]}),i&&n("div",{children:n(H,{size:"md",variant:"primary",onClick:s=>{s.stopPropagation(),a?.()},children:r})})]})}function ye({children:e,fileInputRef:t,...o}){let{disabled:r}=O(),i=w(()=>{!r&&t?.current&&t.current.click()},[r,t]);return n("div",{role:"button",tabIndex:r?-1:0,onClick:i,onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),i())},...o,children:e})}function Ft({fileTypeOptions:e=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:t,onDeleteFile:o,className:r,...i}){let{files:a,onFilesChange:p}=O();if(!a||a.length===0)return null;let f=(m,s)=>{if(t)t(m,{description:s});else{let l=[...a];l[m]={...l[m],description:s},p?.(l)}},b=(m,s)=>{if(t)t(m,{fileType:s});else{let l=[...a];l[m]={...l[m],fileType:s},p?.(l)}},g=(m,s)=>{if(t)t(m,{restrict:s});else{let l=[...a];l[m]={...l[m],restrict:s},p?.(l)}},y=m=>{if(o)o(m);else{let s=a.filter((l,_)=>_!==m);p?.(s)}};return n("div",{className:T("space-y-2",r),...i,children:C("div",{className:"border-border-layer-2 p-4",children:[C("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[n("div",{className:"w-full",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),n("div",{className:"w-full",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),n("div",{className:"flex justify-end",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),n("div",{className:"space-y-3",children:a.map((m,s)=>C("div",{className:"flex flex-row items-center gap-4 py-3",children:[n("div",{className:"flex justify-start",children:n(P,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),n("div",{className:"w-full",children:n(U,{children:n(B,{children:n(q,{placeholder:"Nome do arquivo",value:m.description||m.name,onChange:l=>f(s,l.target.value)})})})}),n("div",{className:"w-full",children:C($,{children:[C(W,{className:"flex justify-between",children:[n("span",{className:"text-neutral-dark",children:e.find(l=>l.value===m.fileType)?.label||"Tipo"}),n(P,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),n(ee,{children:e.map(l=>n(te,{value:l.value,onSelect:()=>b(s,l.value),children:l.label},l.value))})]})}),n("div",{className:"flex justify-end",children:n(ie,{checked:m.restrict||!1,onCheckedChange:l=>g(s,l)})}),n("div",{className:"flex justify-end",children:n(H,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>y(s),children:n(P,{name:"delete"})})})]},s))})]})})}var xl={Root:kt,Area:Nt,Title:St,AreaContent:be,AreaTrigger:ye,EditableList:Ft};export{Ft as EditableFilesList,xl as Upload,Nt as UploadArea,be as UploadAreaContent,ye as UploadAreaTrigger,kt as UploadRoot,St as UploadTitle,zt as uploadAreaVariants};
|