@xjur-ui/react 3.0.9 → 3.1.1

package/dist/components/timeline-card/index.js

@@ -1 +1 @@
-import{cva as w,cx as y}from"@xjur-ui/util";import{jsx as b,jsxs as G}from"react/jsx-runtime";var we=w(["flex flex-row items-center gap-[40px] h-full"]),W=w(["w-0.5 bg-gray-300 min-h-[82px]"]),Ce=w(["w-3 h-3 rounded-full bg-gray-400"]),Pe=w(["text-sm font-medium text-gray-500 w-full"]);function M({className:e,date:t="04/07/2025",showTopLine:i=!0,showBottomLine:o=!0,...a}){return G("div",{className:y(we(),e),...a,children:[G("div",{className:"flex h-full flex-col items-center gap-1",children:[i&&b("div",{className:y(W())}),b("div",{className:y(Ce())}),o&&b("div",{className:y(W())})]}),b("div",{className:y(Pe(),!i&&"self-start",!o&&"self-end"),children:t})]})}import{Slot as it}from"@radix-ui/react-slot";import{cva as at,cx as oe}from"@xjur-ui/util";import{cx as _e}from"@xjur-ui/util";import{jsx as Te}from"react/jsx-runtime";function m({className:e,filled:t=!1,name:i,...o}){return Te("span",{...o,className:_e("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:i})}import*as T from"@radix-ui/react-checkbox";import{cx as Se}from"@xjur-ui/util";import{Slot as Me}from"@radix-ui/react-slot";import{cva as Ne}from"@xjur-ui/util";import{memo as J,useState as Re}from"react";import*as C from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function ze({delayDuration:e=0,...t}){return N(C.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function R({...e}){return N(ze,{children:N(C.Root,{"data-slot":"tooltip",...e})})}import*as K from"@radix-ui/react-tooltip";import{jsx as ke}from"react/jsx-runtime";function V({...e}){return ke(K.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as P from"@radix-ui/react-tooltip";import{cx as De}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";function I({className:e,sideOffset:t=1,variant:i="simple",children:o,...a}){return Y(P.Portal,{children:Y(P.Content,{className:De("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":i,sideOffset:t,...a,children:o})})}import{jsx as _,jsxs as Le}from"react/jsx-runtime";var Ve=Ne("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=J(({variant:e,size:t,weight:i,asChild:o,className:a,children:n,...l})=>_(o?Me:"span",{className:Ve({variant:e,size:t,weight:i,className:a}),...l,children:n}));c.displayName="Typography";var Ie=J(({children:e,...t})=>{let[i,o]=Re(!1);return Le(R,{children:[_(V,{asChild:!0,children:_(c,{onMouseEnter:({currentTarget:n})=>{let l=n.scrollWidth>n.clientWidth;o(l),l?n.style.cursor="pointer":n.style.cursor="text"},...t,children:e})}),i&&_(I,{children:e})]})});Ie.displayName="TruncatedTypography";import{jsx as h,jsxs as He}from"react/jsx-runtime";function Q({label:e,name:t,className:i,disabled:o=!1,...a}){let n=`field-checkbox-${t}`;return He("div",{className:"group gap-small flex items-center",children:[h(T.Root,{disabled:o,...a,className:Se("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),id:n,name:t,children:h(T.Indicator,{className:"flex items-center justify-center",children:h(m,{className:"text-neutral-label",name:"check"})})}),!!e&&h(c,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:h("label",{htmlFor:n,children:e})})]})}import"react";import*as U from"@radix-ui/react-dropdown-menu";import{jsx as Ee}from"react/jsx-runtime";function L({...e}){return Ee(U.Root,{"data-slot":"dropdown-menu",...e})}import*as X from"@radix-ui/react-dropdown-menu";import{jsx as Ae}from"react/jsx-runtime";function S({...e}){return Ae(X.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as z from"@radix-ui/react-dropdown-menu";import{cx as je}from"@xjur-ui/util";import{Slot as qe}from"@radix-ui/react-slot";import{cx as Fe}from"@xjur-ui/util";import{useVirtualizer as Be}from"@tanstack/react-virtual";import{useRef as Oe}from"react";import{createContext as $e}from"react";var g=$e({virtualizer:null,enabled:!1});import{jsx as Z}from"react/jsx-runtime";function H({className:e,asChild:t,children:i,virtualized:o=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:l=5,...f}){let v=t?qe:"div",d=Oe(null),D=Be({count:a,getScrollElement:()=>d.current,estimateSize:n,overscan:l,enabled:o});return Z(g.Provider,{value:{virtualizer:D,enabled:o},children:Z(v,{...f,className:Fe(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:d,children:i})})}import{Slot as jt}from"@radix-ui/react-slot";import{cx as to}from"@xjur-ui/util";import{jsx as ro}from"react/jsx-runtime";import{cx as no}from"@xjur-ui/util";import{jsx as po}from"react/jsx-runtime";import{Slot as We}from"@radix-ui/react-slot";import{cx as j}from"@xjur-ui/util";import{useContext as Ge}from"react";import{jsx as E}from"react/jsx-runtime";function A({className:e,asChild:t,children:i,renderItem:o,...a}){let n=t?We:"ul",{virtualizer:l,enabled:f}=Ge(g);if(f&&l&&o){let v=l.getVirtualItems();return E(n,{...a,className:j("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:v.map(d=>E("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:l.measureElement,style:{transform:`translateY(${d.start}px)`},children:o(d.index)},d.key))})}return E(n,{...a,className:j("gap-small-1x p-small flex flex-col",e),children:i})}import{Slot as Ke}from"@radix-ui/react-slot";import{cx as Ye,cva as Je}from"@xjur-ui/util";import{jsx as Ue}from"react/jsx-runtime";var Qe=Je(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function $({className:e,size:t,isActive:i,asChild:o,...a}){return Ue(o?Ke:"li",{...a,className:Ye(Qe({size:t,isActive:i}),e)})}import{jsx as q}from"react/jsx-runtime";function F({className:e,sideOffset:t=4,align:i="start",side:o="bottom",children:a,...n}){return q(z.Portal,{children:q(z.Content,{align:i,className:je("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...n,children:q(H,{children:a})})})}import{jsx as et}from"react/jsx-runtime";function B({...e}){return et(A,{...e})}import{jsx as Ao}from"react/jsx-runtime";import{cx as rt}from"@xjur-ui/util";import"react";import*as ee from"@radix-ui/react-separator";import{cx as tt}from"@xjur-ui/util";import{jsx as ot}from"react/jsx-runtime";function te({className:e,orientation:t="horizontal",decorative:i=!0,...o}){return ot(ee.Root,{className:tt("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:i,orientation:t,...o})}import{jsx as O}from"react/jsx-runtime";function u({className:e,...t}){return O($,{className:rt(e,"cursor-pointer"),...t})}function x({...e}){return O(c,{...e})}function k({...e}){return O(te,{...e})}import{jsx as r,jsxs as p}from"react/jsx-runtime";var re=at(["border border-gray-200 rounded-lg p-4 transition-all duration-200 cursor-pointer shadow-sm min-h-[184px]","hover:shadow-md hover:border-gray-300"],{variants:{status:{default:"border-gray-200",selected:"border-primary-border-active bg-primary-alt-idle shadow-md"}},defaultVariants:{status:"default"}});function nt({asChild:e,className:t,status:i="default",title:o,content:a,tags:n=[],isSelected:l=!1,isChecked:f=!1,onSelect:v,onCheck:d,onCopy:D,onFolder:ie,onMarkAsRead:ae,onEdit:ne,onArchive:se,onDelete:le,timelineProps:pe,...me}){let de=e?it:"div",ce=l?"selected":i,fe=()=>{v?.()},ue=s=>{d?.(s)},xe=()=>{ae?.()},ve=()=>{ne?.()},ye=()=>{se?.()},he=()=>{le?.()},ge=s=>{switch(s){case"success":return"bg-success-idle text-white";case"warning":return"bg-red-500 text-white";case"info":return"bg-blue-500 text-white";case"restricted":return"bg-layer-1-idle text-gray-700";default:return"bg-white text-gray-700"}};return p("div",{className:"relative flex items-end gap-6",children:[r(M,{...pe}),r(de,{className:oe(re({status:ce}),t,"flex-1"),onClick:fe,...me,children:p("div",{className:"mb-3 flex items-start justify-start gap-4",children:[r("div",{role:"button",tabIndex:0,onClick:s=>s.stopPropagation(),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&s.stopPropagation()},children:r(Q,{checked:f,className:"size-4",name:`timeline-card-${Math.random()}`,onCheckedChange:ue})}),p("div",{className:"flex w-full flex-col gap-4",children:[p("div",{className:"flex items-start justify-between gap-4",children:[r("div",{className:"flex items-center gap-3",children:r("div",{className:"flex items-center gap-2",children:n.map((s,be)=>p("div",{className:oe("flex items-center gap-2 rounded px-2 py-1 text-xs font-medium",ge(s.variant)),children:[s.variant==="restricted"&&r(m,{className:"flex h-3 w-3 items-center",name:"lock"}),r("p",{className:"flex items-center text-xs font-medium",children:s.label})]},be))})}),p("div",{className:"flex items-center gap-2",children:[r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),D?.()},children:r(m,{className:"h-4 w-4",name:"attach_file"})}),r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),ie?.()},children:r(m,{className:"h-4 w-4",name:"folder_check_2"})}),p(L,{children:[r(S,{asChild:!0,children:r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>s.stopPropagation(),children:r(m,{className:"h-4 w-4",name:"more_vert"})})}),r(F,{align:"end",children:p(B,{children:[p(u,{onClick:xe,children:[r(m,{className:"flex h-4 w-4 items-center",name:"check"}),r(x,{children:"Marcar como lido"})]}),r(k,{}),p(u,{onClick:ve,children:[r(m,{className:"flex h-4 w-4 items-center",name:"edit"}),r(x,{children:"Editar"})]}),p(u,{onClick:ye,children:[r(m,{className:"flex h-4 w-4 items-center",name:"archive"}),r(x,{children:"Arquivar"})]}),r(k,{}),p(u,{onClick:he,children:[r(m,{className:"flex h-4 w-4 items-center text-red-500",name:"delete"}),r(x,{className:"text-red-500",children:"Excluir"})]})]})})]})]})]}),p("div",{className:"flex flex-col gap-4",children:[r("p",{className:"text-size-body-md-medium text-neutral-dark font-medium",children:o}),r("p",{className:"text-size-body-sm text-neutral-light",children:a})]})]})]})})]})}export{M as Timeline,nt as TimelineCard,re as timelineCardVariants};
+import{cva as w,cx as y}from"@xjur-ui/util";import{jsx as b,jsxs as G}from"react/jsx-runtime";var we=w(["flex flex-row items-center gap-[40px] h-full"]),W=w(["w-0.5 bg-gray-300 min-h-[82px]"]),Ce=w(["w-3 h-3 rounded-full bg-gray-400"]),_e=w(["text-sm font-medium text-gray-500 w-full"]);function M({className:e,date:t="04/07/2025",showTopLine:i=!0,showBottomLine:o=!0,...a}){return G("div",{className:y(we(),e),...a,children:[G("div",{className:"flex h-full flex-col items-center gap-1",children:[i&&b("div",{className:y(W())}),b("div",{className:y(Ce())}),o&&b("div",{className:y(W())})]}),b("div",{className:y(_e(),!i&&"self-start",!o&&"self-end"),children:t})]})}import{Slot as it}from"@radix-ui/react-slot";import{cva as at,cx as oe}from"@xjur-ui/util";import{cx as Pe}from"@xjur-ui/util";import{jsx as Te}from"react/jsx-runtime";function m({className:e,filled:t=!1,name:i,...o}){return Te("span",{...o,className:Pe("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:i})}import*as T from"@radix-ui/react-checkbox";import{cx as Se}from"@xjur-ui/util";import{Slot as Me}from"@radix-ui/react-slot";import{cva as Ne}from"@xjur-ui/util";import{memo as J,useState as Re}from"react";import*as C from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function ze({delayDuration:e=0,...t}){return N(C.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function R({...e}){return N(ze,{children:N(C.Root,{"data-slot":"tooltip",...e})})}import*as K from"@radix-ui/react-tooltip";import{jsx as ke}from"react/jsx-runtime";function V({...e}){return ke(K.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as _ from"@radix-ui/react-tooltip";import{cx as De}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";function I({className:e,sideOffset:t=1,variant:i="simple",children:o,...a}){return Y(_.Portal,{children:Y(_.Content,{className:De("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":i,sideOffset:t,...a,children:o})})}import{jsx as P,jsxs as Le}from"react/jsx-runtime";var Ve=Ne("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=J(({variant:e,size:t,weight:i,asChild:o,className:a,children:n,...l})=>P(o?Me:"span",{className:Ve({variant:e,size:t,weight:i,className:a}),...l,children:n}));c.displayName="Typography";var Ie=J(({children:e,...t})=>{let[i,o]=Re(!1);return Le(R,{children:[P(V,{asChild:!0,children:P(c,{onMouseEnter:({currentTarget:n})=>{let l=n.scrollWidth>n.clientWidth;o(l),l?n.style.cursor="pointer":n.style.cursor="text"},...t,children:e})}),i&&P(I,{children:e})]})});Ie.displayName="TruncatedTypography";import{jsx as h,jsxs as He}from"react/jsx-runtime";function Q({label:e,name:t,className:i,disabled:o=!1,...a}){let n=`field-checkbox-${t}`;return He("div",{className:"group gap-small flex items-center",children:[h(T.Root,{disabled:o,...a,className:Se("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),id:n,name:t,children:h(T.Indicator,{className:"flex items-center justify-center",children:h(m,{className:"text-neutral-label",name:"check"})})}),!!e&&h(c,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:h("label",{htmlFor:n,children:e})})]})}import"react";import*as U from"@radix-ui/react-dropdown-menu";import{jsx as Ee}from"react/jsx-runtime";function L({...e}){return Ee(U.Root,{"data-slot":"dropdown-menu",...e})}import*as X from"@radix-ui/react-dropdown-menu";import{jsx as Ae}from"react/jsx-runtime";function S({...e}){return Ae(X.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as z from"@radix-ui/react-dropdown-menu";import{cx as je}from"@xjur-ui/util";import{Slot as qe}from"@radix-ui/react-slot";import{cx as Fe}from"@xjur-ui/util";import{useVirtualizer as Be}from"@tanstack/react-virtual";import{useRef as Oe}from"react";import{createContext as $e}from"react";var g=$e({virtualizer:null,enabled:!1});import{jsx as Z}from"react/jsx-runtime";function H({className:e,asChild:t,children:i,virtualized:o=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:l=5,...f}){let v=t?qe:"div",d=Oe(null),D=Be({count:a,getScrollElement:()=>d.current,estimateSize:n,overscan:l,enabled:o});return Z(g.Provider,{value:{virtualizer:D,enabled:o},children:Z(v,{...f,className:Fe(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:d,children:i})})}import{Slot as jt}from"@radix-ui/react-slot";import{cx as to}from"@xjur-ui/util";import{jsx as ro}from"react/jsx-runtime";import{cx as no}from"@xjur-ui/util";import{jsx as po}from"react/jsx-runtime";import{Slot as We}from"@radix-ui/react-slot";import{cx as j}from"@xjur-ui/util";import{useContext as Ge}from"react";import{jsx as E}from"react/jsx-runtime";function A({className:e,asChild:t,children:i,renderItem:o,...a}){let n=t?We:"ul",{virtualizer:l,enabled:f}=Ge(g);if(f&&l&&o){let v=l.getVirtualItems();return E(n,{...a,className:j("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:v.map(d=>E("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:l.measureElement,style:{transform:`translateY(${d.start}px)`},children:o(d.index)},d.key))})}return E(n,{...a,className:j("gap-small-1x p-small flex flex-col",e),children:i})}import{Slot as Ke}from"@radix-ui/react-slot";import{cx as Ye,cva as Je}from"@xjur-ui/util";import{jsx as Ue}from"react/jsx-runtime";var Qe=Je(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function $({className:e,size:t,isActive:i,asChild:o,...a}){return Ue(o?Ke:"li",{...a,className:Ye(Qe({size:t,isActive:i}),e)})}import{jsx as q}from"react/jsx-runtime";function F({className:e,sideOffset:t=4,align:i="start",side:o="bottom",children:a,...n}){return q(z.Portal,{children:q(z.Content,{align:i,className:je("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...n,children:q(H,{children:a})})})}import{jsx as et}from"react/jsx-runtime";function B({...e}){return et(A,{...e})}import{jsx as Ao}from"react/jsx-runtime";import{cx as rt}from"@xjur-ui/util";import"react";import*as ee from"@radix-ui/react-separator";import{cx as tt}from"@xjur-ui/util";import{jsx as ot}from"react/jsx-runtime";function te({className:e,orientation:t="horizontal",decorative:i=!0,...o}){return ot(ee.Root,{className:tt("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:i,orientation:t,...o})}import{jsx as O}from"react/jsx-runtime";function u({className:e,...t}){return O($,{className:rt(e,"cursor-pointer"),...t})}function x({...e}){return O(c,{...e})}function k({...e}){return O(te,{...e})}import{jsx as r,jsxs as p}from"react/jsx-runtime";var re=at(["border border-gray-200 rounded-lg p-4 transition-all duration-200 cursor-pointer shadow-sm min-h-[184px]","hover:shadow-md hover:border-gray-300"],{variants:{status:{default:"border-gray-200",selected:"border-primary-border-active bg-primary-alt-idle shadow-md"}},defaultVariants:{status:"default"}});function nt({asChild:e,className:t,status:i="default",title:o,content:a,tags:n=[],isSelected:l=!1,isChecked:f=!1,onSelect:v,onCheck:d,onCopy:D,onFolder:ie,onMarkAsRead:ae,onEdit:ne,onArchive:se,onDelete:le,timelineProps:pe,...me}){let de=e?it:"div",ce=l?"selected":i,fe=()=>{v?.()},ue=s=>{d?.(s)},xe=()=>{ae?.()},ve=()=>{ne?.()},ye=()=>{se?.()},he=()=>{le?.()},ge=s=>{switch(s){case"success":return"bg-success-idle text-white";case"warning":return"bg-red-500 text-white";case"info":return"bg-blue-500 text-white";case"restricted":return"bg-layer-1-idle text-gray-700";default:return"bg-white text-gray-700"}};return p("div",{className:"relative flex items-end gap-6",children:[r(M,{...pe}),r(de,{className:oe(re({status:ce}),t,"flex-1"),onClick:fe,...me,children:p("div",{className:"mb-3 flex items-start justify-start gap-4",children:[r("div",{role:"button",tabIndex:0,onClick:s=>s.stopPropagation(),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&s.stopPropagation()},children:r(Q,{checked:f,className:"size-4",name:`timeline-card-${Math.random()}`,onCheckedChange:ue})}),p("div",{className:"flex w-full flex-col gap-4",children:[p("div",{className:"flex items-start justify-between gap-4",children:[r("div",{className:"flex items-center gap-3",children:r("div",{className:"flex items-center gap-2",children:n.map((s,be)=>p("div",{className:oe("flex items-center gap-2 rounded px-2 py-1 text-xs font-medium",ge(s.variant)),children:[s.variant==="restricted"&&r(m,{className:"flex h-3 w-3 items-center",name:"lock"}),r("p",{className:"flex items-center text-xs font-medium",children:s.label})]},be))})}),p("div",{className:"flex items-center gap-2",children:[r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),D?.()},children:r(m,{className:"h-4 w-4",name:"attach_file"})}),r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),ie?.()},children:r(m,{className:"h-4 w-4",name:"folder_check_2"})}),p(L,{children:[r(S,{asChild:!0,children:r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>s.stopPropagation(),children:r(m,{className:"h-4 w-4",name:"more_vert"})})}),r(F,{align:"end",children:p(B,{children:[p(u,{onClick:xe,children:[r(m,{className:"flex h-4 w-4 items-center",name:"check"}),r(x,{children:"Marcar como lido"})]}),r(k,{}),p(u,{onClick:ve,children:[r(m,{className:"flex h-4 w-4 items-center",name:"edit"}),r(x,{children:"Editar"})]}),p(u,{onClick:ye,children:[r(m,{className:"flex h-4 w-4 items-center",name:"archive"}),r(x,{children:"Arquivar"})]}),r(k,{}),p(u,{onClick:he,children:[r(m,{className:"flex h-4 w-4 items-center text-red-500",name:"delete"}),r(x,{className:"text-red-500",children:"Excluir"})]})]})})]})]})]}),p("div",{className:"flex flex-col gap-4",children:[r("p",{className:"text-size-body-md-medium text-neutral-dark font-medium",children:o}),r("p",{className:"text-size-body-sm text-neutral-light",children:a})]})]})]})})]})}export{M as Timeline,nt as TimelineCard,re as timelineCardVariants};

package/dist/components/timeline-card/timeline-card.js

@@ -1 +1 @@
-import{Slot as rt}from"@radix-ui/react-slot";import{cva as it,cx as oe}from"@xjur-ui/util";import{cx as be}from"@xjur-ui/util";import{jsx as we}from"react/jsx-runtime";function m({className:e,filled:t=!1,name:i,...o}){return we("span",{...o,className:be("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:i})}import*as P from"@radix-ui/react-checkbox";import{cx as Re}from"@xjur-ui/util";import{Slot as Te}from"@radix-ui/react-slot";import{cva as ze}from"@xjur-ui/util";import{memo as G,useState as ke}from"react";import*as b from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function Ce({delayDuration:e=0,...t}){return M(b.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function N({...e}){return M(Ce,{children:M(b.Root,{"data-slot":"tooltip",...e})})}import*as O from"@radix-ui/react-tooltip";import{jsx as Pe}from"react/jsx-runtime";function R({...e}){return Pe(O.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as w from"@radix-ui/react-tooltip";import{cx as _e}from"@xjur-ui/util";import{jsx as W}from"react/jsx-runtime";function V({className:e,sideOffset:t=1,variant:i="simple",children:o,...a}){return W(w.Portal,{children:W(w.Content,{className:_e("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":i,sideOffset:t,...a,children:o})})}import{jsx as C,jsxs as Ne}from"react/jsx-runtime";var De=ze("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=G(({variant:e,size:t,weight:i,asChild:o,className:a,children:n,...l})=>C(o?Te:"span",{className:De({variant:e,size:t,weight:i,className:a}),...l,children:n}));c.displayName="Typography";var Me=G(({children:e,...t})=>{let[i,o]=ke(!1);return Ne(N,{children:[C(R,{asChild:!0,children:C(c,{onMouseEnter:({currentTarget:n})=>{let l=n.scrollWidth>n.clientWidth;o(l),l?n.style.cursor="pointer":n.style.cursor="text"},...t,children:e})}),i&&C(V,{children:e})]})});Me.displayName="TruncatedTypography";import{jsx as h,jsxs as Ve}from"react/jsx-runtime";function K({label:e,name:t,className:i,disabled:o=!1,...a}){let n=`field-checkbox-${t}`;return Ve("div",{className:"group gap-small flex items-center",children:[h(P.Root,{disabled:o,...a,className:Re("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),id:n,name:t,children:h(P.Indicator,{className:"flex items-center justify-center",children:h(m,{className:"text-neutral-label",name:"check"})})}),!!e&&h(c,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:h("label",{htmlFor:n,children:e})})]})}import"react";import*as Y from"@radix-ui/react-dropdown-menu";import{jsx as Ie}from"react/jsx-runtime";function I({...e}){return Ie(Y.Root,{"data-slot":"dropdown-menu",...e})}import*as J from"@radix-ui/react-dropdown-menu";import{jsx as Le}from"react/jsx-runtime";function L({...e}){return Le(J.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as _ from"@radix-ui/react-dropdown-menu";import{cx as Qe}from"@xjur-ui/util";import{Slot as He}from"@radix-ui/react-slot";import{cx as Ee}from"@xjur-ui/util";import{useVirtualizer as Ae}from"@tanstack/react-virtual";import{useRef as $e}from"react";import{createContext as Se}from"react";var y=Se({virtualizer:null,enabled:!1});import{jsx as Q}from"react/jsx-runtime";function S({className:e,asChild:t,children:i,virtualized:o=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:l=5,...f}){let x=t?He:"div",d=$e(null),D=Ae({count:a,getScrollElement:()=>d.current,estimateSize:n,overscan:l,enabled:o});return Q(y.Provider,{value:{virtualizer:D,enabled:o},children:Q(x,{...f,className:Ee(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:d,children:i})})}import{Slot as Qt}from"@radix-ui/react-slot";import{cx as Xt}from"@xjur-ui/util";import{jsx as jt}from"react/jsx-runtime";import{cx as oo}from"@xjur-ui/util";import{jsx as ao}from"react/jsx-runtime";import{Slot as qe}from"@radix-ui/react-slot";import{cx as U}from"@xjur-ui/util";import{useContext as Fe}from"react";import{jsx as H}from"react/jsx-runtime";function E({className:e,asChild:t,children:i,renderItem:o,...a}){let n=t?qe:"ul",{virtualizer:l,enabled:f}=Fe(y);if(f&&l&&o){let x=l.getVirtualItems();return H(n,{...a,className:U("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:x.map(d=>H("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:l.measureElement,style:{transform:`translateY(${d.start}px)`},children:o(d.index)},d.key))})}return H(n,{...a,className:U("gap-small-1x p-small flex flex-col",e),children:i})}import{Slot as Be}from"@radix-ui/react-slot";import{cx as Oe,cva as We}from"@xjur-ui/util";import{jsx as Ke}from"react/jsx-runtime";var Ge=We(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function A({className:e,size:t,isActive:i,asChild:o,...a}){return Ke(o?Be:"li",{...a,className:Oe(Ge({size:t,isActive:i}),e)})}import{jsx as $}from"react/jsx-runtime";function q({className:e,sideOffset:t=4,align:i="start",side:o="bottom",children:a,...n}){return $(_.Portal,{children:$(_.Content,{align:i,className:Qe("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...n,children:$(S,{children:a})})})}import{jsx as Ue}from"react/jsx-runtime";function F({...e}){return Ue(E,{...e})}import{jsx as Lo}from"react/jsx-runtime";import{cx as je}from"@xjur-ui/util";import"react";import*as X from"@radix-ui/react-separator";import{cx as Xe}from"@xjur-ui/util";import{jsx as Ze}from"react/jsx-runtime";function Z({className:e,orientation:t="horizontal",decorative:i=!0,...o}){return Ze(X.Root,{className:Xe("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:i,orientation:t,...o})}import{jsx as B}from"react/jsx-runtime";function u({className:e,...t}){return B(A,{className:je(e,"cursor-pointer"),...t})}function v({...e}){return B(c,{...e})}function T({...e}){return B(Z,{...e})}import{cva as k,cx as g}from"@xjur-ui/util";import{jsx as z,jsxs as ee}from"react/jsx-runtime";var et=k(["flex flex-row items-center gap-[40px] h-full"]),j=k(["w-0.5 bg-gray-300 min-h-[82px]"]),tt=k(["w-3 h-3 rounded-full bg-gray-400"]),ot=k(["text-sm font-medium text-gray-500 w-full"]);function te({className:e,date:t="04/07/2025",showTopLine:i=!0,showBottomLine:o=!0,...a}){return ee("div",{className:g(et(),e),...a,children:[ee("div",{className:"flex h-full flex-col items-center gap-1",children:[i&&z("div",{className:g(j())}),z("div",{className:g(tt())}),o&&z("div",{className:g(j())})]}),z("div",{className:g(ot(),!i&&"self-start",!o&&"self-end"),children:t})]})}import{jsx as r,jsxs as p}from"react/jsx-runtime";var at=it(["border border-gray-200 rounded-lg p-4 transition-all duration-200 cursor-pointer shadow-sm min-h-[184px]","hover:shadow-md hover:border-gray-300"],{variants:{status:{default:"border-gray-200",selected:"border-primary-border-active bg-primary-alt-idle shadow-md"}},defaultVariants:{status:"default"}});function mr({asChild:e,className:t,status:i="default",title:o,content:a,tags:n=[],isSelected:l=!1,isChecked:f=!1,onSelect:x,onCheck:d,onCopy:D,onFolder:re,onMarkAsRead:ie,onEdit:ae,onArchive:ne,onDelete:se,timelineProps:le,...pe}){let me=e?rt:"div",de=l?"selected":i,ce=()=>{x?.()},fe=s=>{d?.(s)},ue=()=>{ie?.()},ve=()=>{ae?.()},xe=()=>{ne?.()},he=()=>{se?.()},ye=s=>{switch(s){case"success":return"bg-success-idle text-white";case"warning":return"bg-red-500 text-white";case"info":return"bg-blue-500 text-white";case"restricted":return"bg-layer-1-idle text-gray-700";default:return"bg-white text-gray-700"}};return p("div",{className:"relative flex items-end gap-6",children:[r(te,{...le}),r(me,{className:oe(at({status:de}),t,"flex-1"),onClick:ce,...pe,children:p("div",{className:"mb-3 flex items-start justify-start gap-4",children:[r("div",{role:"button",tabIndex:0,onClick:s=>s.stopPropagation(),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&s.stopPropagation()},children:r(K,{checked:f,className:"size-4",name:`timeline-card-${Math.random()}`,onCheckedChange:fe})}),p("div",{className:"flex w-full flex-col gap-4",children:[p("div",{className:"flex items-start justify-between gap-4",children:[r("div",{className:"flex items-center gap-3",children:r("div",{className:"flex items-center gap-2",children:n.map((s,ge)=>p("div",{className:oe("flex items-center gap-2 rounded px-2 py-1 text-xs font-medium",ye(s.variant)),children:[s.variant==="restricted"&&r(m,{className:"flex h-3 w-3 items-center",name:"lock"}),r("p",{className:"flex items-center text-xs font-medium",children:s.label})]},ge))})}),p("div",{className:"flex items-center gap-2",children:[r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),D?.()},children:r(m,{className:"h-4 w-4",name:"attach_file"})}),r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),re?.()},children:r(m,{className:"h-4 w-4",name:"folder_check_2"})}),p(I,{children:[r(L,{asChild:!0,children:r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>s.stopPropagation(),children:r(m,{className:"h-4 w-4",name:"more_vert"})})}),r(q,{align:"end",children:p(F,{children:[p(u,{onClick:ue,children:[r(m,{className:"flex h-4 w-4 items-center",name:"check"}),r(v,{children:"Marcar como lido"})]}),r(T,{}),p(u,{onClick:ve,children:[r(m,{className:"flex h-4 w-4 items-center",name:"edit"}),r(v,{children:"Editar"})]}),p(u,{onClick:xe,children:[r(m,{className:"flex h-4 w-4 items-center",name:"archive"}),r(v,{children:"Arquivar"})]}),r(T,{}),p(u,{onClick:he,children:[r(m,{className:"flex h-4 w-4 items-center text-red-500",name:"delete"}),r(v,{className:"text-red-500",children:"Excluir"})]})]})})]})]})]}),p("div",{className:"flex flex-col gap-4",children:[r("p",{className:"text-size-body-md-medium text-neutral-dark font-medium",children:o}),r("p",{className:"text-size-body-sm text-neutral-light",children:a})]})]})]})})]})}export{mr as TimelineCard,at as timelineCardVariants};
+import{Slot as rt}from"@radix-ui/react-slot";import{cva as it,cx as oe}from"@xjur-ui/util";import{cx as be}from"@xjur-ui/util";import{jsx as we}from"react/jsx-runtime";function m({className:e,filled:t=!1,name:i,...o}){return we("span",{...o,className:be("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:i})}import*as _ from"@radix-ui/react-checkbox";import{cx as Re}from"@xjur-ui/util";import{Slot as Te}from"@radix-ui/react-slot";import{cva as ze}from"@xjur-ui/util";import{memo as G,useState as ke}from"react";import*as b from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function Ce({delayDuration:e=0,...t}){return M(b.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function N({...e}){return M(Ce,{children:M(b.Root,{"data-slot":"tooltip",...e})})}import*as O from"@radix-ui/react-tooltip";import{jsx as _e}from"react/jsx-runtime";function R({...e}){return _e(O.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as w from"@radix-ui/react-tooltip";import{cx as Pe}from"@xjur-ui/util";import{jsx as W}from"react/jsx-runtime";function V({className:e,sideOffset:t=1,variant:i="simple",children:o,...a}){return W(w.Portal,{children:W(w.Content,{className:Pe("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":i,sideOffset:t,...a,children:o})})}import{jsx as C,jsxs as Ne}from"react/jsx-runtime";var De=ze("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=G(({variant:e,size:t,weight:i,asChild:o,className:a,children:n,...l})=>C(o?Te:"span",{className:De({variant:e,size:t,weight:i,className:a}),...l,children:n}));c.displayName="Typography";var Me=G(({children:e,...t})=>{let[i,o]=ke(!1);return Ne(N,{children:[C(R,{asChild:!0,children:C(c,{onMouseEnter:({currentTarget:n})=>{let l=n.scrollWidth>n.clientWidth;o(l),l?n.style.cursor="pointer":n.style.cursor="text"},...t,children:e})}),i&&C(V,{children:e})]})});Me.displayName="TruncatedTypography";import{jsx as y,jsxs as Ve}from"react/jsx-runtime";function K({label:e,name:t,className:i,disabled:o=!1,...a}){let n=`field-checkbox-${t}`;return Ve("div",{className:"group gap-small flex items-center",children:[y(_.Root,{disabled:o,...a,className:Re("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",i),id:n,name:t,children:y(_.Indicator,{className:"flex items-center justify-center",children:y(m,{className:"text-neutral-label",name:"check"})})}),!!e&&y(c,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:y("label",{htmlFor:n,children:e})})]})}import"react";import*as Y from"@radix-ui/react-dropdown-menu";import{jsx as Ie}from"react/jsx-runtime";function I({...e}){return Ie(Y.Root,{"data-slot":"dropdown-menu",...e})}import*as J from"@radix-ui/react-dropdown-menu";import{jsx as Le}from"react/jsx-runtime";function L({...e}){return Le(J.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as P from"@radix-ui/react-dropdown-menu";import{cx as Qe}from"@xjur-ui/util";import{Slot as He}from"@radix-ui/react-slot";import{cx as Ee}from"@xjur-ui/util";import{useVirtualizer as Ae}from"@tanstack/react-virtual";import{useRef as $e}from"react";import{createContext as Se}from"react";var h=Se({virtualizer:null,enabled:!1});import{jsx as Q}from"react/jsx-runtime";function S({className:e,asChild:t,children:i,virtualized:o=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:l=5,...f}){let x=t?He:"div",d=$e(null),D=Ae({count:a,getScrollElement:()=>d.current,estimateSize:n,overscan:l,enabled:o});return Q(h.Provider,{value:{virtualizer:D,enabled:o},children:Q(x,{...f,className:Ee(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:d,children:i})})}import{Slot as Qt}from"@radix-ui/react-slot";import{cx as Xt}from"@xjur-ui/util";import{jsx as jt}from"react/jsx-runtime";import{cx as oo}from"@xjur-ui/util";import{jsx as ao}from"react/jsx-runtime";import{Slot as qe}from"@radix-ui/react-slot";import{cx as U}from"@xjur-ui/util";import{useContext as Fe}from"react";import{jsx as H}from"react/jsx-runtime";function E({className:e,asChild:t,children:i,renderItem:o,...a}){let n=t?qe:"ul",{virtualizer:l,enabled:f}=Fe(h);if(f&&l&&o){let x=l.getVirtualItems();return H(n,{...a,className:U("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:x.map(d=>H("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:l.measureElement,style:{transform:`translateY(${d.start}px)`},children:o(d.index)},d.key))})}return H(n,{...a,className:U("gap-small-1x p-small flex flex-col",e),children:i})}import{Slot as Be}from"@radix-ui/react-slot";import{cx as Oe,cva as We}from"@xjur-ui/util";import{jsx as Ke}from"react/jsx-runtime";var Ge=We(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function A({className:e,size:t,isActive:i,asChild:o,...a}){return Ke(o?Be:"li",{...a,className:Oe(Ge({size:t,isActive:i}),e)})}import{jsx as $}from"react/jsx-runtime";function q({className:e,sideOffset:t=4,align:i="start",side:o="bottom",children:a,...n}){return $(P.Portal,{children:$(P.Content,{align:i,className:Qe("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...n,children:$(S,{children:a})})})}import{jsx as Ue}from"react/jsx-runtime";function F({...e}){return Ue(E,{...e})}import{jsx as Lo}from"react/jsx-runtime";import{cx as je}from"@xjur-ui/util";import"react";import*as X from"@radix-ui/react-separator";import{cx as Xe}from"@xjur-ui/util";import{jsx as Ze}from"react/jsx-runtime";function Z({className:e,orientation:t="horizontal",decorative:i=!0,...o}){return Ze(X.Root,{className:Xe("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:i,orientation:t,...o})}import{jsx as B}from"react/jsx-runtime";function u({className:e,...t}){return B(A,{className:je(e,"cursor-pointer"),...t})}function v({...e}){return B(c,{...e})}function T({...e}){return B(Z,{...e})}import{cva as k,cx as g}from"@xjur-ui/util";import{jsx as z,jsxs as ee}from"react/jsx-runtime";var et=k(["flex flex-row items-center gap-[40px] h-full"]),j=k(["w-0.5 bg-gray-300 min-h-[82px]"]),tt=k(["w-3 h-3 rounded-full bg-gray-400"]),ot=k(["text-sm font-medium text-gray-500 w-full"]);function te({className:e,date:t="04/07/2025",showTopLine:i=!0,showBottomLine:o=!0,...a}){return ee("div",{className:g(et(),e),...a,children:[ee("div",{className:"flex h-full flex-col items-center gap-1",children:[i&&z("div",{className:g(j())}),z("div",{className:g(tt())}),o&&z("div",{className:g(j())})]}),z("div",{className:g(ot(),!i&&"self-start",!o&&"self-end"),children:t})]})}import{jsx as r,jsxs as p}from"react/jsx-runtime";var at=it(["border border-gray-200 rounded-lg p-4 transition-all duration-200 cursor-pointer shadow-sm min-h-[184px]","hover:shadow-md hover:border-gray-300"],{variants:{status:{default:"border-gray-200",selected:"border-primary-border-active bg-primary-alt-idle shadow-md"}},defaultVariants:{status:"default"}});function mr({asChild:e,className:t,status:i="default",title:o,content:a,tags:n=[],isSelected:l=!1,isChecked:f=!1,onSelect:x,onCheck:d,onCopy:D,onFolder:re,onMarkAsRead:ie,onEdit:ae,onArchive:ne,onDelete:se,timelineProps:le,...pe}){let me=e?rt:"div",de=l?"selected":i,ce=()=>{x?.()},fe=s=>{d?.(s)},ue=()=>{ie?.()},ve=()=>{ae?.()},xe=()=>{ne?.()},ye=()=>{se?.()},he=s=>{switch(s){case"success":return"bg-success-idle text-white";case"warning":return"bg-red-500 text-white";case"info":return"bg-blue-500 text-white";case"restricted":return"bg-layer-1-idle text-gray-700";default:return"bg-white text-gray-700"}};return p("div",{className:"relative flex items-end gap-6",children:[r(te,{...le}),r(me,{className:oe(at({status:de}),t,"flex-1"),onClick:ce,...pe,children:p("div",{className:"mb-3 flex items-start justify-start gap-4",children:[r("div",{role:"button",tabIndex:0,onClick:s=>s.stopPropagation(),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&s.stopPropagation()},children:r(K,{checked:f,className:"size-4",name:`timeline-card-${Math.random()}`,onCheckedChange:fe})}),p("div",{className:"flex w-full flex-col gap-4",children:[p("div",{className:"flex items-start justify-between gap-4",children:[r("div",{className:"flex items-center gap-3",children:r("div",{className:"flex items-center gap-2",children:n.map((s,ge)=>p("div",{className:oe("flex items-center gap-2 rounded px-2 py-1 text-xs font-medium",he(s.variant)),children:[s.variant==="restricted"&&r(m,{className:"flex h-3 w-3 items-center",name:"lock"}),r("p",{className:"flex items-center text-xs font-medium",children:s.label})]},ge))})}),p("div",{className:"flex items-center gap-2",children:[r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),D?.()},children:r(m,{className:"h-4 w-4",name:"attach_file"})}),r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>{s.stopPropagation(),re?.()},children:r(m,{className:"h-4 w-4",name:"folder_check_2"})}),p(I,{children:[r(L,{asChild:!0,children:r("button",{className:"p-1 text-gray-400 transition-colors hover:text-gray-600",type:"button",onClick:s=>s.stopPropagation(),children:r(m,{className:"h-4 w-4",name:"more_vert"})})}),r(q,{align:"end",children:p(F,{children:[p(u,{onClick:ue,children:[r(m,{className:"flex h-4 w-4 items-center",name:"check"}),r(v,{children:"Marcar como lido"})]}),r(T,{}),p(u,{onClick:ve,children:[r(m,{className:"flex h-4 w-4 items-center",name:"edit"}),r(v,{children:"Editar"})]}),p(u,{onClick:xe,children:[r(m,{className:"flex h-4 w-4 items-center",name:"archive"}),r(v,{children:"Arquivar"})]}),r(T,{}),p(u,{onClick:ye,children:[r(m,{className:"flex h-4 w-4 items-center text-red-500",name:"delete"}),r(v,{className:"text-red-500",children:"Excluir"})]})]})})]})]})]}),p("div",{className:"flex flex-col gap-4",children:[r("p",{className:"text-size-body-md-medium text-neutral-dark font-medium",children:o}),r("p",{className:"text-size-body-sm text-neutral-light",children:a})]})]})]})})]})}export{mr as TimelineCard,at as timelineCardVariants};

package/dist/components/upload/index.d.ts

@@ -1,77 +1,6 @@
-import type { ComponentProps } from 'react';
-import { type ClassVariantProps } from '@xjur-ui/util';
-export interface FileFormat {
-    name: string;
-    type: string;
-    fileBinary: File;
-    restrict?: boolean;
-    description?: string;
-    fileType?: string;
-}
-export interface FileTypeOption {
-    value: string;
-    label: string;
-}
-interface UploadRootProps extends ComponentProps<'div'> {
-    files: FileFormat[];
-    onFilesChange?: (files: FileFormat[]) => void;
-    accept?: string;
-    multiple?: boolean;
-    disabled?: boolean;
-    maxFiles?: number;
-    maxSize?: number;
-    acceptedFormats?: string[];
-}
-declare function UploadRoot({ children, className, files, onFilesChange, accept, multiple, disabled, maxFiles, maxSize, acceptedFormats, ...props }: UploadRootProps): import("react/jsx-runtime").JSX.Element;
-declare const uploadAreaVariants: (props?: ({
-    size?: "small" | "medium" | "large" | "oneLine" | null | undefined;
-    showButton?: boolean | null | undefined;
-    variant?: "default" | "transparent" | "minimal" | "oneLineWhite" | "oneLineTransparent" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface UploadAreaProps extends Omit<ComponentProps<'div'>, 'onChange'>, ClassVariantProps<typeof uploadAreaVariants> {
-    showAcceptedFormats?: boolean;
-    buttonText?: string;
-    description?: string;
-    icon?: string;
-    showButton?: boolean;
-}
-declare function UploadArea({ className, size, showButton, variant, showAcceptedFormats, buttonText, description, icon, ...props }: UploadAreaProps): import("react/jsx-runtime").JSX.Element;
-declare function UploadTitle({ children, className, ...props }: ComponentProps<'h3'>): import("react/jsx-runtime").JSX.Element;
-interface UploadAreaContentProps extends ComponentProps<'div'> {
-    description?: string;
-    icon?: string;
-    showAcceptedFormats?: boolean;
-    buttonText?: string;
-    showButton?: boolean;
-    onButtonClick?: () => void;
-    variant?: 'default' | 'transparent' | 'minimal' | 'oneLineWhite' | 'oneLineTransparent';
-}
-declare function UploadAreaContent({ description, icon, showAcceptedFormats, buttonText, showButton, onButtonClick, variant, className, ...props }: UploadAreaContentProps): import("react/jsx-runtime").JSX.Element;
-interface UploadAreaTriggerProps extends ComponentProps<'div'> {
-    fileInputRef?: React.RefObject<HTMLInputElement | null>;
-}
-declare function UploadAreaTrigger({ children, fileInputRef, ...props }: UploadAreaTriggerProps): import("react/jsx-runtime").JSX.Element;
-interface EditableFilesListProps {
-    fileTypeOptions?: FileTypeOption[];
-    onUpdateFile?: (index: number, file: Partial<FileFormat>) => void;
-    onDeleteFile?: (index: number) => void;
-    onReorderFiles?: (fromIndex: number, toIndex: number) => void;
-    className?: string;
-}
-declare function EditableFilesList({ fileTypeOptions, onUpdateFile, onDeleteFile, className, ...props }: EditableFilesListProps): import("react/jsx-runtime").JSX.Element | null;
-export declare const Upload: {
-    Root: typeof UploadRoot;
-    Area: typeof UploadArea;
-    Title: typeof UploadTitle;
-    AreaContent: typeof UploadAreaContent;
-    AreaTrigger: typeof UploadAreaTrigger;
-    EditableList: typeof EditableFilesList;
-};
-export { UploadRoot };
-export { UploadArea };
-export { UploadTitle };
-export { UploadAreaContent };
-export { UploadAreaTrigger };
-export { EditableFilesList };
-export { uploadAreaVariants };
-export type { UploadRootProps, UploadAreaProps, UploadAreaContentProps, UploadAreaTriggerProps, EditableFilesListProps };
+export { UploadRoot } from './upload-root';
+export { UploadTrigger } from './upload-trigger';
+export { UploadTitle } from './upload-title';
+export { UploadDescription } from './upload-description';
+export { UploadIcon } from './upload-icon';
+export { UploadContent } from './upload-content';

package/dist/components/upload/index.js

@@ -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,...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};
+import{createContext as B,useMemo as K,useState as A}from"react";import{jsx as E}from"react/jsx-runtime";var l=B({variant:"simple",isDragOver:!1,setIsDragOver:()=>{}});function q({variant:e="simple",...r}){let[o,a]=A(!1),i=K(()=>({variant:e,isDragOver:o,setIsDragOver:a}),[e,o,a]);return E(l.Provider,{value:i,children:E("div",{"data-slot":"upload-root",...r})})}import{Slot as W}from"@radix-ui/react-slot";import{tv as G}from"@xjur-ui/util";import{use as $,useCallback as m,useEffect as J,useRef as R}from"react";import{Fragment as Y,jsx as I,jsxs as Z}from"react/jsx-runtime";var Q=G({base:["border-icon-neutral-3 rounded-small cursor-pointer border border-dashed bg-transparent","hover:bg-layer-2-hover transition-colors duration-200","flex items-center justify-center"],variants:{variant:{simple:"py-small_1x-alt px-small flex items-center gap-small",complex:"flex flex-col gap-large-2x p-large-2x"},isDragOver:{true:"border-primary-idle cursor-move bg-primary-alt-active text-primary-idle"}}});function X({asChild:e,className:r,children:o,accept:a,multiple:i=!1,onFileChange:n,...s}){let z=e?W:"button",f=R(null),D=R(null),{variant:N,setIsDragOver:p,isDragOver:S}=$(l),k=m(()=>{f.current&&(f.current.value="",f.current.click())},[]),y=m(t=>{if(!t)return;let d=Array.from(t);n?.(d)},[n]),_=m(t=>{t.preventDefault(),t.stopPropagation(),t.dataTransfer&&(t.dataTransfer.dropEffect="copy"),p(!0)},[p]),h=m(t=>{t.preventDefault(),t.stopPropagation(),p(!0)},[p]),b=m(t=>{t.preventDefault(),t.stopPropagation(),setTimeout(()=>{p(!1)},50)},[p]),x=m(t=>{t.preventDefault(),t.stopPropagation(),p(!1);let d=t.dataTransfer;d&&d.files&&d.files.length&&y(d.files)},[y,p]);J(()=>{let t=D.current;if(t)return t.addEventListener("dragover",_),t.addEventListener("dragenter",h),t.addEventListener("dragleave",b),t.addEventListener("drop",x),()=>{t.removeEventListener("dragover",_),t.removeEventListener("dragenter",h),t.removeEventListener("dragleave",b),t.removeEventListener("drop",x)}},[_,h,b,x]);function V(t){y(t.target.files)}function H(t){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),k()),s.onKeyDown?.(t)}function F(t){k(),s.onClick?.(t)}return Z(Y,{children:[I("input",{accept:a,"aria-hidden":!0,multiple:i,ref:f,style:{display:"none"},tabIndex:-1,type:"file",onChange:V}),I(z,{className:Q({variant:N,isDragOver:S,className:r}),"data-slot":"upload-trigger",ref:t=>{D.current=t},onClick:F,onKeyDown:H,...s,children:o})]})}import{twMerge as st}from"@xjur-ui/util";import{use as pt}from"react";import{Slot as ot}from"@radix-ui/react-slot";import{cva as rt}from"@xjur-ui/util";import{memo as M,useState as at}from"react";import*as u from"@radix-ui/react-tooltip";import{jsx as T}from"react/jsx-runtime";function j({delayDuration:e=0,...r}){return T(u.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...r})}function P({...e}){return T(j,{children:T(u.Root,{"data-slot":"tooltip",...e})})}import*as U from"@radix-ui/react-tooltip";import{jsx as tt}from"react/jsx-runtime";function C({...e}){return tt(U.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as v from"@radix-ui/react-tooltip";import{cx as et}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";function w({className:e,sideOffset:r=1,variant:o="simple",children:a,...i}){return L(v.Portal,{children:L(v.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:r,...i,children:a})})}import{jsx as g,jsxs as lt}from"react/jsx-runtime";var it=rt("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=M(({variant:e,size:r,weight:o,asChild:a,className:i,children:n,...s})=>g(a?ot:"span",{className:it({variant:e,size:r,weight:o,className:i}),...s,children:n}));c.displayName="Typography";var nt=M(({children:e,...r})=>{let[o,a]=at(!1);return lt(P,{children:[g(C,{asChild:!0,children:g(c,{onMouseEnter:({currentTarget:n})=>{let s=n.scrollWidth>n.clientWidth;a(s),s?n.style.cursor="pointer":n.style.cursor="text"},...r,children:e})}),o&&g(w,{children:e})]})});nt.displayName="TruncatedTypography";import{jsx as mt}from"react/jsx-runtime";function dt({className:e,...r}){let{variant:o,isDragOver:a}=pt(l);return mt(c,{className:st(e,a?"text-primary-idle":"text-neutral-dark"),size:o==="simple"?"sm":"md",variant:o==="simple"?"body":"label",weight:o==="simple"?"normal":"medium",...r})}import{use as ct}from"react";import{twMerge as ft}from"@xjur-ui/util";import{jsx as vt}from"react/jsx-runtime";function ut({variant:e="body",size:r="sm",className:o,...a}){let{isDragOver:i}=ct(l);return vt(c,{className:ft(o,i?"text-primary-idle":"text-neutral-light"),size:r,variant:e,...a})}import{twMerge as _t}from"@xjur-ui/util";import{use as ht}from"react";import{cx as gt}from"@xjur-ui/util";import{jsx as yt}from"react/jsx-runtime";function O({className:e,filled:r=!1,name:o,...a}){return yt("span",{...a,className:gt("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${r?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as xt}from"react/jsx-runtime";function bt({className:e,...r}){let{isDragOver:o}=ht(l);return xt(O,{className:_t(e,o?"text-primary-idle":"text-icon-neutral-3"),...r})}import{jsx as Pt}from"react/jsx-runtime";function Tt(e){return Pt("div",{"data-slot":"upload-content",...e})}export{Tt as UploadContent,ut as UploadDescription,bt as UploadIcon,q as UploadRoot,dt as UploadTitle,X as UploadTrigger};

package/dist/components/upload/upload-content.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from 'react';
+export declare function UploadContent(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/upload/upload-content.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";function n(o){return t("div",{"data-slot":"upload-content",...o})}export{n as UploadContent};

package/dist/components/upload/upload-description.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from 'react';
+import { Typography } from '../typography';
+export declare function UploadDescription({ variant, size, className, ...props }: ComponentProps<typeof Typography>): import("react/jsx-runtime").JSX.Element;

package/dist/components/upload/upload-description.js

@@ -0,0 +1 @@
+import{use as V}from"react";import{twMerge as N}from"@xjur-ui/util";import{Slot as u}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as x,useState as C}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function b({delayDuration:t=0,...o}){return d(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return d(b,{children:d(l.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function v({...t}){return h(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as z}from"@xjur-ui/util";import{jsx as g}from"react/jsx-runtime";function f({className:t,sideOffset:o=1,variant:e="simple",children:i,...a}){return g(n.Portal,{children:g(n.Content,{className:z("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,...a,children:i})})}import{jsx as p,jsxs as O}from"react/jsx-runtime";var R=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=x(({variant:t,size:o,weight:e,asChild:i,className:a,children:r,...s})=>p(i?u:"span",{className:R({variant:t,size:o,weight:e,className:a}),...s,children:r}));m.displayName="Typography";var D=x(({children:t,...o})=>{let[e,i]=C(!1);return O(c,{children:[p(v,{asChild:!0,children:p(m,{onMouseEnter:({currentTarget:r})=>{let s=r.scrollWidth>r.clientWidth;i(s),s?r.style.cursor="pointer":r.style.cursor="text"},...o,children:t})}),e&&p(f,{children:t})]})});D.displayName="TruncatedTypography";import{createContext as M,useMemo as _,useState as $}from"react";import{jsx as tt}from"react/jsx-runtime";var T=M({variant:"simple",isDragOver:!1,setIsDragOver:()=>{}});import{jsx as S}from"react/jsx-runtime";function st({variant:t="body",size:o="sm",className:e,...i}){let{isDragOver:a}=V(T);return S(m,{className:N(e,a?"text-primary-idle":"text-neutral-light"),size:o,variant:t,...i})}export{st as UploadDescription};

package/dist/components/upload/upload-icon.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from 'react';
+import { Icon } from '../icon';
+export declare function UploadIcon({ className, ...props }: ComponentProps<typeof Icon>): import("react/jsx-runtime").JSX.Element;

package/dist/components/upload/upload-icon.js

@@ -0,0 +1 @@
+import{twMerge as _}from"@xjur-ui/util";import{use as p}from"react";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return s("span",{...t,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{createContext as l,useMemo as g,useState as w}from"react";import{jsx as k}from"react/jsx-runtime";var n=l({variant:"simple",isDragOver:!1,setIsDragOver:()=>{}});import{jsx as c}from"react/jsx-runtime";function O({className:e,...o}){let{isDragOver:r}=p(n);return c(a,{className:_(e,r?"text-primary-idle":"text-icon-neutral-3"),...o})}export{O as UploadIcon};

package/dist/components/upload/upload-root.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentProps } from 'react';
+export declare const UploadRootContext: import("react").Context<{
+    variant: "simple" | "complex";
+    isDragOver: boolean;
+    setIsDragOver: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+export declare function UploadRoot({ variant, ...props }: ComponentProps<'div'> & {
+    variant?: 'simple' | 'complex';
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/upload/upload-root.js

@@ -0,0 +1 @@
+import{createContext as p,useMemo as l,useState as n}from"react";import{jsx as a}from"react/jsx-runtime";var i=p({variant:"simple",isDragOver:!1,setIsDragOver:()=>{}});function c({variant:e="simple",...r}){let[o,t]=n(!1),s=l(()=>({variant:e,isDragOver:o,setIsDragOver:t}),[e,o,t]);return a(i.Provider,{value:s,children:a("div",{"data-slot":"upload-root",...r})})}export{c as UploadRoot,i as UploadRootContext};

package/dist/components/upload/upload-title.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from 'react';
+import { Typography } from '../typography';
+export declare function UploadTitle({ className, ...props }: ComponentProps<typeof Typography>): import("react/jsx-runtime").JSX.Element;

package/dist/components/upload/upload-title.js

@@ -0,0 +1 @@
+import{twMerge as V}from"@xjur-ui/util";import{use as w}from"react";import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as x,useState as C}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function b({delayDuration:t=0,...o}){return d(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function v({...t}){return d(b,{children:d(l.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function c({...t}){return h(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as u}from"@xjur-ui/util";import{jsx as g}from"react/jsx-runtime";function f({className:t,sideOffset:o=1,variant:e="simple",children:i,...r}){return g(n.Portal,{children:g(n.Content,{className:u("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:i})})}import{jsx as p,jsxs as O}from"react/jsx-runtime";var R=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=x(({variant:t,size:o,weight:e,asChild:i,className:r,children:a,...s})=>p(i?z:"span",{className:R({variant:t,size:o,weight:e,className:r}),...s,children:a}));m.displayName="Typography";var D=x(({children:t,...o})=>{let[e,i]=C(!1);return O(v,{children:[p(c,{asChild:!0,children:p(m,{onMouseEnter:({currentTarget:a})=>{let s=a.scrollWidth>a.clientWidth;i(s),s?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&p(f,{children:t})]})});D.displayName="TruncatedTypography";import{createContext as M,useMemo as _,useState as $}from"react";import{jsx as tt}from"react/jsx-runtime";var T=M({variant:"simple",isDragOver:!1,setIsDragOver:()=>{}});import{jsx as N}from"react/jsx-runtime";function st({className:t,...o}){let{variant:e,isDragOver:i}=w(T);return N(m,{className:V(t,i?"text-primary-idle":"text-neutral-dark"),size:e==="simple"?"sm":"md",variant:e==="simple"?"body":"label",weight:e==="simple"?"normal":"medium",...o})}export{st as UploadTitle};

package/dist/components/upload/upload-trigger.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentProps } from 'react';
+interface UploadTriggerProps extends ComponentProps<'button'> {
+    asChild?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    onFileChange?: (files: File[]) => void;
+}
+export declare function UploadTrigger({ asChild, className, children, accept, multiple, onFileChange, ...props }: UploadTriggerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/upload/upload-trigger.js

@@ -0,0 +1 @@
+import{Slot as I}from"@radix-ui/react-slot";import{tv as k}from"@xjur-ui/util";import{use as M,useCallback as n,useEffect as U,useRef as g}from"react";import{createContext as O,useMemo as w,useState as A}from"react";import{jsx as N}from"react/jsx-runtime";var f=O({variant:"simple",isDragOver:!1,setIsDragOver:()=>{}});import{Fragment as F,jsx as m,jsxs as K}from"react/jsx-runtime";var H=k({base:["border-icon-neutral-3 rounded-small cursor-pointer border border-dashed bg-transparent","hover:bg-layer-2-hover transition-colors duration-200","flex items-center justify-center"],variants:{variant:{simple:"py-small_1x-alt px-small flex items-center gap-small",complex:"flex flex-col gap-large-2x p-large-2x"},isDragOver:{true:"border-primary-idle cursor-move bg-primary-alt-active text-primary-idle"}}});function Q({asChild:D,className:E,children:x,accept:y,multiple:C=!1,onFileChange:d,...a}){let b=D?I:"button",o=g(null),u=g(null),{variant:h,setIsDragOver:t,isDragOver:L}=M(f),v=n(()=>{o.current&&(o.current.value="",o.current.click())},[]),l=n(e=>{if(!e)return;let r=Array.from(e);d?.(r)},[d]),s=n(e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"),t(!0)},[t]),i=n(e=>{e.preventDefault(),e.stopPropagation(),t(!0)},[t]),p=n(e=>{e.preventDefault(),e.stopPropagation(),setTimeout(()=>{t(!1)},50)},[t]),c=n(e=>{e.preventDefault(),e.stopPropagation(),t(!1);let r=e.dataTransfer;r&&r.files&&r.files.length&&l(r.files)},[l,t]);U(()=>{let e=u.current;if(e)return e.addEventListener("dragover",s),e.addEventListener("dragenter",i),e.addEventListener("dragleave",p),e.addEventListener("drop",c),()=>{e.removeEventListener("dragover",s),e.removeEventListener("dragenter",i),e.removeEventListener("dragleave",p),e.removeEventListener("drop",c)}},[s,i,p,c]);function T(e){l(e.target.files)}function P(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),v()),a.onKeyDown?.(e)}function R(e){v(),a.onClick?.(e)}return K(F,{children:[m("input",{accept:y,"aria-hidden":!0,multiple:C,ref:o,style:{display:"none"},tabIndex:-1,type:"file",onChange:T}),m(b,{className:H({variant:h,isDragOver:L,className:E}),"data-slot":"upload-trigger",ref:e=>{u.current=e},onClick:R,onKeyDown:P,...a,children:x})]})}export{Q as UploadTrigger};