@xjur-ui/react 3.0.1 → 3.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/components/accordion/accordion-trigger.js +1 -1
- package/dist/components/avatar/avatar-group.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-link.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-page.js +1 -1
- package/dist/components/breadcrumb/index.js +1 -1
- package/dist/components/carousel/carousel-action.d.ts +2 -1
- package/dist/components/carousel/carousel-action.js +1 -1
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/chip/chip-avatar.js +1 -1
- package/dist/components/chip/chip-icon.js +1 -1
- package/dist/components/chip/chip-text.js +1 -1
- package/dist/components/chip/index.js +1 -1
- package/dist/components/controls/checkbox.js +1 -1
- package/dist/components/controls/date-picker/date-picker-caption.js +1 -1
- package/dist/components/controls/date-picker/date-picker-content.js +1 -1
- package/dist/components/controls/date-picker/date-picker-icon.js +1 -1
- package/dist/components/controls/date-picker/date-picker-root.js +1 -1
- package/dist/components/controls/date-picker/date-picker-slot.js +1 -1
- package/dist/components/controls/date-picker/date-picker-styles.js +1 -1
- package/dist/components/controls/date-picker/date-picker-trigger.js +1 -1
- package/dist/components/controls/date-picker/date-picker-value.js +1 -1
- package/dist/components/controls/date-picker/index.js +1 -1
- package/dist/components/controls/input/index.js +1 -1
- package/dist/components/controls/input/input-action.js +1 -1
- package/dist/components/controls/input/input-caption.js +1 -1
- package/dist/components/controls/input/input-content.js +1 -1
- package/dist/components/controls/input/input-currency.js +1 -1
- package/dist/components/controls/input/input-icon.js +1 -1
- package/dist/components/controls/input/input-mask.js +1 -1
- package/dist/components/controls/input/input-number.js +1 -1
- package/dist/components/controls/input/input-numeric-stepper.js +1 -1
- package/dist/components/controls/input/input-root.js +1 -1
- package/dist/components/controls/input/input-slot.js +1 -1
- package/dist/components/controls/input/input-styles.js +1 -1
- package/dist/components/controls/input/input-text.js +1 -1
- package/dist/components/controls/input/input-trigger.js +1 -1
- package/dist/components/controls/radio.js +1 -1
- package/dist/components/controls/rich-editor.js +1 -1
- package/dist/components/controls/search-input.js +1 -1
- package/dist/components/controls/search-selector.js +1 -1
- package/dist/components/controls/select/index.js +1 -1
- package/dist/components/controls/select/select-caption.js +1 -1
- package/dist/components/controls/select/select-content.js +1 -1
- package/dist/components/controls/select/select-header-title.js +1 -1
- package/dist/components/controls/select/select-header.js +1 -1
- package/dist/components/controls/select/select-icon.js +1 -1
- package/dist/components/controls/select/select-multi-value.js +1 -1
- package/dist/components/controls/select/select-option-text.d.ts +2 -2
- package/dist/components/controls/select/select-option-text.js +1 -1
- package/dist/components/controls/select/select-option.js +1 -1
- package/dist/components/controls/select/select-options.js +1 -1
- package/dist/components/controls/select/select-root.js +1 -1
- package/dist/components/controls/select/select-slot.js +1 -1
- package/dist/components/controls/select/select-styles.js +1 -1
- package/dist/components/controls/select/select-trigger.js +1 -1
- package/dist/components/controls/select/select-value.js +1 -1
- package/dist/components/controls/toggle/index.d.ts +1 -0
- package/dist/components/controls/toggle/index.js +1 -0
- package/dist/components/controls/toggle/toggle.d.ts +6 -0
- package/dist/components/controls/toggle/toggle.js +1 -0
- package/dist/components/custom/pessoa/pessoa-add-button.js +1 -1
- package/dist/components/custom/pessoa/pessoa-body.js +1 -1
- package/dist/components/custom/pessoa/pessoa-close-button.js +1 -1
- package/dist/components/custom/pessoa/pessoa-content.js +1 -1
- package/dist/components/custom/pessoa/pessoa-footer.js +1 -1
- package/dist/components/custom/pessoa/pessoa-trigger.js +1 -1
- package/dist/components/custom/pessoa/pessoa.js +1 -1
- package/dist/components/dialog/delete-dialog.js +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-header.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-item.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-list.js +1 -1
- package/dist/components/dropdown-menu/index.js +1 -1
- package/dist/components/full-calendar/calendar-add-event.js +1 -1
- package/dist/components/full-calendar/calendar-cell.js +1 -1
- package/dist/components/full-calendar/calendar-day-view.js +1 -1
- package/dist/components/full-calendar/calendar-event.js +1 -1
- package/dist/components/full-calendar/calendar-month-view.js +1 -1
- package/dist/components/full-calendar/calendar-more-events-dropdown.js +1 -1
- package/dist/components/full-calendar/calendar-navigator.js +1 -1
- package/dist/components/full-calendar/calendar-toggle-view.js +1 -1
- package/dist/components/full-calendar/calendar-view-renderer.js +1 -1
- package/dist/components/full-calendar/calendar-week-day.js +1 -1
- package/dist/components/full-calendar/calendar-week-view.js +1 -1
- package/dist/components/full-calendar/index.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/list/index.js +1 -1
- package/dist/components/list/list-header-title.js +1 -1
- package/dist/components/list/list-root.js +1 -1
- package/dist/components/selection-bar/index.js +1 -1
- package/dist/components/sheet/sheet-close.js +1 -1
- package/dist/components/status/index.js +1 -1
- package/dist/components/tag/index.js +1 -1
- package/dist/components/tag/tag-icon.js +1 -1
- package/dist/components/tag/tag-text.js +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip-content.js +1 -1
- package/dist/components/typography/index.d.ts +1 -0
- package/dist/components/typography/index.js +1 -1
- package/dist/components/upload/index.js +1 -1
- package/dist/index.css +1 -1
- package/dist/resources/icons.d.ts +1 -1
- package/dist/resources/icons.js +1 -1
- package/package.json +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as _ from"@radix-ui/react-popover";import{createContext as N,useContext as M}from"react";var x=N({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=M(x);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as V}from"@xjur-ui/util";var l=V({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer 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:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] 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-1 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 v}from"react/jsx-runtime";var{wrapper:L}=l();function O({className:t,state:o="normal",defaultOpen:e,variant:r="normal",modal:i,open:a,onOpenChange:s,...I}){return v(_.Root,{defaultOpen:e,modal:i,open:a,onOpenChange:s,children:v(x.Provider,{value:{state:o,variant:r},children:v("div",{className:L({className:t,state:o}),...I})})})}import{tv as S,twMerge as E}from"@xjur-ui/util";import*as C from"@radix-ui/react-popover";import{jsx as W}from"react/jsx-runtime";var{trigger:q}=l();function B({className:t,...o}){let{state:e,variant:r}=n(),i=S({base:["group bg-layer-2-idle relative"],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=E(q({state:e,className:t}),r==="filter"&&i({state:e,className:t}));return W(C.Trigger,{className:a,disabled:e==="disabled",...o})}import{tv as $}from"@xjur-ui/util";import{jsx as w}from"react/jsx-runtime";function d({className:t,htmlFor:o,children:e,...r}){let{state:i}=n(),a=$({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return w("label",{className:a({className:t,state:i}),htmlFor:o,...r,children:w("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as G}from"react/jsx-runtime";function A(t){return G(d,{...t})}import{cx as H}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function T({className:t,filled:o=!1,name:e,...r}){return J("span",{...r,className:H("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:e})}import{jsx as k}from"react/jsx-runtime";var{icon:K}=l();function Q({className:t,name:o,orientation:e="left",...r}){let{state:i}=n();return k("div",{className:K({className:t,state:i}),"data-slot":`control-${e}-slot`,...r,children:k(T,{name:o})})}import{jsx as Y}from"react/jsx-runtime";var{slotText:U}=l();function X({className:t,...o}){let{state:e}=n();return Y("span",{className:U({className:t,state:e}),...o})}import{twJoin as lt}from"@xjur-ui/util";import{useMemo as st}from"react";import{Slot as et}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as F,useState as rt}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function Z({delayDuration:t=0,...o}){return b(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function h({...t}){return b(Z,{children:b(m.Root,{"data-slot":"tooltip",...t})})}import*as z from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function y({...t}){return j(z.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as c from"@radix-ui/react-tooltip";import{cx as tt}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function P({className:t,sideOffset:o=1,variant:e="simple",children:r,...i}){return R(c.Portal,{children:R(c.Content,{className:tt("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,...i,children:r})})}import{jsx as f,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"}}),p=F(({variant:t,size:o,weight:e,asChild:r,className:i,...a})=>f(r?et:"span",{className:at({variant:t,size:o,weight:e,className:i}),...a}));p.displayName="Typography";var it=F(({children:t,...o})=>{let[e,r]=rt(!1);return nt(h,{children:[f(y,{asChild:!0,children:f(p,{onMouseEnter:({currentTarget:a})=>{let s=a.scrollWidth>a.clientWidth;r(s),s?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&f(P,{children:t})]})});it.displayName="TruncatedTypography";import{jsx as u,jsxs as dt}from"react/jsx-runtime";function pt({className:t,displayValue:o="",placeholder:e,value:r,...i}){let{variant:a}=n(),s=st(()=>a==="filter"?o:o||e,[o,e,a]);return dt("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&u(d,{children:e}),e&&a==="filter"&&u(p,{className:"invisible col-start-1 row-start-1 self-center",children:e}),u(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:s}),u("input",{...i,"aria-readonly":!0,className:lt("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:r??""})]})}import*as g from"@radix-ui/react-popover";import{jsx as D}from"react/jsx-runtime";var{content:mt}=l();function ct({className:t,sideOffset:o=5,side:e="bottom",align:r="start",...i}){let{state:a}=n();return D(g.Portal,{children:D(g.Content,{align:r,className:mt({className:t,state:a}),side:e,sideOffset:o,...i})})}import{jsx as gt}from"react/jsx-runtime";var{caption:ft}=l();function ut({className:t,...o}){let{state:e}=n();return gt("p",{className:ft({className:t,state:e}),...o})}export{ut as DatePickerCaption,ct as DatePickerContent,Q as DatePickerIcon,A as DatePickerLabel,O as DatePickerRoot,X as DatePickerSlot,B as DatePickerTrigger,pt as DatePickerValue};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as M,useContext as N}from"react";var u=M({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=N(u);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as F}from"@xjur-ui/util";var a=F({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",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 x}from"react/jsx-runtime";var{wrapper:S}=a();function R({className:e,state:t="normal",customMask:o,variant:r="normal",mask:i,...p}){return x(u.Provider,{value:{state:t,customMask:o,mask:i,variant:r},children:x("div",{className:S({className:e,state:t}),...p})})}import{jsx as z}from"react/jsx-runtime";var{content:O}=a();function T({className:e,...t}){let{state:o}=n();return z("div",{className:O({className:e,state:o}),...t})}import{tv as A}from"@xjur-ui/util";import{jsx as g}from"react/jsx-runtime";function b({className:e,htmlFor:t,children:o,...r}){let{state:i}=n(),p=A({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return g("label",{className:p({className:e,state:i}),htmlFor:t,...r,children:g("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as V}from"react/jsx-runtime";function E(e){return V(b,{...e})}import{tv as D,twMerge as K}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";var{trigger:L}=a();function $({className:e,...t}){let{state:o,variant:r}=n(),i=D({base:["group bg-layer-2-idle relative"],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"]}}}),p=K(L({state:o,className:e}),r==="filter"&&i({state:o,className:e}));return q("div",{"aria-disabled":o==="disabled",className:p,...t})}import{InputMask as Y}from"@react-input/mask";function _(e,t){switch(e){case"cpf":return{...t,...G};case"cnpj":return{...t,...H};case"telefone":return{...t,...J};case"cep":return{...t,...U};case"numero-processo":return{...t,...B};case"data":return{...t,...Q};case"hora":return{...t,...W};case"data-hora":return{...t,...X};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var G={mask:"###.###.###-##",replacement:{"#":/\d/}},H={mask:"##.###.###/####-##",replacement:{"#":/\d/}},J={mask:"(##) #####-####",replacement:{"#":/\d/}},U={mask:"#####-###",replacement:{"#":/\d/}},B={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},Q={mask:"##/##/####",replacement:{"#":/\d/}},W={mask:"##:##",replacement:{"#":/\d/}},X={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{jsx as ee}from"react/jsx-runtime";var{value:Z}=a();function j({className:e,placeholder:t,...o}){let{customMask:r,state:i,mask:p,variant:P}=n();return ee(Y,{...o,...p?{..._(p)}:r&&{...r},className:Z({className:e,state:i}),disabled:i==="disabled",placeholder:P==="filter"?" ":t,readOnly:i==="disabled"})}import{jsx as re}from"react/jsx-runtime";var{value:te}=a();function oe({className:e,placeholder:t,...o}){let{state:r,variant:i}=n();return re("input",{...o,className:te({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled"})}import{NumericFormat as ne}from"react-number-format";import{jsx as v}from"react/jsx-runtime";var{value:ae}=a();function y({className:e,placeholder:t,...o}){let{state:r,variant:i}=n();return v(ne,{className:ae({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled",...o})}function c(e){return v(y,{allowNegative:!1,decimalScale:2,decimalSeparator:",",fixedDecimalScale:!0,inputMode:"decimal",thousandSeparator:".",...e})}import{cx as ie}from"@xjur-ui/util";import{jsx as pe}from"react/jsx-runtime";function l({className:e,filled:t=!1,name:o,...r}){return pe("span",{...r,className:ie("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 w}from"react/jsx-runtime";var{icon:le}=a();function se({className:e,name:t,orientation:o="left",...r}){let{state:i}=n();return w("div",{className:le({className:e,state:i}),"data-slot":`control-${o}-slot`,...r,children:w(l,{name:t})})}import{jsx as ce}from"react/jsx-runtime";var{slotText:me}=a();function d({className:e,...t}){let{state:o}=n();return ce("span",{className:me({className:e,state:o}),...t})}import{jsx as fe}from"react/jsx-runtime";var{caption:de}=a();function ue({className:e,...t}){let{state:o}=n();return fe("p",{className:de({className:e,state:o}),...t})}import{jsx as xe}from"react/jsx-runtime";var{action:he}=a();function f({className:e,...t}){let{state:o}=n();return xe("div",{className:he({className:e,state:o}),"data-slot":"input-action-slot",...t})}import"react";import*as C from"@radix-ui/react-separator";import{cx as ge}from"@xjur-ui/util";import{jsx as be}from"react/jsx-runtime";function k({className:e,orientation:t="horizontal",decorative:o=!0,...r}){return be(C.Root,{className:ge("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:o,orientation:t,...r})}import{jsx as s,jsxs as ye}from"react/jsx-runtime";function _e({handleIncrement:e,handleDecrement:t}){return ye(f,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[s("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:s(l,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),s(k,{}),s("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:s(l,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}import{twMerge as I}from"@xjur-ui/util";import{jsx as m,jsxs as h}from"react/jsx-runtime";function ve({range:e,onRangeChange:t}){return h("div",{className:"group gap-small flex items-center",children:[h("div",{className:"gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center",children:[m(d,{children:"R$"}),m(c,{value:e?.from,onValueChange:o=>{t?.({...e,from:o.floatValue})}})]}),m("span",{className:I("text-size-label-md text-neutral-placeholder","hidden group-focus-within:block group-has-[input:not(:placeholder-shown)]:block"),children:"-"}),h("div",{className:I("gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center transition-all","hidden group-focus-within:flex group-has-[input:not(:placeholder-shown)]:flex"),children:[m(d,{children:"R$"}),m(c,{value:e?.to,onValueChange:o=>{t?.({...e,to:o.floatValue})}})]})]})}export{f as InputAction,ue as InputCaption,T as InputContent,c as InputCurrency,ve as InputCurrencyRange,se as InputIcon,E as InputLabel,j as InputMask,y as InputNumber,_e as InputNumericStepper,R as InputRoot,d as InputSlot,oe as InputText,$ as InputTrigger};
|
|
1
|
+
import{createContext as M,useContext as N}from"react";var u=M({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=N(u);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as F}from"@xjur-ui/util";var a=F({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 x}from"react/jsx-runtime";var{wrapper:S}=a();function R({className:e,state:t="normal",customMask:o,variant:r="normal",mask:i,...p}){return x(u.Provider,{value:{state:t,customMask:o,mask:i,variant:r},children:x("div",{className:S({className:e,state:t}),...p})})}import{jsx as z}from"react/jsx-runtime";var{content:O}=a();function T({className:e,...t}){let{state:o}=n();return z("div",{className:O({className:e,state:o}),...t})}import{tv as A}from"@xjur-ui/util";import{jsx as g}from"react/jsx-runtime";function b({className:e,htmlFor:t,children:o,...r}){let{state:i}=n(),p=A({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return g("label",{className:p({className:e,state:i}),htmlFor:t,...r,children:g("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as V}from"react/jsx-runtime";function E(e){return V(b,{...e})}import{tv as D,twMerge as K}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";var{trigger:L}=a();function $({className:e,...t}){let{state:o,variant:r}=n(),i=D({base:["group bg-layer-2-idle relative"],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"]}}}),p=K(L({state:o,className:e}),r==="filter"&&i({state:o,className:e}));return q("div",{"aria-disabled":o==="disabled",className:p,...t})}import{InputMask as Y}from"@react-input/mask";function _(e,t){switch(e){case"cpf":return{...t,...G};case"cnpj":return{...t,...H};case"telefone":return{...t,...J};case"cep":return{...t,...U};case"numero-processo":return{...t,...B};case"data":return{...t,...Q};case"hora":return{...t,...W};case"data-hora":return{...t,...X};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var G={mask:"###.###.###-##",replacement:{"#":/\d/}},H={mask:"##.###.###/####-##",replacement:{"#":/\d/}},J={mask:"(##) #####-####",replacement:{"#":/\d/}},U={mask:"#####-###",replacement:{"#":/\d/}},B={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},Q={mask:"##/##/####",replacement:{"#":/\d/}},W={mask:"##:##",replacement:{"#":/\d/}},X={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{jsx as ee}from"react/jsx-runtime";var{value:Z}=a();function j({className:e,placeholder:t,...o}){let{customMask:r,state:i,mask:p,variant:P}=n();return ee(Y,{...o,...p?{..._(p)}:r&&{...r},className:Z({className:e,state:i}),disabled:i==="disabled",placeholder:P==="filter"?" ":t,readOnly:i==="disabled"})}import{jsx as re}from"react/jsx-runtime";var{value:te}=a();function oe({className:e,placeholder:t,...o}){let{state:r,variant:i}=n();return re("input",{...o,className:te({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled"})}import{NumericFormat as ne}from"react-number-format";import{jsx as v}from"react/jsx-runtime";var{value:ae}=a();function y({className:e,placeholder:t,...o}){let{state:r,variant:i}=n();return v(ne,{className:ae({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled",...o})}function c(e){return v(y,{allowNegative:!1,decimalScale:2,decimalSeparator:",",fixedDecimalScale:!0,inputMode:"decimal",thousandSeparator:".",...e})}import{cx as ie}from"@xjur-ui/util";import{jsx as pe}from"react/jsx-runtime";function l({className:e,filled:t=!1,name:o,...r}){return pe("span",{...r,className:ie("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 w}from"react/jsx-runtime";var{icon:le}=a();function se({className:e,name:t,orientation:o="left",...r}){let{state:i}=n();return w("div",{className:le({className:e,state:i}),"data-slot":`control-${o}-slot`,...r,children:w(l,{name:t})})}import{jsx as ce}from"react/jsx-runtime";var{slotText:me}=a();function d({className:e,...t}){let{state:o}=n();return ce("span",{className:me({className:e,state:o}),...t})}import{jsx as fe}from"react/jsx-runtime";var{caption:de}=a();function ue({className:e,...t}){let{state:o}=n();return fe("p",{className:de({className:e,state:o}),...t})}import{jsx as xe}from"react/jsx-runtime";var{action:he}=a();function f({className:e,...t}){let{state:o}=n();return xe("div",{className:he({className:e,state:o}),"data-slot":"input-action-slot",...t})}import"react";import*as C from"@radix-ui/react-separator";import{cx as ge}from"@xjur-ui/util";import{jsx as be}from"react/jsx-runtime";function k({className:e,orientation:t="horizontal",decorative:o=!0,...r}){return be(C.Root,{className:ge("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:o,orientation:t,...r})}import{jsx as s,jsxs as ye}from"react/jsx-runtime";function _e({handleIncrement:e,handleDecrement:t}){return ye(f,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[s("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:s(l,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),s(k,{}),s("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:s(l,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}import{twMerge as I}from"@xjur-ui/util";import{jsx as m,jsxs as h}from"react/jsx-runtime";function ve({range:e,onRangeChange:t}){return h("div",{className:"group gap-small flex items-center",children:[h("div",{className:"gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center",children:[m(d,{children:"R$"}),m(c,{value:e?.from,onValueChange:o=>{t?.({...e,from:o.floatValue})}})]}),m("span",{className:I("text-size-label-md text-neutral-placeholder","hidden group-focus-within:block group-has-[input:not(:placeholder-shown)]:block"),children:"-"}),h("div",{className:I("gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center transition-all","hidden group-focus-within:flex group-has-[input:not(:placeholder-shown)]:flex"),children:[m(d,{children:"R$"}),m(c,{value:e?.to,onValueChange:o=>{t?.({...e,to:o.floatValue})}})]})]})}export{f as InputAction,ue as InputCaption,T as InputContent,c as InputCurrency,ve as InputCurrencyRange,se as InputIcon,E as InputLabel,j as InputMask,y as InputNumber,_e as InputNumericStepper,R as InputRoot,d as InputSlot,oe as InputText,$ as InputTrigger};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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",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 p}from"react/jsx-runtime";var{action:d}=r();function b({className:e,...o}){let{state:n}=t();return p("div",{className:d({className:e,state:n}),"data-slot":"input-action-slot",...o})}export{b as InputAction};
|
|
1
|
+
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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 p}from"react/jsx-runtime";var{action:d}=r();function b({className:e,...o}){let{state:n}=t();return p("div",{className:d({className:e,state:n}),"data-slot":"input-action-slot",...o})}export{b as InputAction};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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",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 p}from"react/jsx-runtime";var{caption:d}=r();function b({className:e,...o}){let{state:n}=t();return p("p",{className:d({className:e,state:n}),...o})}export{b as InputCaption};
|
|
1
|
+
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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 p}from"react/jsx-runtime";var{caption:d}=r();function b({className:e,...o}){let{state:n}=t();return p("p",{className:d({className:e,state:n}),...o})}export{b as InputCaption};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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",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 p}from"react/jsx-runtime";var{content:d}=r();function b({className:e,...o}){let{state:n}=t();return p("div",{className:d({className:e,state:n}),...o})}export{b as InputContent};
|
|
1
|
+
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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 p}from"react/jsx-runtime";var{content:d}=r();function b({className:e,...o}){let{state:n}=t();return p("div",{className:d({className:e,state:n}),...o})}export{b as InputContent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{twMerge as m}from"@xjur-ui/util";import{NumericFormat as h}from"react-number-format";import{createContext as c,useContext as f}from"react";var x=c({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=f(x);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as g}from"@xjur-ui/util";var a=g({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",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 u}from"react/jsx-runtime";var{value:b}=a();function y({className:e,placeholder:r,...t}){let{state:l,variant:d}=n();return u(h,{className:b({className:e,state:l}),disabled:l==="disabled",placeholder:d==="filter"?" ":r,readOnly:l==="disabled",...t})}function i(e){return u(y,{allowNegative:!1,decimalScale:2,decimalSeparator:",",fixedDecimalScale:!0,inputMode:"decimal",thousandSeparator:".",...e})}import{jsx as w}from"react/jsx-runtime";var{slotText:v}=a();function s({className:e,...r}){let{state:t}=n();return w("span",{className:v({className:e,state:t}),...r})}import{jsx as o,jsxs as p}from"react/jsx-runtime";function _({range:e,onRangeChange:r}){return p("div",{className:"group gap-small flex items-center",children:[p("div",{className:"gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center",children:[o(s,{children:"R$"}),o(i,{value:e?.from,onValueChange:t=>{r?.({...e,from:t.floatValue})}})]}),o("span",{className:m("text-size-label-md text-neutral-placeholder","hidden group-focus-within:block group-has-[input:not(:placeholder-shown)]:block"),children:"-"}),p("div",{className:m("gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center transition-all","hidden group-focus-within:flex group-has-[input:not(:placeholder-shown)]:flex"),children:[o(s,{children:"R$"}),o(i,{value:e?.to,onValueChange:t=>{r?.({...e,to:t.floatValue})}})]})]})}export{_ as InputCurrencyRange};
|
|
1
|
+
import{twMerge as m}from"@xjur-ui/util";import{NumericFormat as h}from"react-number-format";import{createContext as c,useContext as f}from"react";var x=c({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=f(x);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as g}from"@xjur-ui/util";var a=g({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 u}from"react/jsx-runtime";var{value:b}=a();function y({className:e,placeholder:r,...t}){let{state:l,variant:d}=n();return u(h,{className:b({className:e,state:l}),disabled:l==="disabled",placeholder:d==="filter"?" ":r,readOnly:l==="disabled",...t})}function i(e){return u(y,{allowNegative:!1,decimalScale:2,decimalSeparator:",",fixedDecimalScale:!0,inputMode:"decimal",thousandSeparator:".",...e})}import{jsx as w}from"react/jsx-runtime";var{slotText:v}=a();function s({className:e,...r}){let{state:t}=n();return w("span",{className:v({className:e,state:t}),...r})}import{jsx as o,jsxs as p}from"react/jsx-runtime";function _({range:e,onRangeChange:r}){return p("div",{className:"group gap-small flex items-center",children:[p("div",{className:"gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center",children:[o(s,{children:"R$"}),o(i,{value:e?.from,onValueChange:t=>{r?.({...e,from:t.floatValue})}})]}),o("span",{className:m("text-size-label-md text-neutral-placeholder","hidden group-focus-within:block group-has-[input:not(:placeholder-shown)]:block"),children:"-"}),p("div",{className:m("gap-small-1x flex h-full max-w-[240px] min-w-[100px] grow items-center transition-all","hidden group-focus-within:flex group-has-[input:not(:placeholder-shown)]:flex"),children:[o(s,{children:"R$"}),o(i,{value:e?.to,onValueChange:t=>{r?.({...e,to:t.floatValue})}})]})]})}export{_ as InputCurrencyRange};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as d}from"@xjur-ui/util";import{jsx as c}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return c("span",{...t,className:d("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 p,useContext as _}from"react";var m=p({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=_(m);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as u}from"@xjur-ui/util";var i=u({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",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 l}from"react/jsx-runtime";var{icon:f}=i();function P({className:e,name:o,orientation:r="left",...t}){let{state:s}=n();return l("div",{className:f({className:e,state:s}),"data-slot":`control-${r}-slot`,...t,children:l(a,{name:o})})}export{P as InputIcon};
|
|
1
|
+
import{cx as d}from"@xjur-ui/util";import{jsx as c}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return c("span",{...t,className:d("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 p,useContext as _}from"react";var m=p({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=_(m);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as u}from"@xjur-ui/util";var i=u({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 l}from"react/jsx-runtime";var{icon:f}=i();function P({className:e,name:o,orientation:r="left",...t}){let{state:s}=n();return l("div",{className:f({className:e,state:s}),"data-slot":`control-${r}-slot`,...t,children:l(a,{name:o})})}export{P as InputIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{InputMask as O}from"@react-input/mask";import{createContext as c,useContext as d}from"react";var m=c({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=d(m);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}function s(t,e){switch(t){case"cpf":return{...e,...u};case"cnpj":return{...e,...f};case"telefone":return{...e,...k};case"cep":return{...e,...x};case"numero-processo":return{...e,...M};case"data":return{...e,...h};case"hora":return{...e,...
|
|
1
|
+
import{InputMask as O}from"@react-input/mask";import{createContext as c,useContext as d}from"react";var m=c({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=d(m);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}function s(t,e){switch(t){case"cpf":return{...e,...u};case"cnpj":return{...e,...f};case"telefone":return{...e,...k};case"cep":return{...e,...x};case"numero-processo":return{...e,...M};case"data":return{...e,...h};case"hora":return{...e,...g};case"data-hora":return{...e,...b};case"custom":if(!e)throw new Error("Options are required for custom mask");return e}}var u={mask:"###.###.###-##",replacement:{"#":/\d/}},f={mask:"##.###.###/####-##",replacement:{"#":/\d/}},k={mask:"(##) #####-####",replacement:{"#":/\d/}},x={mask:"#####-###",replacement:{"#":/\d/}},M={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},h={mask:"##/##/####",replacement:{"#":/\d/}},g={mask:"##:##",replacement:{"#":/\d/}},b={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{tv as y}from"@xjur-ui/util";var i=y({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 C}from"react/jsx-runtime";var{value:v}=i();function F({className:t,placeholder:e,...l}){let{customMask:a,state:r,mask:o,variant:p}=n();return C(O,{...l,...o?{...s(o)}:a&&{...a},className:v({className:t,state:r}),disabled:r==="disabled",placeholder:p==="filter"?" ":e,readOnly:r==="disabled"})}export{F as InputMask};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{NumericFormat as
|
|
1
|
+
import{NumericFormat as m}from"react-number-format";import{createContext as s,useContext as d}from"react";var p=s({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function r(){let e=d(p);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as u}from"@xjur-ui/util";var o=u({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 a}from"react/jsx-runtime";var{value:c}=o();function f({className:e,placeholder:n,...i}){let{state:t,variant:l}=r();return a(m,{className:c({className:e,state:t}),disabled:t==="disabled",placeholder:l==="filter"?" ":n,readOnly:t==="disabled",...i})}function k(e){return a(f,{allowNegative:!1,decimalScale:2,decimalSeparator:",",fixedDecimalScale:!0,inputMode:"decimal",thousandSeparator:".",...e})}export{k as InputCurrency,f as InputNumber};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as p}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return m("span",{...a,className:p("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import"react";import*as i from"@radix-ui/react-separator";import{cx as u}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function l({className:e,orientation:t="horizontal",decorative:o=!0,...a}){return _(i.Root,{className:u("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:o,orientation:t,...a})}import{createContext as f,useContext as b}from"react";var h=f({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let e=b(h);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as y}from"@xjur-ui/util";var d=y({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",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 g}from"react/jsx-runtime";var{action:x}=d();function c({className:e,...t}){let{state:o}=s();return g("div",{className:x({className:e,state:o}),"data-slot":"input-action-slot",...t})}import{jsx as r,jsxs as v}from"react/jsx-runtime";function $({handleIncrement:e,handleDecrement:t}){return v(c,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),r(l,{}),r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}export{$ as InputNumericStepper};
|
|
1
|
+
import{cx as p}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return m("span",{...a,className:p("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import"react";import*as i from"@radix-ui/react-separator";import{cx as u}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function l({className:e,orientation:t="horizontal",decorative:o=!0,...a}){return _(i.Root,{className:u("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:o,orientation:t,...a})}import{createContext as f,useContext as b}from"react";var h=f({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let e=b(h);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as y}from"@xjur-ui/util";var d=y({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 g}from"react/jsx-runtime";var{action:x}=d();function c({className:e,...t}){let{state:o}=s();return g("div",{className:x({className:e,state:o}),"data-slot":"input-action-slot",...t})}import{jsx as r,jsxs as v}from"react/jsx-runtime";function $({handleIncrement:e,handleDecrement:t}){return v(c,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),r(l,{}),r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}export{$ as InputNumericStepper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as d,useContext as c}from"react";var t=d({state:"normal",variant:"normal",customMask:void 0,mask:void 0});import{tv as p}from"@xjur-ui/util";var r=p({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",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 o}from"react/jsx-runtime";var{wrapper:
|
|
1
|
+
import{createContext as d,useContext as c}from"react";var t=d({state:"normal",variant:"normal",customMask:void 0,mask:void 0});import{tv as p}from"@xjur-ui/util";var r=p({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 o}from"react/jsx-runtime";var{wrapper:u}=r();function h({className:n,state:e="normal",customMask:a,variant:i="normal",mask:l,...s}){return o(t.Provider,{value:{state:e,customMask:a,mask:l,variant:i},children:o("div",{className:u({className:n,state:e}),...s})})}export{h as InputRoot};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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",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 p}from"react/jsx-runtime";var{slotText:d}=r();function b({className:e,...o}){let{state:n}=t();return p("span",{className:d({className:e,state:n}),...o})}export{b as InputSlot};
|
|
1
|
+
import{createContext as a,useContext as i}from"react";var l=a({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({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 p}from"react/jsx-runtime";var{slotText:d}=r();function b({className:e,...o}){let{state:n}=t();return p("span",{className:d({className:e,state:n}),...o})}export{b as InputSlot};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{tv as e}from"@xjur-ui/util";var t=e({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",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"}}}});export{t as input};
|
|
1
|
+
import{tv as e}from"@xjur-ui/util";var t=e({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"}}}});export{t as input};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext as l,useContext as s}from"react";var d=l({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function r(){let e=s(d);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as p}from"@xjur-ui/util";var o=p({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",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 m}from"react/jsx-runtime";var{value:u}=o();function v({className:e,placeholder:n,...a}){let{state:t,variant:i}=r();return m("input",{...a,className:u({className:e,state:t}),disabled:t==="disabled",placeholder:i==="filter"?" ":n,readOnly:t==="disabled"})}export{v as InputText};
|
|
1
|
+
import{createContext as l,useContext as s}from"react";var d=l({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function r(){let e=s(d);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as p}from"@xjur-ui/util";var o=p({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 m}from"react/jsx-runtime";var{value:u}=o();function v({className:e,placeholder:n,...a}){let{state:t,variant:i}=r();return m("input",{...a,className:u({className:e,state:t}),disabled:t==="disabled",placeholder:i==="filter"?" ":n,readOnly:t==="disabled"})}export{v as InputText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{tv as u,twMerge as c}from"@xjur-ui/util";import{createContext as d,useContext as s}from"react";var p=d({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=s(p);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as m}from"@xjur-ui/util";var o=m({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",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
|
|
1
|
+
import{tv as u,twMerge as c}from"@xjur-ui/util";import{createContext as d,useContext as s}from"react";var p=d({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=s(p);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as m}from"@xjur-ui/util";var o=m({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 b}from"react/jsx-runtime";var{trigger:g}=o();function C({className:e,...a}){let{state:r,variant:n}=t(),i=u({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=c(g({state:r,className:e}),n==="filter"&&i({state:r,className:e}));return b("div",{"aria-disabled":r==="disabled",className:l,...a})}export{C as InputTrigger};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import*as
|
|
1
|
+
import"react";import*as l from"@radix-ui/react-radio-group";import{cx as x}from"@xjur-ui/util";import{Slot as C}from"@radix-ui/react-slot";import{cva as R}from"@xjur-ui/util";import{memo as h,useState as N}from"react";import*as n from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function T({delayDuration:t=0,...o}){return v(n.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function y({...t}){return v(T,{children:v(n.Root,{"data-slot":"tooltip",...t})})}import*as g from"@radix-ui/react-tooltip";import{jsx as z}from"react/jsx-runtime";function f({...t}){return z(g.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as d from"@radix-ui/react-tooltip";import{cx as P}from"@xjur-ui/util";import{jsx as u}from"react/jsx-runtime";function b({className:t,sideOffset:o=1,variant:e="simple",children:i,...a}){return u(d.Portal,{children:u(d.Content,{className:P("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 k}from"react/jsx-runtime";var w=R("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),m=h(({variant:t,size:o,weight:e,asChild:i,className:a,...r})=>p(i?C:"span",{className:w({variant:t,size:o,weight:e,className:a}),...r}));m.displayName="Typography";var G=h(({children:t,...o})=>{let[e,i]=N(!1);return k(y,{children:[p(f,{asChild:!0,children:p(m,{onMouseEnter:({currentTarget:r})=>{let c=r.scrollWidth>r.clientWidth;i(c),c?r.style.cursor="pointer":r.style.cursor="text"},...o,children:t})}),e&&p(b,{children:t})]})});G.displayName="TruncatedTypography";import{jsx as s,jsxs as I}from"react/jsx-runtime";function _({className:t,orientation:o="vertical",...e}){return s(l.Root,{className:x("gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",t),"data-orientation":o,"data-slot":"radio-group",...e})}function $({className:t,id:o,label:e,disabled:i=!1,...a}){return I("div",{className:"gap-small flex items-center",children:[s(l.Item,{className:x("size-large-alt rounded-circle inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",t),"data-slot":"radio-group-item",disabled:i,id:o,...a,children:s(l.Indicator,{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})}),!!e&&s(m,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":i,weight:"medium",children:s("label",{htmlFor:o,children:e})})]})}export{_ as RadioGroup,$ as RadioItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as f}from"@xjur-ui/util";import{useCallback as B,useMemo as H,useState as Ne}from"react";import{EditorContent as Ee,EditorContext as Ve,useCurrentEditor as A,useEditorState as K,useEditor as Ie}from"@tiptap/react";import{StarterKit as Se}from"@tiptap/starter-kit";import{Heading as Be}from"@tiptap/extension-heading";import{Placeholder as He}from"@tiptap/extension-placeholder";import{useState as Z,useEffect as J}from"react";function _(){let[e,t]=Z("unknown");return J(()=>{if(typeof window>"u")return;let o=window.navigator.userAgent;/iPad|iPhone|iPod/.test(o)?t("ios"):/Mac/.test(o)?t("macos"):/Win/.test(o)?t("windows"):/Android/.test(o)?t("android"):/Linux/.test(o)?t("linux"):t("unknown")},[]),{os:e,shortcut:["macos","ios"].includes(e)?"\u2318":"Ctrl"}}import{cx as Q}from"@xjur-ui/util";import{jsx as X}from"react/jsx-runtime";function C({className:e,filled:t=!1,name:o,...r}){return X("span",{...r,className:Q("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 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 P({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return re(e?j:"button",{className:te(oe({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as $ from"@radix-ui/react-dropdown-menu";import{jsx as ae}from"react/jsx-runtime";function T({...e}){return ae($.Root,{"data-slot":"dropdown-menu",...e})}import*as q from"@radix-ui/react-dropdown-menu";import{jsx as ie}from"react/jsx-runtime";function z({...e}){return ie(q.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as g from"@radix-ui/react-dropdown-menu";import{cx as Te}from"@xjur-ui/util";import{Slot as le}from"@radix-ui/react-slot";import{cx as se}from"@xjur-ui/util";import{useVirtualizer as pe}from"@tanstack/react-virtual";import{useRef as de}from"react";import{createContext as ne}from"react";var u=ne({virtualizer:null,enabled:!1});import{jsx as G}from"react/jsx-runtime";function M({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:l=5,...d}){let p=t?le:"div",m=de(null),s=pe({count:i,getScrollElement:()=>m.current,estimateSize:a,overscan:l,enabled:r});return G(u.Provider,{value:{virtualizer:s,enabled:r},children:G(p,{...d,className:se(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:m,children:o})})}import{Slot as gt}from"@radix-ui/react-slot";import{cx as xt}from"@xjur-ui/util";import{jsx as ht}from"react/jsx-runtime";import{cx as Mt}from"@xjur-ui/util";import{Slot as me}from"@radix-ui/react-slot";import{cva as ce}from"@xjur-ui/util";import{memo as ue}from"react";import{jsx as ge}from"react/jsx-runtime";var fe=ce("",{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=ue(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>ge(r?me:"span",{className:fe({variant:e,size:t,weight:o,className:i}),...a}));c.displayName="Typography";import{jsx as Rt}from"react/jsx-runtime";import{Slot as ve}from"@radix-ui/react-slot";import{cx as U}from"@xjur-ui/util";import{useContext as xe}from"react";import{jsx as D}from"react/jsx-runtime";function L({className:e,asChild:t,children:o,renderItem:r,...i}){let a=t?ve:"ul",{virtualizer:l,enabled:d}=xe(u);if(d&&l&&r){let p=l.getVirtualItems();return D(a,{...i,className:U("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:p.map(m=>D("div",{className:"absolute top-0 left-0 w-full","data-index":m.index,ref:l.measureElement,style:{transform:`translateY(${m.start}px)`},children:r(m.index)},m.key))})}return D(a,{...i,className:U("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as be}from"@radix-ui/react-slot";import{cx as he,cva as ye}from"@xjur-ui/util";import{jsx as _e}from"react/jsx-runtime";var we=ye(["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 R({className:e,size:t,isActive:o,asChild:r,...i}){return _e(r?be:"li",{...i,className:he(we({size:t,isActive:o}),e)})}import{jsx as k}from"react/jsx-runtime";function N({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:i,...a}){return k(g.Portal,{children:k(g.Content,{align:o,className:Te("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:r,sideOffset:t,...a,children:k(M,{children:i})})})}import{jsx as ze}from"react/jsx-runtime";function E({...e}){return ze(L,{...e})}import{jsx as ao}from"react/jsx-runtime";import{cx as De}from"@xjur-ui/util";import"react";import*as Me from"@radix-ui/react-separator";import{cx as so}from"@xjur-ui/util";import{jsx as mo}from"react/jsx-runtime";import{jsx as W}from"react/jsx-runtime";function V({className:e,...t}){return W(R,{className:De(e,"cursor-pointer"),...t})}function I({...e}){return W(c,{...e})}import*as v from"@radix-ui/react-tooltip";import{jsx as S}from"react/jsx-runtime";function Le({delayDuration:e=0,...t}){return S(v.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function x({...e}){return S(Le,{children:S(v.Root,{"data-slot":"tooltip",...e})})}import*as Y from"@radix-ui/react-tooltip";import{jsx as Re}from"react/jsx-runtime";function b({...e}){return Re(Y.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as h from"@radix-ui/react-tooltip";import{cx as ke}from"@xjur-ui/util";import{jsx as F}from"react/jsx-runtime";function y({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return F(h.Portal,{children:F(h.Content,{className:ke("text-size-body-sm 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 n,jsxs as O}from"react/jsx-runtime";var w={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function jo({className:e,editorOptions:t,...o}){let r=Ie({...t,extensions:[Se.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),He.configure({placeholder:({node:a,editor:l})=>a.type.name==="paragraph"&&l.isEmpty?"Digite aqui\u2026":"",showOnlyWhenEditable:!0,includeChildren:!1,emptyNodeClass:"before:content-[attr(data-placeholder)] before:absolute before:top-0 before:left-0 before:text-neutral-placeholder first:before:float-left first:before:content-[attr(data-placeholder)] first:before:pointer-events-none"}),Be.configure({levels:[1,2,3]}).extend({renderHTML({node:a,HTMLAttributes:l}){let d=a.attrs.level??1;return["h",{...l,class:w[d]},0]}}),...t?.extensions??[]]}),i=H(()=>({editor:r}),[r]);return n(Ve.Provider,{value:i,children:n("div",{className:f("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...o})})}function er({className:e,...t}){return n("div",{className:f("bg-layer-2-hover py-small_1x-alt px-small rounded-small-1x min-h-[116px] w-full border border-transparent","hover:border-border-layer-2 transition-colors duration-200","[&_ul_ul]:list-[circle]","[&_ul_ul_ul]:list-[square]","[&_ol_ol]:list-[lower-alpha]","[&_ol_ol_ol]:list-[lower-roman]","gap-small flex flex-col overflow-x-hidden overflow-y-auto",e),"data-slot":"text-area-content",...t})}function tr({className:e,...t}){return n("p",{...t,className:f("text-size-body-sm text-neutral-dark font-normal",e),"data-slot":"text-area-caption"})}function or({className:e,...t}){let{editor:o}=A();return n(Ee,{className:f("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",e),editor:o,...t})}function rr({className:e,...t}){return n("div",{className:f("h-large-4x gap-small-1x h-large-6px scrollbar-hide flex flex-nowrap items-center overflow-x-auto overflow-y-hidden",e),"data-slot":"text-area-toolbar",...t})}function Oe({appearance:e="ghost",variant:t="secondary",onMouseDown:o,onPointerDown:r,...i}){return n(P,{appearance:e,size:"icon_md",tabIndex:-1,type:"button",variant:t,onMouseDown:a=>{a.preventDefault(),o?.(a)},onPointerDown:a=>{a.preventDefault(),r?.(a)},...i})}function ar({name:e,...t}){let{editor:o}=A(),{shortcut:r}=_(),i=K({editor:o,selector:p=>p.editor?.isActive(e)??!1}),a=H(()=>new Map([["bold","format_bold"],["italic","format_italic"],["underline","format_underlined"],["strike","format_strikethrough"],["bulletList","format_list_bulleted"],["orderedList","format_list_numbered"],["undo","undo"],["redo","redo"]]).get(e),[e]),l=H(()=>new Map([["bold",`Negrito (${r} + B)`],["italic",`It\xE1lico (${r} + I)`],["underline",`Sublinhado (${r} + U)`],["strike",`Tachado (${r} + S)`],["bulletList",`Lista (${r} + Shift + 7)`],["orderedList",`Lista numerada (${r} + Shift + 8)`],["undo",`Desfazer (${r} + Z)`],["redo",`Refazer (${r} + Y)`]]).get(e),[e,r]),d=B(()=>{if(!o)throw new Error("Editor not found");new Map([["bold",()=>o.chain().focus().toggleBold().run()],["italic",()=>o.chain().focus().toggleItalic().run()],["underline",()=>o.chain().focus().toggleUnderline().run()],["strike",()=>o.chain().focus().toggleStrike().run()],["bulletList",()=>o.chain().focus().toggleBulletList().run()],["orderedList",()=>o.chain().focus().toggleOrderedList().run()],["undo",()=>o.chain().focus().undo().run()],["redo",()=>o.chain().focus().redo().run()]]).get(e)?.()},[o,e]);return O(x,{children:[n(b,{asChild:!0,children:n(Oe,{onClick:d,...i&&{appearance:"solid"},...t,children:a&&n(C,{className:"text-icon-neutral-3",name:a})})}),n(y,{children:l&&n(c,{size:"sm",children:l})})]})}function ir({appearance:e="ghost",variant:t="secondary",...o}){let[r,i]=Ne(!1),{editor:a}=A(),l=K({editor:a,selector:s=>s.editor?.isActive("heading")??!1}),d=B(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),p=B(s=>{if(!a)throw new Error("Editor not found");i(!1),setTimeout(()=>{a.chain().focus().toggleHeading({level:s}).run()},0)},[a]),m=[{level:1,label:"Normal",className:w[1]},{level:2,label:"Grande",className:w[2]},{level:3,label:"Enorme",className:w[3]}];return O(T,{open:r,onOpenChange:s=>i(s),children:[n(z,{asChild:!0,children:n(P,{appearance:l?"solid":e,size:"icon_md",tabIndex:-1,type:"button",variant:t,...o,children:O(x,{children:[n(b,{asChild:!0,children:n(C,{className:"text-icon-neutral-3",name:"format_size"})}),n(y,{children:n(c,{size:"sm",children:"Tamanho"})})]})})}),n(N,{children:n(E,{children:m.map(s=>n(V,{isActive:d(s.level),onPointerDown:()=>p(s.level),children:n(I,{className:s.className,children:s.label})},s.level))})})]})}export{ir as HeadingButton,or as RichEditorAreaText,tr as RichEditorCaption,er as RichEditorContent,jo as RichEditorRoot,rr as RichEditorToolbar,ar as ToggleButton,Oe as ToolbarButton,A as useRichTextEditor,K as useRichTextEditorState};
|
|
1
|
+
import{cx as x}from"@xjur-ui/util";import{useCallback as H,useMemo as O,useState as Ie}from"react";import{EditorContent as Se,EditorContext as Be,useCurrentEditor as $,useEditorState as J,useEditor as He}from"@tiptap/react";import{StarterKit as Oe}from"@tiptap/starter-kit";import{Heading as Ae}from"@tiptap/extension-heading";import{Placeholder as $e}from"@tiptap/extension-placeholder";import{useState as Q,useEffect as X}from"react";function C(){let[e,t]=Q("unknown");return X(()=>{if(typeof window>"u")return;let o=window.navigator.userAgent;/iPad|iPhone|iPod/.test(o)?t("ios"):/Mac/.test(o)?t("macos"):/Win/.test(o)?t("windows"):/Android/.test(o)?t("android"):/Linux/.test(o)?t("linux"):t("unknown")},[]),{os:e,shortcut:["macos","ios"].includes(e)?"\u2318":"Ctrl"}}import{cx as j}from"@xjur-ui/util";import{jsx as ee}from"react/jsx-runtime";function T({className:e,filled:t=!1,name:o,...r}){return ee("span",{...r,className:j("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 te}from"@radix-ui/react-slot";import{cva as oe,cx as re}from"@xjur-ui/util";import{jsx as ie}from"react/jsx-runtime";var ae=oe(["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 P({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return ie(e?te:"button",{className:re(ae({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as q from"@radix-ui/react-dropdown-menu";import{jsx as ne}from"react/jsx-runtime";function z({...e}){return ne(q.Root,{"data-slot":"dropdown-menu",...e})}import*as W from"@radix-ui/react-dropdown-menu";import{jsx as le}from"react/jsx-runtime";function M({...e}){return le(W.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as w from"@radix-ui/react-dropdown-menu";import{cx as ke}from"@xjur-ui/util";import{Slot as pe}from"@radix-ui/react-slot";import{cx as de}from"@xjur-ui/util";import{useVirtualizer as me}from"@tanstack/react-virtual";import{useRef as ce}from"react";import{createContext as se}from"react";var v=se({virtualizer:null,enabled:!1});import{jsx as G}from"react/jsx-runtime";function D({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:l=5,...d}){let p=t?pe:"div",m=ce(null),s=me({count:i,getScrollElement:()=>m.current,estimateSize:a,overscan:l,enabled:r});return G(v.Provider,{value:{virtualizer:s,enabled:r},children:G(p,{...d,className:de(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:m,children:o})})}import{Slot as yt}from"@radix-ui/react-slot";import{cx as bt}from"@xjur-ui/util";import{jsx as _t}from"react/jsx-runtime";import{cx as qt}from"@xjur-ui/util";import{Slot as ve}from"@radix-ui/react-slot";import{cva as xe}from"@xjur-ui/util";import{memo as F,useState as ye}from"react";import*as y from"@radix-ui/react-tooltip";import{jsx as L}from"react/jsx-runtime";function ue({delayDuration:e=0,...t}){return L(y.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function u({...e}){return L(ue,{children:L(y.Root,{"data-slot":"tooltip",...e})})}import*as U from"@radix-ui/react-tooltip";import{jsx as fe}from"react/jsx-runtime";function f({...e}){return fe(U.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as h from"@radix-ui/react-tooltip";import{cx as ge}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";function g({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return Y(h.Portal,{children:Y(h.Content,{className:ge("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 b,jsxs as we}from"react/jsx-runtime";var he=xe("",{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=F(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>b(r?ve:"span",{className:he({variant:e,size:t,weight:o,className:i}),...a}));c.displayName="Typography";var be=F(({children:e,...t})=>{let[o,r]=ye(!1);return we(u,{children:[b(f,{asChild:!0,children:b(c,{onMouseEnter:({currentTarget:a})=>{let l=a.scrollWidth>a.clientWidth;r(l),l?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),o&&b(g,{children:e})]})});be.displayName="TruncatedTypography";import{jsx as Ut}from"react/jsx-runtime";import{Slot as _e}from"@radix-ui/react-slot";import{cx as K}from"@xjur-ui/util";import{useContext as Ce}from"react";import{jsx as R}from"react/jsx-runtime";function k({className:e,asChild:t,children:o,renderItem:r,...i}){let a=t?_e:"ul",{virtualizer:l,enabled:d}=Ce(v);if(d&&l&&r){let p=l.getVirtualItems();return R(a,{...i,className:K("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:p.map(m=>R("div",{className:"absolute top-0 left-0 w-full","data-index":m.index,ref:l.measureElement,style:{transform:`translateY(${m.start}px)`},children:r(m.index)},m.key))})}return R(a,{...i,className:K("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as Te}from"@radix-ui/react-slot";import{cx as Pe,cva as ze}from"@xjur-ui/util";import{jsx as De}from"react/jsx-runtime";var Me=ze(["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 N({className:e,size:t,isActive:o,asChild:r,...i}){return De(r?Te:"li",{...i,className:Pe(Me({size:t,isActive:o}),e)})}import{jsx as E}from"react/jsx-runtime";function V({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:i,...a}){return E(w.Portal,{children:E(w.Content,{align:o,className:ke("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:r,sideOffset:t,...a,children:E(D,{children:i})})})}import{jsx as Ne}from"react/jsx-runtime";function I({...e}){return Ne(k,{...e})}import{jsx as bo}from"react/jsx-runtime";import{cx as Ve}from"@xjur-ui/util";import"react";import*as Ee from"@radix-ui/react-separator";import{cx as To}from"@xjur-ui/util";import{jsx as zo}from"react/jsx-runtime";import{jsx as Z}from"react/jsx-runtime";function S({className:e,...t}){return Z(N,{className:Ve(e,"cursor-pointer"),...t})}function B({...e}){return Z(c,{...e})}import{jsx as n,jsxs as A}from"react/jsx-runtime";var _={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function rr({className:e,editorOptions:t,...o}){let r=He({...t,extensions:[Oe.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),$e.configure({placeholder:({node:a,editor:l})=>a.type.name==="paragraph"&&l.isEmpty?"Digite aqui\u2026":"",showOnlyWhenEditable:!0,includeChildren:!1,emptyNodeClass:"before:content-[attr(data-placeholder)] before:absolute before:top-0 before:left-0 before:text-neutral-placeholder first:before:float-left first:before:content-[attr(data-placeholder)] first:before:pointer-events-none"}),Ae.configure({levels:[1,2,3]}).extend({renderHTML({node:a,HTMLAttributes:l}){let d=a.attrs.level??1;return["h",{...l,class:_[d]},0]}}),...t?.extensions??[]]}),i=O(()=>({editor:r}),[r]);return n(Be.Provider,{value:i,children:n("div",{className:x("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...o})})}function ar({className:e,...t}){return n("div",{className:x("bg-layer-2-hover py-small_1x-alt px-small rounded-small-1x min-h-[116px] w-full border border-transparent","hover:border-border-layer-2 transition-colors duration-200","[&_ul_ul]:list-[circle]","[&_ul_ul_ul]:list-[square]","[&_ol_ol]:list-[lower-alpha]","[&_ol_ol_ol]:list-[lower-roman]","gap-small flex flex-col overflow-x-hidden overflow-y-auto",e),"data-slot":"text-area-content",...t})}function ir({className:e,...t}){return n("p",{...t,className:x("text-size-body-sm text-neutral-dark font-normal",e),"data-slot":"text-area-caption"})}function nr({className:e,...t}){let{editor:o}=$();return n(Se,{className:x("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",e),editor:o,...t})}function lr({className:e,...t}){return n("div",{className:x("h-large-4x gap-small-1x h-large-6px scrollbar-hide flex flex-nowrap items-center overflow-x-auto overflow-y-hidden",e),"data-slot":"text-area-toolbar",...t})}function qe({appearance:e="ghost",variant:t="secondary",onMouseDown:o,onPointerDown:r,...i}){return n(P,{appearance:e,size:"icon_md",tabIndex:-1,type:"button",variant:t,onMouseDown:a=>{a.preventDefault(),o?.(a)},onPointerDown:a=>{a.preventDefault(),r?.(a)},...i})}function sr({name:e,...t}){let{editor:o}=$(),{shortcut:r}=C(),i=J({editor:o,selector:p=>p.editor?.isActive(e)??!1}),a=O(()=>new Map([["bold","format_bold"],["italic","format_italic"],["underline","format_underlined"],["strike","format_strikethrough"],["bulletList","format_list_bulleted"],["orderedList","format_list_numbered"],["undo","undo"],["redo","redo"]]).get(e),[e]),l=O(()=>new Map([["bold",`Negrito (${r} + B)`],["italic",`It\xE1lico (${r} + I)`],["underline",`Sublinhado (${r} + U)`],["strike",`Tachado (${r} + S)`],["bulletList",`Lista (${r} + Shift + 7)`],["orderedList",`Lista numerada (${r} + Shift + 8)`],["undo",`Desfazer (${r} + Z)`],["redo",`Refazer (${r} + Y)`]]).get(e),[e,r]),d=H(()=>{if(!o)throw new Error("Editor not found");new Map([["bold",()=>o.chain().focus().toggleBold().run()],["italic",()=>o.chain().focus().toggleItalic().run()],["underline",()=>o.chain().focus().toggleUnderline().run()],["strike",()=>o.chain().focus().toggleStrike().run()],["bulletList",()=>o.chain().focus().toggleBulletList().run()],["orderedList",()=>o.chain().focus().toggleOrderedList().run()],["undo",()=>o.chain().focus().undo().run()],["redo",()=>o.chain().focus().redo().run()]]).get(e)?.()},[o,e]);return A(u,{children:[n(f,{asChild:!0,children:n(qe,{onClick:d,...i&&{appearance:"solid"},...t,children:a&&n(T,{className:"text-icon-neutral-3",name:a})})}),n(g,{children:l&&n(c,{size:"sm",children:l})})]})}function pr({appearance:e="ghost",variant:t="secondary",...o}){let[r,i]=Ie(!1),{editor:a}=$(),l=J({editor:a,selector:s=>s.editor?.isActive("heading")??!1}),d=H(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),p=H(s=>{if(!a)throw new Error("Editor not found");i(!1),setTimeout(()=>{a.chain().focus().toggleHeading({level:s}).run()},0)},[a]),m=[{level:1,label:"Normal",className:_[1]},{level:2,label:"Grande",className:_[2]},{level:3,label:"Enorme",className:_[3]}];return A(z,{open:r,onOpenChange:s=>i(s),children:[n(M,{asChild:!0,children:n(P,{appearance:l?"solid":e,size:"icon_md",tabIndex:-1,type:"button",variant:t,...o,children:A(u,{children:[n(f,{asChild:!0,children:n(T,{className:"text-icon-neutral-3",name:"format_size"})}),n(g,{children:n(c,{size:"sm",children:"Tamanho"})})]})})}),n(V,{children:n(I,{children:m.map(s=>n(S,{isActive:d(s.level),onPointerDown:()=>p(s.level),children:n(B,{className:s.className,children:s.label})},s.level))})})]})}export{pr as HeadingButton,nr as RichEditorAreaText,ir as RichEditorCaption,ar as RichEditorContent,rr as RichEditorRoot,lr as RichEditorToolbar,sr as ToggleButton,qe as ToolbarButton,$ as useRichTextEditor,J as useRichTextEditorState};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cva as
|
|
1
|
+
import{cva as J,cx as n}from"@xjur-ui/util";import{createContext as U}from"react";import{InputMask as G}from"@react-input/mask";import{NumericFormat as Q}from"react-number-format";import{Slot as M}from"@radix-ui/react-slot";import{cva as S}from"@xjur-ui/util";import{memo as g,useState as I}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as u}from"react/jsx-runtime";function C({delayDuration:e=0,...t}){return u(p.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function y({...e}){return u(C,{children:u(p.Root,{"data-slot":"tooltip",...e})})}import*as x from"@radix-ui/react-tooltip";import{jsx as z}from"react/jsx-runtime";function v({...e}){return z(x.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as k}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function b({className:e,sideOffset:t=1,variant:a="simple",children:r,...s}){return h(d.Portal,{children:h(d.Content,{className:k("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":a,sideOffset:t,...s,children:r})})}import{jsx as m,jsxs as _}from"react/jsx-runtime";var N=S("",{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:a,asChild:r,className:s,...i})=>m(r?M:"span",{className:N({variant:e,size:t,weight:a,className:s}),...i}));c.displayName="Typography";var O=g(({children:e,...t})=>{let[a,r]=I(!1);return _(y,{children:[m(v,{asChild:!0,children:m(c,{onMouseEnter:({currentTarget:i})=>{let l=i.scrollWidth>i.clientWidth;r(l),l?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),a&&m(b,{children:e})]})});O.displayName="TruncatedTypography";function f(e,t){switch(e){case"cpf":return{...t,...E};case"cnpj":return{...t,...R};case"telefone":return{...t,...V};case"cep":return{...t,...w};case"numero-processo":return{...t,...A};case"data":return{...t,...B};case"hora":return{...t,...K};case"data-hora":return{...t,...F};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var E={mask:"###.###.###-##",replacement:{"#":/\d/}},R={mask:"##.###.###/####-##",replacement:{"#":/\d/}},V={mask:"(##) #####-####",replacement:{"#":/\d/}},w={mask:"#####-###",replacement:{"#":/\d/}},A={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},B={mask:"##/##/####",replacement:{"#":/\d/}},K={mask:"##:##",replacement:{"#":/\d/}},F={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as D}from"@radix-ui/react-slot";import{cva as L,cx as H}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";var W=L(["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 P({asChild:e,className:t,variant:a="primary",size:r="md",appearance:s="solid",...i}){return q(e?D:"button",{className:H(W({variant:a,appearance:s,size:r}),t),...i})}import{jsx as o}from"react/jsx-runtime";var T=U({variant:"outlined"});function zt({className:e,variant:t="outlined",...a}){return o(T.Provider,{value:{variant:t},children:o("div",{className:n("relative flex",e),...a})})}function kt({className:e,...t}){let a=J(["gap-small py-small_1x-alt px-small flex items-center w-full","h-large-4x rounded-circle","border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal","group-hover:border-border-layer-3 transition-colors duration-200","disabled:opacity-60","focus-within:border-primary-idle"],{variants:{variant:{outlined:"rounded-circle focus-within:border-primary-idle ",line:"rounded-none border-t-0 border-b-1 border-x-0",action:"rounded-tr-none rounded-br-none border-r-0"}}});return o(T.Consumer,{children:({variant:r})=>o("div",{className:n(e,a({variant:r})),"data-variant":r,...t})})}function Mt({htmlFor:e,...t}){return o(c,{asChild:!0,className:n("absolute -top-[22px] left-0"),size:"sm",variant:"label",weight:"medium",children:o("label",{htmlFor:e,...t})})}function St({className:e,...t}){return o("input",{className:n(e,"flex-1 outline-none"),...t})}function It({className:e,mask:t,customMask:a,...r}){return o(G,{...t?{...f(t)}:a&&{...a},className:n(e,"flex-1 outline-none"),...r})}function Nt({className:e,...t}){return o(Q,{className:n(e,"flex-1 outline-none"),...t})}function Ot(e){return o("div",{...e,"data-slot":"search-input-slot"})}function _t({className:e,appearance:t="ghost",variant:a="outlined",...r}){return o(P,{...r,appearance:t,className:n(e,"cursor-pointer","h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none","text-size-body-md text-neutral-dark gap-small-1x !border-l-0"),"data-slot":"search-input-action",variant:a})}export{_t as SearchInputAction,kt as SearchInputContent,Mt as SearchInputLabel,It as SearchInputMask,Nt as SearchInputNumber,zt as SearchInputRoot,Ot as SearchInputSlot,St as SearchInputText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useMemo as Ne,useState as Ve}from"react";import"react";import*as D from"@radix-ui/react-dropdown-menu";import{jsx as $}from"react/jsx-runtime";function v({...e}){return $(D.Root,{"data-slot":"dropdown-menu",...e})}import*as T from"@radix-ui/react-dropdown-menu";import{jsx as G}from"react/jsx-runtime";function b({...e}){return G(T.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as x from"@radix-ui/react-dropdown-menu";import{cx as de}from"@xjur-ui/util";import{Slot as U}from"@radix-ui/react-slot";import{cx as Y}from"@xjur-ui/util";import{useVirtualizer as Q}from"@tanstack/react-virtual";import{useRef as W}from"react";import{createContext as J}from"react";var u=J({virtualizer:null,enabled:!1});import{jsx as R}from"react/jsx-runtime";function g({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:i=5,...d}){let c=t?U:"div",p=W(null),l=Q({count:a,getScrollElement:()=>p.current,estimateSize:n,overscan:i,enabled:r});return R(u.Provider,{value:{virtualizer:l,enabled:r},children:R(c,{...d,className:Y(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:p,children:o})})}import{Slot as We}from"@radix-ui/react-slot";import{cx as Ze}from"@xjur-ui/util";import{jsx as et}from"react/jsx-runtime";import{cx as pt}from"@xjur-ui/util";import{Slot as X}from"@radix-ui/react-slot";import{cva as Z}from"@xjur-ui/util";import{memo as j}from"react";import{jsx as te}from"react/jsx-runtime";var ee=Z("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=j(({variant:e,size:t,weight:o,asChild:r,className:a,...n})=>te(r?X:"span",{className:ee({variant:e,size:t,weight:o,className:a}),...n}));f.displayName="Typography";import{jsx as dt}from"react/jsx-runtime";import{Slot as re}from"@radix-ui/react-slot";import{cx as N}from"@xjur-ui/util";import{useContext as oe}from"react";import{jsx as _}from"react/jsx-runtime";function w({className:e,asChild:t,children:o,renderItem:r,...a}){let n=t?re:"ul",{virtualizer:i,enabled:d}=oe(u);if(d&&i&&r){let c=i.getVirtualItems();return _(n,{...a,className:N("p-small relative flex flex-col",e),style:{height:`${i.getTotalSize()}px`},children:c.map(p=>_("div",{className:"absolute top-0 left-0 w-full","data-index":p.index,ref:i.measureElement,style:{transform:`translateY(${p.start}px)`},children:r(p.index)},p.key))})}return _(n,{...a,className:N("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as ae}from"@radix-ui/react-slot";import{cx as ne,cva as ie}from"@xjur-ui/util";import{jsx as pe}from"react/jsx-runtime";var se=ie(["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 C({className:e,size:t,isActive:o,asChild:r,...a}){return pe(r?ae:"li",{...a,className:ne(se({size:t,isActive:o}),e)})}import{jsx as M}from"react/jsx-runtime";function P({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:a,...n}){return M(x.Portal,{children:M(x.Content,{align:o,className:de("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:r,sideOffset:t,...n,children:M(g,{children:a})})})}import{jsx as ce}from"react/jsx-runtime";function k({...e}){return ce(w,{...e})}import{jsx as Et}from"react/jsx-runtime";import{cx as fe}from"@xjur-ui/util";import"react";import*as ue from"@radix-ui/react-separator";import{cx as qt}from"@xjur-ui/util";import{jsx as Gt}from"react/jsx-runtime";import{jsx as V}from"react/jsx-runtime";function z({className:e,...t}){return V(C,{className:fe(e,"cursor-pointer"),...t})}function S({...e}){return V(f,{...e})}import{cx as ye}from"@xjur-ui/util";import{jsx as xe}from"react/jsx-runtime";function I({className:e,filled:t=!1,name:o,...r}){return xe("span",{...r,className:ye("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{cva as De,cx as y}from"@xjur-ui/util";import{createContext as Te}from"react";import{InputMask as Re}from"@react-input/mask";import{NumericFormat as Pr}from"react-number-format";function L(e,t){switch(e){case"cpf":return{...t,...he};case"cnpj":return{...t,...ve};case"telefone":return{...t,...be};case"cep":return{...t,...ge};case"numero-processo":return{...t,..._e};case"data":return{...t,...we};case"hora":return{...t,...Ce};case"data-hora":return{...t,...Me};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var he={mask:"###.###.###-##",replacement:{"#":/\d/}},ve={mask:"##.###.###/####-##",replacement:{"#":/\d/}},be={mask:"(##) #####-####",replacement:{"#":/\d/}},ge={mask:"#####-###",replacement:{"#":/\d/}},_e={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},we={mask:"##/##/####",replacement:{"#":/\d/}},Ce={mask:"##:##",replacement:{"#":/\d/}},Me={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as Pe}from"@radix-ui/react-slot";import{cva as ke,cx as ze}from"@xjur-ui/util";import{jsx as Ie}from"react/jsx-runtime";var Se=ke(["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 O({asChild:e,className:t,variant:o="primary",size:r="md",appearance:a="solid",...n}){return Ie(e?Pe:"button",{className:ze(Se({variant:o,appearance:a,size:r}),t),...n})}import{jsx as m}from"react/jsx-runtime";var A=Te({variant:"outlined"});function H({className:e,variant:t="outlined",...o}){return m(A.Provider,{value:{variant:t},children:m("div",{className:y("relative flex",e),...o})})}function E({className:e,...t}){let o=De(["gap-small py-small_1x-alt px-small flex items-center w-full","h-large-4x rounded-circle","border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal","group-hover:border-border-layer-3 transition-colors duration-200","disabled:opacity-60","focus-within:border-primary-idle"],{variants:{variant:{outlined:"rounded-circle focus-within:border-primary-idle ",line:"rounded-none border-t-0 border-b-1 border-x-0",action:"rounded-tr-none rounded-br-none border-r-0"}}});return m(A.Consumer,{children:({variant:r})=>m("div",{className:y(e,o({variant:r})),"data-variant":r,...t})})}function K({className:e,...t}){return m("input",{className:y(e,"flex-1 outline-none"),...t})}function B({className:e,mask:t,customMask:o,...r}){return m(Re,{...t?{...L(t)}:o&&{...o},className:y(e,"flex-1 outline-none"),...r})}function F(e){return m("div",{...e,"data-slot":"search-input-slot"})}function q({className:e,appearance:t="ghost",variant:o="outlined",...r}){return m(O,{...r,appearance:t,className:y(e,"cursor-pointer","h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none","text-size-body-md text-neutral-dark gap-small-1x !border-l-0"),"data-slot":"search-input-action",variant:o})}import{jsx as s,jsxs as h}from"react/jsx-runtime";function Lr({options:e,mask:t,customMask:o,placeholder:r="Pesquisar",onChangeSearchOption:a,selectedSearchOption:n,...i}){let[d,c]=Ve(n),p=Ne(()=>e.find(l=>l.value===d)?.label,[e,d]);return h(H,{className:"w-full",variant:"action",children:[h(E,{children:[s(F,{children:s(I,{className:"text-icon-neutral-3",name:"search"})}),t||o?s(B,{customMask:o,mask:t,placeholder:r,...i}):s(K,{placeholder:r,...i})]}),h(v,{children:[s(b,{asChild:!0,children:h(q,{children:[p,s(I,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]})}),s(P,{children:s(k,{children:e.map(l=>s(z,{isActive:d===l.value,onClick:()=>{c(l.value),a?.(l.value)},children:s(S,{children:l.label})},l.value))})})]})]})}export{Lr as SearchSelector};
|
|
1
|
+
import{useMemo as Je,useState as Ue}from"react";import"react";import*as E from"@radix-ui/react-dropdown-menu";import{jsx as ee}from"react/jsx-runtime";function C({...e}){return ee(E.Root,{"data-slot":"dropdown-menu",...e})}import*as A from"@radix-ui/react-dropdown-menu";import{jsx as te}from"react/jsx-runtime";function _({...e}){return te(A.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as b from"@radix-ui/react-dropdown-menu";import{cx as Me}from"@xjur-ui/util";import{Slot as re}from"@radix-ui/react-slot";import{cx as ae}from"@xjur-ui/util";import{useVirtualizer as ne}from"@tanstack/react-virtual";import{useRef as ie}from"react";import{createContext as oe}from"react";var f=oe({virtualizer:null,enabled:!1});import{jsx as H}from"react/jsx-runtime";function P({className:e,asChild:t,children:r,virtualized:o=!1,itemCount:n=0,estimateSize:a=()=>48,overscan:i=5,...d}){let u=t?re:"div",p=ie(null),l=ne({count:n,getScrollElement:()=>p.current,estimateSize:a,overscan:i,enabled:o});return H(f.Provider,{value:{virtualizer:l,enabled:o},children:H(u,{...d,className:ae(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:p,children:r})})}import{Slot as mt}from"@radix-ui/react-slot";import{cx as ct}from"@xjur-ui/util";import{jsx as ft}from"react/jsx-runtime";import{cx as Lt}from"@xjur-ui/util";import{Slot as me}from"@radix-ui/react-slot";import{cva as de}from"@xjur-ui/util";import{memo as F,useState as ce}from"react";import*as y from"@radix-ui/react-tooltip";import{jsx as w}from"react/jsx-runtime";function se({delayDuration:e=0,...t}){return w(y.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function M({...e}){return w(se,{children:w(y.Root,{"data-slot":"tooltip",...e})})}import*as B from"@radix-ui/react-tooltip";import{jsx as pe}from"react/jsx-runtime";function T({...e}){return pe(B.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as x from"@radix-ui/react-tooltip";import{cx as le}from"@xjur-ui/util";import{jsx as K}from"react/jsx-runtime";function z({className:e,sideOffset:t=1,variant:r="simple",children:o,...n}){return K(x.Portal,{children:K(x.Content,{className:le("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":r,sideOffset:t,...n,children:o})})}import{jsx as h,jsxs as ve}from"react/jsx-runtime";var ue=de("",{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=F(({variant:e,size:t,weight:r,asChild:o,className:n,...a})=>h(o?me:"span",{className:ue({variant:e,size:t,weight:r,className:n}),...a}));c.displayName="Typography";var fe=F(({children:e,...t})=>{let[r,o]=ce(!1);return ve(M,{children:[h(T,{asChild:!0,children:h(c,{onMouseEnter:({currentTarget:a})=>{let i=a.scrollWidth>a.clientWidth;o(i),i?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),r&&h(z,{children:e})]})});fe.displayName="TruncatedTypography";import{jsx as Et}from"react/jsx-runtime";import{Slot as ye}from"@radix-ui/react-slot";import{cx as q}from"@xjur-ui/util";import{useContext as xe}from"react";import{jsx as k}from"react/jsx-runtime";function S({className:e,asChild:t,children:r,renderItem:o,...n}){let a=t?ye:"ul",{virtualizer:i,enabled:d}=xe(f);if(d&&i&&o){let u=i.getVirtualItems();return k(a,{...n,className:q("p-small relative flex flex-col",e),style:{height:`${i.getTotalSize()}px`},children:u.map(p=>k("div",{className:"absolute top-0 left-0 w-full","data-index":p.index,ref:i.measureElement,style:{transform:`translateY(${p.start}px)`},children:o(p.index)},p.key))})}return k(a,{...n,className:q("gap-small-1x p-small flex flex-col",e),children:r})}import{Slot as he}from"@radix-ui/react-slot";import{cx as be,cva as ge}from"@xjur-ui/util";import{jsx as _e}from"react/jsx-runtime";var Ce=ge(["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 I({className:e,size:t,isActive:r,asChild:o,...n}){return _e(o?he:"li",{...n,className:be(Ce({size:t,isActive:r}),e)})}import{jsx as D}from"react/jsx-runtime";function R({className:e,sideOffset:t=4,align:r="start",side:o="bottom",children:n,...a}){return D(b.Portal,{children:D(b.Content,{align:r,className:Me("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,...a,children:D(P,{children:n})})})}import{jsx as Te}from"react/jsx-runtime";function N({...e}){return Te(S,{...e})}import{jsx as co}from"react/jsx-runtime";import{cx as ke}from"@xjur-ui/util";import"react";import*as ze from"@radix-ui/react-separator";import{cx as yo}from"@xjur-ui/util";import{jsx as ho}from"react/jsx-runtime";import{jsx as $}from"react/jsx-runtime";function L({className:e,...t}){return $(I,{className:ke(e,"cursor-pointer"),...t})}function V({...e}){return $(c,{...e})}import{cx as Se}from"@xjur-ui/util";import{jsx as Ie}from"react/jsx-runtime";function O({className:e,filled:t=!1,name:r,...o}){return Ie("span",{...o,className:Se("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{cva as $e,cx as v}from"@xjur-ui/util";import{createContext as We}from"react";import{InputMask as Ge}from"@react-input/mask";import{NumericFormat as Zo}from"react-number-format";function W(e,t){switch(e){case"cpf":return{...t,...De};case"cnpj":return{...t,...Re};case"telefone":return{...t,...Ne};case"cep":return{...t,...Le};case"numero-processo":return{...t,...Ve};case"data":return{...t,...Oe};case"hora":return{...t,...Ee};case"data-hora":return{...t,...Ae};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var De={mask:"###.###.###-##",replacement:{"#":/\d/}},Re={mask:"##.###.###/####-##",replacement:{"#":/\d/}},Ne={mask:"(##) #####-####",replacement:{"#":/\d/}},Le={mask:"#####-###",replacement:{"#":/\d/}},Ve={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},Oe={mask:"##/##/####",replacement:{"#":/\d/}},Ee={mask:"##:##",replacement:{"#":/\d/}},Ae={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as He}from"@radix-ui/react-slot";import{cva as Be,cx as Ke}from"@xjur-ui/util";import{jsx as qe}from"react/jsx-runtime";var Fe=Be(["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 G({asChild:e,className:t,variant:r="primary",size:o="md",appearance:n="solid",...a}){return qe(e?He:"button",{className:Ke(Fe({variant:r,appearance:n,size:o}),t),...a})}import{jsx as m}from"react/jsx-runtime";var J=We({variant:"outlined"});function U({className:e,variant:t="outlined",...r}){return m(J.Provider,{value:{variant:t},children:m("div",{className:v("relative flex",e),...r})})}function Y({className:e,...t}){let r=$e(["gap-small py-small_1x-alt px-small flex items-center w-full","h-large-4x rounded-circle","border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal","group-hover:border-border-layer-3 transition-colors duration-200","disabled:opacity-60","focus-within:border-primary-idle"],{variants:{variant:{outlined:"rounded-circle focus-within:border-primary-idle ",line:"rounded-none border-t-0 border-b-1 border-x-0",action:"rounded-tr-none rounded-br-none border-r-0"}}});return m(J.Consumer,{children:({variant:o})=>m("div",{className:v(e,r({variant:o})),"data-variant":o,...t})})}function Q({className:e,...t}){return m("input",{className:v(e,"flex-1 outline-none"),...t})}function X({className:e,mask:t,customMask:r,...o}){return m(Ge,{...t?{...W(t)}:r&&{...r},className:v(e,"flex-1 outline-none"),...o})}function Z(e){return m("div",{...e,"data-slot":"search-input-slot"})}function j({className:e,appearance:t="ghost",variant:r="outlined",...o}){return m(G,{...o,appearance:t,className:v(e,"cursor-pointer","h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none","text-size-body-md text-neutral-dark gap-small-1x !border-l-0"),"data-slot":"search-input-action",variant:r})}import{jsx as s,jsxs as g}from"react/jsx-runtime";function pr({options:e,mask:t,customMask:r,placeholder:o="Pesquisar",onChangeSearchOption:n,selectedSearchOption:a,...i}){let[d,u]=Ue(a),p=Je(()=>e.find(l=>l.value===d)?.label,[e,d]);return g(U,{className:"w-full",variant:"action",children:[g(Y,{children:[s(Z,{children:s(O,{className:"text-icon-neutral-3",name:"search"})}),t||r?s(X,{customMask:r,mask:t,placeholder:o,...i}):s(Q,{placeholder:o,...i})]}),g(C,{children:[s(_,{asChild:!0,children:g(j,{children:[p,s(O,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]})}),s(R,{children:s(N,{children:e.map(l=>s(L,{isActive:d===l.value,onClick:()=>{u(l.value),n?.(l.value)},children:s(V,{children:l.label})},l.value))})})]})]})}export{pr as SearchSelector};
|