@xjur-ui/react 3.1.0 → 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cva as
|
|
1
|
+
import{cva as g,cx as k}from"@xjur-ui/util";import"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as N}from"@xjur-ui/util";import{memo as h,useState as R}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function P({delayDuration:t=0,...e}){return v(p.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return v(P,{children:v(p.Root,{"data-slot":"tooltip",...t})})}import*as x from"@radix-ui/react-tooltip";import{jsx as C}from"react/jsx-runtime";function y({...t}){return C(x.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as d from"@radix-ui/react-tooltip";import{cx as V}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function u({className:t,sideOffset:e=1,variant:a="simple",children:r,...o}){return b(d.Portal,{children:b(d.Content,{className:V("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":a,sideOffset:e,...o,children:r})})}import{jsx as m,jsxs as L}from"react/jsx-runtime";var M=N("",{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"}}),l=h(({variant:t,size:e,weight:a,asChild:r,className:o,children:i,...s})=>m(r?w:"span",{className:M({variant:t,size:e,weight:a,className:o}),...s,children:i}));l.displayName="Typography";var E=h(({children:t,...e})=>{let[a,r]=R(!1);return L(f,{children:[m(y,{asChild:!0,children:m(l,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;r(s),s?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),a&&m(u,{children:t})]})});E.displayName="TruncatedTypography";import{jsx as T,jsxs as c}from"react/jsx-runtime";var B=g(["w-full"],{variants:{size:{sm:"space-y-1",md:"space-y-2",lg:"space-y-3"}},defaultVariants:{size:"md"}}),F=g(["w-full rounded-full overflow-hidden","bg-primary-alt-idle"],{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"}},defaultVariants:{size:"md"}}),S=g(["h-full rounded-full transition-all duration-300 ease-in-out"],{variants:{variant:{default:"bg-primary-idle",success:"bg-success-idle",warning:"bg-warning-idle",error:"bg-error-idle"}},defaultVariants:{variant:"default"}}),W=g(["flex items-center"],{variants:{size:{sm:"text-sm",md:"text-base",lg:"text-lg"}},defaultVariants:{size:"md"}});function D({className:t,value:e=0,max:a=100,showLabel:r=!0,size:o="md",variant:i="default",...s}){let n=Math.min(Math.max(e/a*100,0),100),z=Number.isFinite(n)?n.toFixed(1):"0.0";return c("div",{className:k(B({size:o}),t),...s,children:[T("div",{className:F({size:o}),children:T("div",{className:S({variant:i}),style:{width:`${n}%`}})}),r&&c("div",{className:W({size:o}),children:[c(l,{className:"text-primary-idle",variant:"body",weight:"medium",children:[z,"%"]}),c(l,{className:"text-text-neutral-2 ml-1",variant:"body",weight:"normal",children:["dos ",a,"% necess\xE1rios"]})]})]})}export{D as Progress};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cva as
|
|
1
|
+
import{cva as g,cx as k}from"@xjur-ui/util";import"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as N}from"@xjur-ui/util";import{memo as h,useState as R}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function P({delayDuration:t=0,...e}){return v(d.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return v(P,{children:v(d.Root,{"data-slot":"tooltip",...t})})}import*as b from"@radix-ui/react-tooltip";import{jsx as C}from"react/jsx-runtime";function y({...t}){return C(b.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as p from"@radix-ui/react-tooltip";import{cx as V}from"@xjur-ui/util";import{jsx as x}from"react/jsx-runtime";function u({className:t,sideOffset:e=1,variant:a="simple",children:r,...i}){return x(p.Portal,{children:x(p.Content,{className:V("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":a,sideOffset:e,...i,children:r})})}import{jsx as m,jsxs as L}from"react/jsx-runtime";var M=N("",{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"}}),l=h(({variant:t,size:e,weight:a,asChild:r,className:i,children:o,...s})=>m(r?w:"span",{className:M({variant:t,size:e,weight:a,className:i}),...s,children:o}));l.displayName="Typography";var E=h(({children:t,...e})=>{let[a,r]=R(!1);return L(f,{children:[m(y,{asChild:!0,children:m(l,{onMouseEnter:({currentTarget:o})=>{let s=o.scrollWidth>o.clientWidth;r(s),s?o.style.cursor="pointer":o.style.cursor="text"},...e,children:t})}),a&&m(u,{children:t})]})});E.displayName="TruncatedTypography";import{jsx as T,jsxs as c}from"react/jsx-runtime";var B=g(["w-full"],{variants:{size:{sm:"space-y-1",md:"space-y-2",lg:"space-y-3"}},defaultVariants:{size:"md"}}),F=g(["w-full rounded-full overflow-hidden","bg-primary-alt-idle"],{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"}},defaultVariants:{size:"md"}}),S=g(["h-full rounded-full transition-all duration-300 ease-in-out"],{variants:{variant:{default:"bg-primary-idle",success:"bg-success-idle",warning:"bg-warning-idle",error:"bg-error-idle"}},defaultVariants:{variant:"default"}}),W=g(["flex items-center"],{variants:{size:{sm:"text-sm",md:"text-base",lg:"text-lg"}},defaultVariants:{size:"md"}});function it({className:t,value:e=0,max:a=100,showLabel:r=!0,size:i="md",variant:o="default",...s}){let n=Math.min(Math.max(e/a*100,0),100),z=Number.isFinite(n)?n.toFixed(1):"0.0";return c("div",{className:k(B({size:i}),t),...s,children:[T("div",{className:F({size:i}),children:T("div",{className:S({variant:o}),style:{width:`${n}%`}})}),r&&c("div",{className:W({size:i}),children:[c(l,{className:"text-primary-idle",variant:"body",weight:"medium",children:[z,"%"]}),c(l,{className:"text-text-neutral-2 ml-1",variant:"body",weight:"normal",children:["dos ",a,"% necess\xE1rios"]})]})]})}export{it as Progress};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{twMerge as D}from"@xjur-ui/util";import"react";import*as _ from"@radix-ui/react-dialog";import{jsx as E}from"react/jsx-runtime";import*as
|
|
1
|
+
import{twMerge as D}from"@xjur-ui/util";import"react";import*as _ from"@radix-ui/react-dialog";import{jsx as E}from"react/jsx-runtime";import*as x from"@radix-ui/react-dialog";import{tv as j}from"@xjur-ui/util";import*as g from"@radix-ui/react-dialog";import{jsx as J}from"react/jsx-runtime";import*as y from"@radix-ui/react-dialog";import{cx as U}from"@xjur-ui/util";import{jsx as X}from"react/jsx-runtime";import{jsx as re,jsxs as ae}from"react/jsx-runtime";import*as S from"@radix-ui/react-dialog";import{jsx as se}from"react/jsx-runtime";import{cx as w}from"@xjur-ui/util";import*as c from"@radix-ui/react-dialog";import{jsx as P}from"react/jsx-runtime";function s({className:e,...t}){return P(c.Title,{className:w("text-size-title-lg font-normal",e),"data-slot":"sheet-title",...t})}import{cx as k}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function l({className:e,...t}){return R("div",{className:k("py-large px-large-2x border-b-border-layer-2 border-b",e),"data-slot":"sheet-header",...t})}import*as m from"@radix-ui/react-dialog";import{Slot as V}from"@radix-ui/react-slot";import{cva as T,cx as z}from"@xjur-ui/util";import{jsx as N}from"react/jsx-runtime";var I=T(["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 a({asChild:e,className:t,variant:r="primary",size:o="md",appearance:f="solid",...v}){return N(e?V:"button",{className:z(I({variant:r,appearance:f,size:o}),t),...v})}import{cx as B}from"@xjur-ui/util";import{jsx as F}from"react/jsx-runtime";function i({className:e,filled:t=!1,name:r,...o}){return F("span",{...o,className:B("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:r})}import{jsx as p}from"react/jsx-runtime";function d({children:e=p(a,{appearance:"ghost",size:"icon_md",variant:"tertiary",children:p(i,{className:"text-icon-neutral-3",name:"close"})}),...t}){return p(m.Close,{"data-slot":"sheet-close",...t,children:e})}import{cx as ze}from"@xjur-ui/util";import{jsx as Ne}from"react/jsx-runtime";import{cx as He}from"@xjur-ui/util";import{jsx as Ae}from"react/jsx-runtime";import{createContext as H,useCallback as ot,useContext as O,useState as rt,useMemo as at}from"react";import{jsx as nt}from"react/jsx-runtime";var A=H({});function u(){let e=O(A);if(!e)throw new Error("useCentroCustoContext must be used within a CentroCustoProvider");return{...e,centrosCusto:e.centrosCusto,setCentrosCusto:e.setCentrosCusto}}import{jsx as n,jsxs as h}from"react/jsx-runtime";function ut({title:e,className:t,...r}){let{changeIsFullscreen:o}=u();return h(l,{className:D("flex items-center justify-between",t),...r,children:[n(s,{children:e}),h("div",{className:"gap-small flex items-center",children:[n(a,{appearance:"ghost",size:"icon_md",variant:"tertiary",onClick:()=>o(),children:n(i,{className:"text-icon-neutral-3",name:"expand_content"})}),n(d,{asChild:!0})]})]})}export{ut as CentroCustoHeader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"react";import*as V from"@radix-ui/react-dialog";import{jsx as q}from"react/jsx-runtime";function h({...e}){return q(V.Root,{"data-slot":"sheet",...e})}import*as I from"@radix-ui/react-dialog";import{tv as K}from"@xjur-ui/util";import*as B from"@radix-ui/react-dialog";import{jsx as G}from"react/jsx-runtime";function C({...e}){return G(B.Portal,{"data-slot":"sheet-portal",...e})}import*as T from"@radix-ui/react-dialog";import{cx as $}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function v({className:e,...t}){return J(T.Overlay,{className:$("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",e),"data-slot":"sheet-overlay",...t})}import{jsx as N,jsxs as Q}from"react/jsx-runtime";function y({className:e,children:t,side:o="right",overlay:r=!1,...a}){let i=K({base:["border-border-layer-2 bg-layer-2-idle shadow-elevation-2 fixed z-50 flex flex-col gap-medium","data-[state=open]:animate-in data-[state=closed]:animate-out transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500"],variants:{side:{right:"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l sm:max-w-sm",left:"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r sm:max-w-sm",top:"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",bottom:"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t"}},defaultVariants:{side:"right"}});return Q(C,{children:[r&&N(v,{}),N(I.Content,{className:i({side:o,className:e}),"data-slot":"sheet-content",...a,children:t})]})}import*as z from"@radix-ui/react-dialog";import{jsx as U}from"react/jsx-runtime";function g({...e}){return U(z.Trigger,{"data-slot":"sheet-trigger",...e})}import{cx as W}from"@xjur-ui/util";import*as F from"@radix-ui/react-dialog";import{jsx as X}from"react/jsx-runtime";function _({className:e,...t}){return X(F.Title,{className:W("text-size-title-lg font-normal",e),"data-slot":"sheet-title",...t})}import{cx as Y}from"@xjur-ui/util";import{jsx as Z}from"react/jsx-runtime";function x({className:e,...t}){return Z("div",{className:Y("py-large px-large-2x border-b-border-layer-2 border-b",e),"data-slot":"sheet-header",...t})}import*as M from"@radix-ui/react-dialog";import{Slot as j}from"@radix-ui/react-slot";import{cva as ee,cx as te}from"@xjur-ui/util";import{jsx as re}from"react/jsx-runtime";var oe=ee(["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 n({asChild:e,className:t,variant:o="primary",size:r="md",appearance:a="solid",...i}){return re(e?j:"button",{className:te(oe({variant:o,appearance:a,size:r}),t),...i})}import{cx as ae}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function s({className:e,filled:t=!1,name:o,...r}){return ne("span",{...r,className:ae("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{jsx as b}from"react/jsx-runtime";function m({children:e=b(n,{appearance:"ghost",size:"icon_md",variant:"tertiary",children:b(s,{className:"text-icon-neutral-3",name:"close"})}),...t}){return b(M.Close,{"data-slot":"sheet-close",...t,children:e})}import{cx as ie}from"@xjur-ui/util";import{jsx as se}from"react/jsx-runtime";function S({className:e,...t}){return se("div",{className:ie("py-large px-large-2x border-t-border-layer-2 mt-auto border-t",e),"data-slot":"sheet-footer",...t})}import{cx as pe}from"@xjur-ui/util";import{jsx as le}from"react/jsx-runtime";function w({className:e,...t}){return le("div",{className:pe("px-large-2x h-full",e),...t})}import{createContext as me,useCallback as A,useContext as ce,useState as P,useMemo as de}from"react";import{jsx as ue}from"react/jsx-runtime";var d=me({});function H({children:e}){let[t,o]=P("list"),[r,a]=P(!1),[i,l]=P([]),c=A(f=>{o(f)},[]),k=A(()=>{a(f=>!f)},[]),L=de(()=>({currentView:t,changeCurrentView:c,isFullscreen:r,changeIsFullscreen:k,centrosCusto:i,setCentrosCusto:l}),[t,c,r,k,i,l]);return ue(d.Provider,{value:L,children:e})}function p(){let e=ce(d);if(!e)throw new Error("useCentroCustoContext must be used within a CentroCustoProvider");return{...e,centrosCusto:e.centrosCusto,setCentrosCusto:e.setCentrosCusto}}import{jsx as R}from"react/jsx-runtime";function Tt({onOpenChange:e,children:t,...o}){return R(H,{children:R(d.Consumer,{children:r=>R(h,{onOpenChange:a=>{r.changeCurrentView("list"),e?.(a)},...o,children:typeof t=="function"?t(r):t})})})}import{twMerge as fe}from"@xjur-ui/util";import{useCallback as he}from"react";import{jsx as Ce,jsxs as ve}from"react/jsx-runtime";function Ot({appearance:e="ghost",onClick:t,className:o,children:r="Adicionar",...a}){let{changeCurrentView:i}=p(),l=he(c=>{i("form"),t?.(c)},[i,t]);return ve(n,{appearance:e,className:fe("w-fit",o),onClick:l,...a,children:[r,Ce(s,{name:"add"})]})}import{twMerge as ye}from"@xjur-ui/util";import{jsx as ge}from"react/jsx-runtime";function $t({className:e,...t}){let{currentView:o}=p();return ge(w,{className:ye("gap-large-2x data-[view=form]:!px-none flex flex-col",e),"data-view":o,...t})}import{twMerge as _e}from"@xjur-ui/util";import{jsx as xe}from"react/jsx-runtime";function Xt({className:e,side:t="right",...o}){let{currentView:r,isFullscreen:a}=p();return xe(y,{className:_e("min-w-[900px] data-[fullscreen=true]:min-w-full",e),"data-fullscreen":a,"data-view":r,side:t,...o})}import{twMerge as be}from"@xjur-ui/util";import{jsx as Se}from"react/jsx-runtime";function to({className:e,...t}){return Se(S,{className:be("flex items-center justify-between",e),...t})}import{twMerge as we}from"@xjur-ui/util";import{jsx as u,jsxs as O}from"react/jsx-runtime";function lo({title:e,className:t,...o}){let{changeIsFullscreen:r}=p();return O(x,{className:we("flex items-center justify-between",t),...o,children:[u(_,{children:e}),O("div",{className:"gap-small flex items-center",children:[u(n,{appearance:"ghost",size:"icon_md",variant:"tertiary",onClick:()=>r(),children:u(s,{className:"text-icon-neutral-3",name:"expand_content"})}),u(m,{})]})]})}import{jsx as E,jsxs as Pe}from"react/jsx-runtime";function Co({children:e=Pe(n,{appearance:"ghost",className:"border-border-layer-2 border",variant:"secondary",children:[E(s,{className:"text-icon-neutral-3",name:"add"}),"Adicionar"]}),asChild:t=!0,...o}){return E(g,{asChild:t,...o,children:e})}import{jsx as D}from"react/jsx-runtime";function xo({...e}){return D(m,{...e,asChild:!0,children:D(n,{appearance:"ghost",children:"Cancelar"})})}export{Ot as CentroCustoAddButton,$t as CentroCustoBody,xo as CentroCustoCloseButton,Xt as CentroCustoContent,d as CentroCustoContext,to as CentroCustoFooter,lo as CentroCustoHeader,H as CentroCustoProvider,Tt as CentroCustoRoot,Co as CentroCustoTrigger,p as useCentroCustoContext};
|
|
1
|
+
import"react";import"react";import*as V from"@radix-ui/react-dialog";import{jsx as q}from"react/jsx-runtime";function h({...e}){return q(V.Root,{"data-slot":"sheet",...e})}import*as I from"@radix-ui/react-dialog";import{tv as K}from"@xjur-ui/util";import*as B from"@radix-ui/react-dialog";import{jsx as G}from"react/jsx-runtime";function C({...e}){return G(B.Portal,{"data-slot":"sheet-portal",...e})}import*as T from"@radix-ui/react-dialog";import{cx as $}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function v({className:e,...t}){return J(T.Overlay,{className:$("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",e),"data-slot":"sheet-overlay",...t})}import{jsx as N,jsxs as Q}from"react/jsx-runtime";function y({className:e,children:t,side:o="right",overlay:r=!1,...a}){let i=K({base:["border-border-layer-2 bg-layer-2-idle shadow-elevation-2 fixed z-50 flex flex-col gap-medium","data-[state=open]:animate-in data-[state=closed]:animate-out transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500"],variants:{side:{right:"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l sm:max-w-sm",left:"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r sm:max-w-sm",top:"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",bottom:"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t"}},defaultVariants:{side:"right"}});return Q(C,{children:[r&&N(v,{}),N(I.Content,{className:i({side:o,className:e}),"data-slot":"sheet-content",...a,children:t})]})}import*as z from"@radix-ui/react-dialog";import{jsx as U}from"react/jsx-runtime";function g({...e}){return U(z.Trigger,{"data-slot":"sheet-trigger",...e})}import{cx as W}from"@xjur-ui/util";import*as F from"@radix-ui/react-dialog";import{jsx as X}from"react/jsx-runtime";function _({className:e,...t}){return X(F.Title,{className:W("text-size-title-lg font-normal",e),"data-slot":"sheet-title",...t})}import{cx as Y}from"@xjur-ui/util";import{jsx as Z}from"react/jsx-runtime";function x({className:e,...t}){return Z("div",{className:Y("py-large px-large-2x border-b-border-layer-2 border-b",e),"data-slot":"sheet-header",...t})}import*as M from"@radix-ui/react-dialog";import{Slot as j}from"@radix-ui/react-slot";import{cva as ee,cx as te}from"@xjur-ui/util";import{jsx as re}from"react/jsx-runtime";var oe=ee(["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 n({asChild:e,className:t,variant:o="primary",size:r="md",appearance:a="solid",...i}){return re(e?j:"button",{className:te(oe({variant:o,appearance:a,size:r}),t),...i})}import{cx as ae}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function s({className:e,filled:t=!1,name:o,...r}){return ne("span",{...r,className:ae("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{jsx as b}from"react/jsx-runtime";function m({children:e=b(n,{appearance:"ghost",size:"icon_md",variant:"tertiary",children:b(s,{className:"text-icon-neutral-3",name:"close"})}),...t}){return b(M.Close,{"data-slot":"sheet-close",...t,children:e})}import{cx as ie}from"@xjur-ui/util";import{jsx as se}from"react/jsx-runtime";function S({className:e,...t}){return se("div",{className:ie("py-large px-large-2x border-t-border-layer-2 mt-auto border-t",e),"data-slot":"sheet-footer",...t})}import{cx as pe}from"@xjur-ui/util";import{jsx as le}from"react/jsx-runtime";function w({className:e,...t}){return le("div",{className:pe("px-large-2x h-full",e),...t})}import{createContext as me,useCallback as A,useContext as ce,useState as P,useMemo as de}from"react";import{jsx as ue}from"react/jsx-runtime";var d=me({});function H({children:e}){let[t,o]=P("list"),[r,a]=P(!1),[i,l]=P([]),c=A(f=>{o(f)},[]),k=A(()=>{a(f=>!f)},[]),L=de(()=>({currentView:t,changeCurrentView:c,isFullscreen:r,changeIsFullscreen:k,centrosCusto:i,setCentrosCusto:l}),[t,c,r,k,i,l]);return ue(d.Provider,{value:L,children:e})}function p(){let e=ce(d);if(!e)throw new Error("useCentroCustoContext must be used within a CentroCustoProvider");return{...e,centrosCusto:e.centrosCusto,setCentrosCusto:e.setCentrosCusto}}import{jsx as R}from"react/jsx-runtime";function Tt({onOpenChange:e,children:t,...o}){return R(H,{children:R(d.Consumer,{children:r=>R(h,{onOpenChange:a=>{r.changeCurrentView("list"),e?.(a)},...o,children:typeof t=="function"?t(r):t})})})}import{twMerge as fe}from"@xjur-ui/util";import{useCallback as he}from"react";import{jsx as Ce,jsxs as ve}from"react/jsx-runtime";function Ot({appearance:e="ghost",onClick:t,className:o,children:r="Adicionar",...a}){let{changeCurrentView:i}=p(),l=he(c=>{i("form"),t?.(c)},[i,t]);return ve(n,{appearance:e,className:fe("w-fit",o),onClick:l,...a,children:[r,Ce(s,{name:"add"})]})}import{twMerge as ye}from"@xjur-ui/util";import{jsx as ge}from"react/jsx-runtime";function $t({className:e,...t}){let{currentView:o}=p();return ge(w,{className:ye("gap-large-2x data-[view=form]:!px-none flex flex-col",e),"data-view":o,...t})}import{twMerge as _e}from"@xjur-ui/util";import{jsx as xe}from"react/jsx-runtime";function Xt({className:e,side:t="right",...o}){let{currentView:r,isFullscreen:a}=p();return xe(y,{className:_e("min-w-[900px] data-[fullscreen=true]:min-w-full",e),"data-fullscreen":a,"data-view":r,side:t,...o})}import{twMerge as be}from"@xjur-ui/util";import{jsx as Se}from"react/jsx-runtime";function to({className:e,...t}){return Se(S,{className:be("flex items-center justify-between",e),...t})}import{twMerge as we}from"@xjur-ui/util";import{jsx as u,jsxs as O}from"react/jsx-runtime";function lo({title:e,className:t,...o}){let{changeIsFullscreen:r}=p();return O(x,{className:we("flex items-center justify-between",t),...o,children:[u(_,{children:e}),O("div",{className:"gap-small flex items-center",children:[u(n,{appearance:"ghost",size:"icon_md",variant:"tertiary",onClick:()=>r(),children:u(s,{className:"text-icon-neutral-3",name:"expand_content"})}),u(m,{asChild:!0})]})]})}import{jsx as E,jsxs as Pe}from"react/jsx-runtime";function Co({children:e=Pe(n,{appearance:"ghost",className:"border-border-layer-2 border",variant:"secondary",children:[E(s,{className:"text-icon-neutral-3",name:"add"}),"Adicionar"]}),asChild:t=!0,...o}){return E(g,{asChild:t,...o,children:e})}import{jsx as D}from"react/jsx-runtime";function xo({...e}){return D(m,{...e,asChild:!0,children:D(n,{appearance:"ghost",children:"Cancelar"})})}export{Ot as CentroCustoAddButton,$t as CentroCustoBody,xo as CentroCustoCloseButton,Xt as CentroCustoContent,d as CentroCustoContext,to as CentroCustoFooter,lo as CentroCustoHeader,H as CentroCustoProvider,Tt as CentroCustoRoot,Co as CentroCustoTrigger,p as useCentroCustoContext};
|