@xjur-ui/react 2.2.4 → 2.3.1

package/dist/components/controls/date-picker/index.js

@@ -0,0 +1 @@
+import*as g from"@radix-ui/react-popover";import{createContext as P,useContext as w}from"react";var f=P({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=w(f);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as k}from"@xjur-ui/util";var s=k({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)]"],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 u}from"react/jsx-runtime";var{wrapper:C}=s();function z({className:t,state:o="normal",defaultOpen:e,variant:r="normal",modal:i,open:a,onOpenChange:l,..._}){return u(g.Root,{defaultOpen:e,modal:i,open:a,onOpenChange:l,children:u(f.Provider,{value:{state:o,variant:r},children:u("div",{className:C({className:t,state:o}),..._})})})}import{tv as F,twMerge as T}from"@xjur-ui/util";import*as x from"@radix-ui/react-popover";import{jsx as I}from"react/jsx-runtime";var{trigger:R}=s();function D({className:t,...o}){let{state:e,variant:r}=n(),i=F({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=T(R({state:e,className:t}),r==="filter"&&i({state:e,className:t}));return I(x.Trigger,{className:a,disabled:e==="disabled",...o})}import{tv as N}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function p({className:t,htmlFor:o,children:e,...r}){let{state:i}=n(),a=N({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 b("label",{className:a({className:t,state:i}),htmlFor:o,...r,children:b("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as L}from"react/jsx-runtime";function V(t){return L(p,{...t})}import{cx as M}from"@xjur-ui/util";import{jsx as O}from"react/jsx-runtime";function h({className:t,filled:o=!1,name:e,...r}){return O("span",{...r,className:M("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 y}from"react/jsx-runtime";var{icon:S}=s();function q({className:t,name:o,orientation:e="left",...r}){let{state:i}=n();return y("div",{className:S({className:t,state:i}),"data-slot":`control-${e}-slot`,...r,children:y(h,{name:o})})}import{jsx as B}from"react/jsx-runtime";var{slotText:$}=s();function A({className:t,...o}){let{state:e}=n();return B("span",{className:$({className:t,state:e}),...o})}import{twJoin as Q}from"@xjur-ui/util";import{useMemo as U}from"react";import{Slot as E}from"@radix-ui/react-slot";import{cva as G}from"@xjur-ui/util";import{memo as J}from"react";import{jsx as K}from"react/jsx-runtime";var H=G("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),d=J(({variant:t,size:o,weight:e,asChild:r,className:i,...a})=>K(r?E:"span",{className:H({variant:t,size:o,weight:e,className:i}),...a}));d.displayName="Typography";import{jsx as m,jsxs as X}from"react/jsx-runtime";function W({className:t,displayValue:o="",placeholder:e,value:r,...i}){let{variant:a}=n(),l=U(()=>a==="filter"?o:o||e,[o,e,a]);return X("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&m(p,{children:e}),e&&a==="filter"&&m(d,{className:"invisible col-start-1 row-start-1 self-center",children:e}),m(d,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:l}),m("input",{...i,"aria-readonly":!0,className:Q("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:r??""})]})}import*as c from"@radix-ui/react-popover";import{jsx as v}from"react/jsx-runtime";var{content:Y}=s();function Z({className:t,sideOffset:o=5,side:e="bottom",align:r="start",...i}){let{state:a}=n();return v(c.Portal,{children:v(c.Content,{align:r,className:Y({className:t,state:a}),side:e,sideOffset:o,...i})})}import{jsx as te}from"react/jsx-runtime";var{caption:j}=s();function ee({className:t,...o}){let{state:e}=n();return te("p",{className:j({className:t,state:e}),...o})}export{ee as DatePickerCaption,Z as DatePickerContent,q as DatePickerIcon,V as DatePickerLabel,z as DatePickerRoot,A as DatePickerSlot,D as DatePickerTrigger,W as DatePickerValue};

package/dist/components/controls/date-picker.js

@@ -1,2 +1 @@
-import {a as a$1}from'../../chunk-5Z3AIBBS.js';import {a,b}from'../../chunk-2JQVYVAT.js';import {b as b$1}from'../../chunk-DVDHTP4C.js';import {a as a$2}from'../../chunk-EIG6CBTQ.js';import {tv,twMerge,twJoin}from'@xjur-ui/util';import {useMemo}from'react';import*as l from'@radix-ui/react-popover';import {jsx,jsxs}from'react/jsx-runtime';var P=tv({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)]"],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"}}}}),{wrapper:y,trigger:h,icon:C,caption:R,slotText:w,content:T}=P();function L({className:r,state:t="normal",defaultOpen:e,variant:n="normal",modal:i,open:a$1,onOpenChange:p,...u}){return jsx(l.Root,{defaultOpen:e,modal:i,open:a$1,onOpenChange:p,children:jsx(a.Provider,{value:{state:t,variant:n},children:jsx("div",{className:y({className:r,state:t}),...u})})})}function M({className:r,...t}){let{state:e,variant:n}=b(),i=tv({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=twMerge(h({state:e,className:r}),n==="filter"&&i({state:e,className:r}));return jsx(l.Trigger,{className:a,disabled:e==="disabled",...t})}function V(r){return jsx(a$1,{...r})}function j({className:r,name:t,orientation:e="left",...n}){let{state:i}=b();return jsx("div",{className:C({className:r,state:i}),"data-slot":`control-${e}-slot`,...n,children:jsx(b$1,{name:t})})}function J({className:r,...t}){let{state:e}=b();return jsx("span",{className:w({className:r,state:e}),...t})}function S({className:r,displayValue:t="",placeholder:e,value:n,...i}){let{variant:a}=b(),p=useMemo(()=>a==="filter"?t:t||e,[t,e,a]);return jsxs("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&jsx(a$1,{children:e}),e&&a==="filter"&&jsx(a$2,{className:"invisible col-start-1 row-start-1 self-center",children:e}),jsx(a$2,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:p}),jsx("input",{...i,"aria-readonly":true,className:twJoin("pointer-events-none",r),hidden:true,placeholder:" ",readOnly:true,value:n??""})]})}function _({className:r,sideOffset:t=5,side:e="bottom",align:n="start",...i}){let{state:a}=b();return jsx(l.Portal,{children:jsx(l.Content,{align:n,className:T({className:r,state:a}),side:e,sideOffset:t,...i})})}function $({className:r,...t}){let{state:e}=b();return jsx("p",{className:R({className:r,state:e}),...t})}export{$ as DatePickerCaption,_ as DatePickerContent,j as DatePickerIcon,V as DatePickerLabel,L as DatePickerRoot,J as DatePickerSlot,M as DatePickerTrigger,S as DatePickerValue,P as datePicker};//# sourceMappingURL=date-picker.js.map
-//# sourceMappingURL=date-picker.js.map
+import{tv as g,twJoin as T,twMerge as R}from"@xjur-ui/util";import{useMemo as F}from"react";import*as l from"@radix-ui/react-popover";import{cx as x}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function u({className:t,filled:o=!1,name:e,...a}){return h("span",{...a,className:x("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:e})}import{Slot as v}from"@radix-ui/react-slot";import{cva as y}from"@xjur-ui/util";import{memo as _}from"react";import{jsx as P}from"react/jsx-runtime";var w=y("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),d=_(({variant:t,size:o,weight:e,asChild:a,className:i,...n})=>P(a?v:"span",{className:w({variant:t,size:o,weight:e,className:i}),...n}));d.displayName="Typography";import{createContext as z,useContext as k}from"react";var c=z({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let t=k(c);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as C}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function m({className:t,htmlFor:o,children:e,...a}){let{state:i}=s(),n=C({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 f("label",{className:n({className:t,state:i}),htmlFor:o,...a,children:f("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as r,jsxs as S}from"react/jsx-runtime";var I=g({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)]"],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"}}}}),{wrapper:N,trigger:V,icon:D,caption:L,slotText:M,content:O}=I();function se({className:t,state:o="normal",defaultOpen:e,variant:a="normal",modal:i,open:n,onOpenChange:p,...b}){return r(l.Root,{defaultOpen:e,modal:i,open:n,onOpenChange:p,children:r(c.Provider,{value:{state:o,variant:a},children:r("div",{className:N({className:t,state:o}),...b})})})}function le({className:t,...o}){let{state:e,variant:a}=s(),i=g({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"]}}}),n=R(V({state:e,className:t}),a==="filter"&&i({state:e,className:t}));return r(l.Trigger,{className:n,disabled:e==="disabled",...o})}function pe(t){return r(m,{...t})}function de({className:t,name:o,orientation:e="left",...a}){let{state:i}=s();return r("div",{className:D({className:t,state:i}),"data-slot":`control-${e}-slot`,...a,children:r(u,{name:o})})}function ce({className:t,...o}){let{state:e}=s();return r("span",{className:M({className:t,state:e}),...o})}function me({className:t,displayValue:o="",placeholder:e,value:a,...i}){let{variant:n}=s(),p=F(()=>n==="filter"?o:o||e,[o,e,n]);return S("div",{className:"grid w-full items-center",children:[e&&n==="filter"&&r(m,{children:e}),e&&n==="filter"&&r(d,{className:"invisible col-start-1 row-start-1 self-center",children:e}),r(d,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:p}),r("input",{...i,"aria-readonly":!0,className:T("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:a??""})]})}function ue({className:t,sideOffset:o=5,side:e="bottom",align:a="start",...i}){let{state:n}=s();return r(l.Portal,{children:r(l.Content,{align:a,className:O({className:t,state:n}),side:e,sideOffset:o,...i})})}function fe({className:t,...o}){let{state:e}=s();return r("p",{className:L({className:t,state:e}),...o})}export{fe as DatePickerCaption,ue as DatePickerContent,de as DatePickerIcon,pe as DatePickerLabel,se as DatePickerRoot,ce as DatePickerSlot,le as DatePickerTrigger,me as DatePickerValue,I as datePicker};

package/dist/components/controls/floating-label.js

@@ -1,2 +1 @@
-export{a as FloatingLabel}from'../../chunk-5Z3AIBBS.js';import'../../chunk-2JQVYVAT.js';//# sourceMappingURL=floating-label.js.map
-//# sourceMappingURL=floating-label.js.map
+import{tv as d}from"@xjur-ui/util";import{createContext as i,useContext as p}from"react";var u=i({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function e(){let t=p(u);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{jsx as o}from"react/jsx-runtime";function x({className:t,htmlFor:a,children:n,...l}){let{state:r}=e(),s=d({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 o("label",{className:s({className:t,state:r}),htmlFor:a,...l,children:o("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:n})})}export{x as FloatingLabel};

package/dist/components/controls/input/index.d.ts

@@ -0,0 +1,21 @@
+export { InputRoot } from './input-root.js';
+export { InputContent } from './input-content.js';
+export { InputLabel } from './input-label.js';
+export { InputTrigger } from './input-trigger.js';
+export { InputMask } from './input-mask.js';
+export { InputText } from './input-text.js';
+export { InputCurrency, InputNumber } from './input-number.js';
+export { InputIcon } from './input-icon.js';
+export { InputSlot } from './input-slot.js';
+export { InputCaption } from './input-caption.js';
+export { InputAction } from './input-action.js';
+export { InputNumericStepper } from './input-numeric-stepper.js';
+export { CurrencyRange, InputCurrencyRange } from './input-currency.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../context/field.context.js';
+import '@react-input/mask';
+import '../../../input-mask-DhbtCxF7.js';
+import '../floating-label.js';
+import 'react-number-format';
+import '../../../icons-C-hGI45d.js';

package/dist/components/controls/input/index.js

@@ -0,0 +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};

package/dist/components/controls/input/input-action.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function InputAction({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { InputAction };

package/dist/components/controls/input/input-action.js

@@ -0,0 +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};

package/dist/components/controls/input/input-caption.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function InputCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+
+export { InputCaption };

package/dist/components/controls/input/input-caption.js

@@ -0,0 +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};

package/dist/components/controls/input/input-content.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function InputContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { InputContent };

package/dist/components/controls/input/input-content.js

@@ -0,0 +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};

package/dist/components/controls/input/input-currency.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CurrencyRange {
+    from?: number;
+    to?: number;
+}
+interface InputCurrencyRangeProps {
+    range?: CurrencyRange;
+    onRangeChange?: (range: CurrencyRange) => void;
+}
+declare function InputCurrencyRange({ range, onRangeChange }: InputCurrencyRangeProps): react_jsx_runtime.JSX.Element;
+
+export { type CurrencyRange, InputCurrencyRange };

package/dist/components/controls/input/input-currency.js

@@ -0,0 +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};

package/dist/components/controls/input/input-icon.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { I as IconType } from '../../../icons-C-hGI45d.js';
+
+declare function InputIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
+    name: IconType;
+    orientation?: 'left' | 'right';
+}): react_jsx_runtime.JSX.Element;
+
+export { InputIcon };

package/dist/components/controls/input/input-icon.js

@@ -0,0 +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};

package/dist/components/controls/input/input-label.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { FloatingLabel } from '../floating-label.js';
+
+declare function InputLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
+
+export { InputLabel };

package/dist/components/controls/input/input-label.js

@@ -0,0 +1 @@
+import{tv as d}from"@xjur-ui/util";import{createContext as i,useContext as u}from"react";var m=i({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function e(){let t=u(m);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{jsx as o}from"react/jsx-runtime";function a({className:t,htmlFor:n,children:l,...r}){let{state:s}=e(),p=d({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 o("label",{className:p({className:t,state:s}),htmlFor:n,...r,children:o("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:l})})}import{jsx as c}from"react/jsx-runtime";function k(t){return c(a,{...t})}export{k as InputLabel};

package/dist/components/controls/input/input-mask.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function InputMask({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+
+export { InputMask };

package/dist/components/controls/input/input-mask.js

@@ -0,0 +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,...b};case"data-hora":return{...e,...g};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/}},b={mask:"##:##",replacement:{"#":/\d/}},g={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",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};

package/dist/components/controls/input/input-number.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NumericFormatProps } from 'react-number-format';
+import { ComponentProps } from 'react';
+
+declare function InputNumber({ className, placeholder, ...props }: NumericFormatProps): react_jsx_runtime.JSX.Element;
+declare function InputCurrency(props: ComponentProps<typeof InputNumber>): react_jsx_runtime.JSX.Element;
+
+export { InputCurrency, InputNumber };

package/dist/components/controls/input/input-number.js

@@ -0,0 +1 @@
+import{NumericFormat as u}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 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 a}from"react/jsx-runtime";var{value:c}=o();function f({className:e,placeholder:n,...i}){let{state:t,variant:l}=r();return a(u,{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};

package/dist/components/controls/input/input-numeric-stepper.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function InputNumericStepper({ handleIncrement, handleDecrement }: {
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { InputNumericStepper };

package/dist/components/controls/input/input-numeric-stepper.js

@@ -0,0 +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};

package/dist/components/controls/input/input-root.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { FieldContextValue } from '../context/field.context.js';
+import '@react-input/mask';
+import '../../../input-mask-DhbtCxF7.js';
+
+declare function InputRoot({ className, state, customMask, variant, mask, ...props }: ComponentProps<'div'> & FieldContextValue): react_jsx_runtime.JSX.Element;
+
+export { InputRoot };

package/dist/components/controls/input/input-root.js

@@ -0,0 +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:m}=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:m({className:n,state:e}),...s})})}export{h as InputRoot};

package/dist/components/controls/input/input-slot.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function InputSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+export { InputSlot };

package/dist/components/controls/input/input-slot.js

@@ -0,0 +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};

package/dist/components/controls/input/input-styles.d.ts

@@ -0,0 +1,71 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const input: tailwind_variants.TVReturnType<{
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string;
+    value: string;
+    icon: string;
+    slotText: string;
+    caption: string;
+    action: string;
+}, undefined, {
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string;
+    value: string;
+    icon: string;
+    slotText: string;
+    caption: string;
+    action: string;
+}, tailwind_variants.TVReturnType<{
+    state: {
+        normal: {
+            trigger: string;
+        };
+        error: {
+            trigger: string;
+            caption: string;
+        };
+        disabled: {
+            trigger: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string[];
+    content: string;
+    value: string;
+    icon: string;
+    slotText: string;
+    caption: string;
+    action: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { input };

package/dist/components/controls/input/input-styles.js

@@ -0,0 +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};

package/dist/components/controls/input/input-text.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function InputText({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+
+export { InputText };

package/dist/components/controls/input/input-text.js

@@ -0,0 +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};

package/dist/components/controls/input/input-trigger.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function InputTrigger({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { InputTrigger };

package/dist/components/controls/input/input-trigger.js

@@ -0,0 +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 g}from"react/jsx-runtime";var{trigger:b}=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(b({state:r,className:e}),n==="filter"&&i({state:r,className:e}));return g("div",{"aria-disabled":r==="disabled",className:l,...a})}export{C as InputTrigger};

package/dist/components/controls/otp-input.js

@@ -1,2 +1 @@
-import*as e from'@radix-ui/react-one-time-password-field';import {cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function n({children:r,className:o,...i}){return jsx(e.Root,{className:cx(o,"group gap-small flex items-center"),...i,children:r})}function t({className:r,...o}){return jsx(e.Input,{className:cx(r,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0","focus-within:border-primary-idle focus-within:border"),...o})}function l({...r}){return jsx(e.HiddenInput,{...r})}var P={Root:n,Input:t,HiddenInput:l};export{P as OTPInput};//# sourceMappingURL=otp-input.js.map
-//# sourceMappingURL=otp-input.js.map
+import*as e from"@radix-ui/react-one-time-password-field";import{cx as d}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function n({children:r,className:o,...i}){return s(e.Root,{className:d(o,"group gap-small flex items-center"),...i,children:r})}function t({className:r,...o}){return s(e.Input,{className:d(r,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0","focus-within:border-primary-idle focus-within:border"),...o})}function l({...r}){return s(e.HiddenInput,{...r})}var P={Root:n,Input:t,HiddenInput:l};export{P as OTPInput};

package/dist/components/controls/radio.js

@@ -1,2 +1 @@
-import {a}from'../../chunk-EIG6CBTQ.js';import'react';import*as r from'@radix-ui/react-radio-group';import {cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';function u({className:i,orientation:o="vertical",...a}){return jsx(r.Root,{className:cx("gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",i),"data-orientation":o,"data-slot":"radio-group",...a})}function b({className:i,id:o,label:a$1,disabled:t=false,...s}){return jsxs("div",{className:"gap-small flex items-center",children:[jsx(r.Item,{className:cx("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%]",i),"data-slot":"radio-group-item",disabled:t,id:o,...s,children:jsx(r.Indicator,{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})}),!!a$1&&jsx(a,{asChild:true,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":t,weight:"medium",children:jsx("label",{htmlFor:o,children:a$1})})]})}export{u as RadioGroup,b as RadioItem};//# sourceMappingURL=radio.js.map
-//# sourceMappingURL=radio.js.map
+import"react";import*as t from"@radix-ui/react-radio-group";import{cx as d}from"@xjur-ui/util";import{Slot as m}from"@radix-ui/react-slot";import{cva as p}from"@xjur-ui/util";import{memo as c}from"react";import{jsx as y}from"react/jsx-runtime";var b=p("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),l=c(({variant:i,size:e,weight:a,asChild:r,className:s,...n})=>y(r?m:"span",{className:b({variant:i,size:e,weight:a,className:s}),...n}));l.displayName="Typography";import{jsx as o,jsxs as x}from"react/jsx-runtime";function G({className:i,orientation:e="vertical",...a}){return o(t.Root,{className:d("gap-small flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",i),"data-orientation":e,"data-slot":"radio-group",...a})}function w({className:i,id:e,label:a,disabled:r=!1,...s}){return x("div",{className:"gap-small flex items-center",children:[o(t.Item,{className:d("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%]",i),"data-slot":"radio-group-item",disabled:r,id:e,...s,children:o(t.Indicator,{className:"relative flex items-center justify-center","data-slot":"radio-group-indicator"})}),!!a&&o(l,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":r,weight:"medium",children:o("label",{htmlFor:e,children:a})})]})}export{G as RadioGroup,w as RadioItem};

package/dist/components/controls/rating.js

@@ -1,2 +1 @@
-import {a as a$1}from'../../chunk-5Z3AIBBS.js';import {b,a}from'../../chunk-2JQVYVAT.js';import {b as b$1}from'../../chunk-DVDHTP4C.js';import {tv}from'@xjur-ui/util';import {createContext,useState,useContext}from'react';import {jsx,jsxs}from'react/jsx-runtime';var F=tv({slots:{wrapper:"group flex w-full flex-col gap-small-2x",root:"relative flex w-full items-center gap-small-1x",star:"cursor-pointer transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{star:"text-neutral-border hover:text-orange-400 focus-visible:ring-orange-500"},error:{star:"text-danger-idle hover:text-danger-idle focus-visible:ring-danger-idle",caption:"text-danger-label-idle"},disabled:{star:"text-neutral-border opacity-50"}},size:{sm:{star:"text-size-body-sm"},md:{star:"text-size-body-lg"},lg:{star:"text-size-heading-sm"}}}}),{wrapper:L,root:k,star:T,caption:$}=F(),P=createContext(null);function c(){let e=useContext(P);if(!e)throw new Error("Rating components must be used within a RatingRoot");return e}function A({value:e,defaultValue:a$1=0,onValueChange:n,max:i=5,state:s="normal",size:o="md",disabled:r=false,className:l,id:d,children:u,...g}){let[m,p]=useState(a$1),h=e??m,V=f=>{e===void 0&&p(f),n?.(f);},y=b(),b$1=r?"disabled":y?.state??s;return jsx(a.Provider,{value:{state:b$1},children:jsx(P.Provider,{value:{value:h,max:i,onValueChange:V,state:b$1,size:o,disabled:r},children:jsx("div",{className:L({className:l}),id:d,...g,children:u})})})}function E({className:e}){let{max:a,state:n,size:i}=c();return jsx("div",{className:k({state:n,size:i,className:e}),children:Array.from({length:a},(s,o)=>jsx(I,{value:o+1},o))})}function I({value:e,className:a}){let{value:n,onValueChange:i,state:s,size:o,disabled:r}=c(),l=e<=n;return jsx("button",{"aria-label":`Rate ${e} star${e>1?"s":""}`,className:T({state:s,size:o,className:a}),disabled:r,type:"button",onClick:()=>!r&&i(e),children:jsx(b$1,{filled:l,name:"star"})})}function U(e){return jsx(a$1,{...e})}function _({className:e,...a}){let{state:n}=c();return jsx("p",{className:$({state:n,className:e}),...a})}function K({value:e,defaultValue:a=0,onValueChange:n,max:i=5,state:s="normal",size:o="md",label:r,caption:l,className:d,disabled:u,id:g,...m}){return jsxs(A,{className:d,defaultValue:a,disabled:u,id:g,max:i,size:o,state:u?"disabled":s,value:e,onValueChange:n,...m,children:[r&&jsx(U,{children:r}),jsx(E,{}),l&&jsx(_,{children:l})]})}export{K as Rating,_ as RatingCaption,U as RatingLabel,A as RatingRoot,I as RatingStar,E as RatingTrack,F as rating};//# sourceMappingURL=rating.js.map
-//# sourceMappingURL=rating.js.map
+import{tv as I}from"@xjur-ui/util";import{createContext as S,useContext as L,useState as T}from"react";import{cx as P}from"@xjur-ui/util";import{jsx as z}from"react/jsx-runtime";function x({className:e,filled:t=!1,name:o,...a}){return z("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{createContext as V,useContext as F}from"react";var g=V({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function d(){let e=F(g);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as N}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function w({className:e,htmlFor:t,children:o,...a}){let{state:i}=d(),n=N({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 v("label",{className:n({className:e,state:i}),htmlFor:t,...a,children:v("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as r,jsxs as H}from"react/jsx-runtime";var M=I({slots:{wrapper:"group flex w-full flex-col gap-small-2x",root:"relative flex w-full items-center gap-small-1x",star:"cursor-pointer transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{star:"text-neutral-border hover:text-orange-400 focus-visible:ring-orange-500"},error:{star:"text-danger-idle hover:text-danger-idle focus-visible:ring-danger-idle",caption:"text-danger-label-idle"},disabled:{star:"text-neutral-border opacity-50"}},size:{sm:{star:"text-size-body-sm"},md:{star:"text-size-body-lg"},lg:{star:"text-size-heading-sm"}}}}),{wrapper:$,root:q,star:A,caption:D}=M(),y=S(null);function f(){let e=L(y);if(!e)throw new Error("Rating components must be used within a RatingRoot");return e}function E({value:e,defaultValue:t=0,onValueChange:o,max:a=5,state:i="normal",size:n="md",disabled:s=!1,className:l,id:u,children:p,...c}){let[m,b]=T(t),R=e??m,C=h=>{e===void 0&&b(h),o?.(h)},k=d(),_=s?"disabled":k?.state??i;return r(g.Provider,{value:{state:_},children:r(y.Provider,{value:{value:R,max:a,onValueChange:C,state:_,size:n,disabled:s},children:r("div",{className:$({className:l}),id:u,...c,children:p})})})}function O({className:e}){let{max:t,state:o,size:a}=f();return r("div",{className:q({state:o,size:a,className:e}),children:Array.from({length:t},(i,n)=>r(G,{value:n+1},n))})}function G({value:e,className:t}){let{value:o,onValueChange:a,state:i,size:n,disabled:s}=f(),l=e<=o;return r("button",{"aria-label":`Rate ${e} star${e>1?"s":""}`,className:A({state:i,size:n,className:t}),disabled:s,type:"button",onClick:()=>!s&&a(e),children:r(x,{filled:l,name:"star"})})}function U(e){return r(w,{...e})}function B({className:e,...t}){let{state:o}=f();return r("p",{className:D({state:o,className:e}),...t})}function pe({value:e,defaultValue:t=0,onValueChange:o,max:a=5,state:i="normal",size:n="md",label:s,caption:l,className:u,disabled:p,id:c,...m}){return H(E,{className:u,defaultValue:t,disabled:p,id:c,max:a,size:n,state:p?"disabled":i,value:e,onValueChange:o,...m,children:[s&&r(U,{children:s}),r(O,{}),l&&r(B,{children:l})]})}export{pe as Rating,B as RatingCaption,U as RatingLabel,E as RatingRoot,G as RatingStar,O as RatingTrack,M as rating};

package/dist/components/controls/rich-editor.js

@@ -1,2 +1 @@
-import {a}from'../../chunk-KS6WGBHQ.js';import {b as b$1,c as c$1,d}from'../../chunk-NELCN6E2.js';import {a as a$2,c as c$2,d as d$1,e,h,i}from'../../chunk-6PHXO2YA.js';import'../../chunk-CBFC4QME.js';import'../../chunk-YOLTIAFT.js';import {b}from'../../chunk-M6ZI7M3R.js';import {b as b$2}from'../../chunk-DVDHTP4C.js';import {a as a$1}from'../../chunk-EIG6CBTQ.js';import {cx}from'@xjur-ui/util';import {useMemo,useCallback,useState}from'react';import {useEditor,EditorContext,useCurrentEditor,EditorContent,useEditorState}from'@tiptap/react';export{useCurrentEditor as useRichTextEditor,useEditorState as useRichTextEditorState}from'@tiptap/react';import {StarterKit}from'@tiptap/starter-kit';import {Heading}from'@tiptap/extension-heading';import {Placeholder}from'@tiptap/extension-placeholder';import {jsx,jsxs}from'react/jsx-runtime';var c={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function X({className:t,editorOptions:n,...r}){let i=useEditor({...n,extensions:[StarterKit.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:false}),Placeholder.configure({placeholder:({node:o,editor:s})=>o.type.name==="paragraph"&&s.isEmpty?"Digite aqui\u2026":"",showOnlyWhenEditable:true,includeChildren:false,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"}),Heading.configure({levels:[1,2,3]}).extend({renderHTML({node:o,HTMLAttributes:s}){let u=o.attrs.level??1;return ["h",{...s,class:c[u]},0]}}),...n?.extensions??[]]}),a=useMemo(()=>({editor:i}),[i]);return jsx(EditorContext.Provider,{value:a,children:jsx("div",{className:cx("gap-small flex w-full flex-col",t),"data-slot":"text-area-root",...r})})}function j({className:t,...n}){return jsx("div",{className:cx("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",t),"data-slot":"text-area-content",...n})}function ee({className:t,...n}){return jsx("p",{...n,className:cx("text-size-body-sm text-neutral-dark font-normal",t),"data-slot":"text-area-caption"})}function te({className:t,...n}){let{editor:r}=useCurrentEditor();return jsx(EditorContent,{className:cx("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",t),editor:r,...n})}function oe({className:t,...n}){return jsx("div",{className:cx("h-large-4x gap-small-1x h-large-6px scrollbar-hide flex flex-nowrap items-center overflow-x-auto overflow-y-hidden",t),"data-slot":"text-area-toolbar",...n})}function $({appearance:t="ghost",variant:n="secondary",onMouseDown:r,onPointerDown:i,...a}){return jsx(b,{appearance:t,size:"icon_md",tabIndex:-1,type:"button",variant:n,onMouseDown:o=>{o.preventDefault(),r?.(o);},onPointerDown:o=>{o.preventDefault(),i?.(o);},...a})}function re({name:t,...n}){let{editor:r}=useCurrentEditor(),{shortcut:i}=a(),a$2=useEditorState({editor:r,selector:d=>d.editor?.isActive(t)??false}),o=useMemo(()=>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(t),[t]),s=useMemo(()=>new Map([["bold",`Negrito (${i} + B)`],["italic",`It\xE1lico (${i} + I)`],["underline",`Sublinhado (${i} + U)`],["strike",`Tachado (${i} + S)`],["bulletList",`Lista (${i} + Shift + 7)`],["orderedList",`Lista numerada (${i} + Shift + 8)`],["undo",`Desfazer (${i} + Z)`],["redo",`Refazer (${i} + Y)`]]).get(t),[t,i]),u=useCallback(()=>{if(!r)throw new Error("Editor not found");new Map([["bold",()=>r.chain().focus().toggleBold().run()],["italic",()=>r.chain().focus().toggleItalic().run()],["underline",()=>r.chain().focus().toggleUnderline().run()],["strike",()=>r.chain().focus().toggleStrike().run()],["bulletList",()=>r.chain().focus().toggleBulletList().run()],["orderedList",()=>r.chain().focus().toggleOrderedList().run()],["undo",()=>r.chain().focus().undo().run()],["redo",()=>r.chain().focus().redo().run()]]).get(t)?.();},[r,t]);return jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx($,{onClick:u,...a$2&&{appearance:"solid"},...n,children:o&&jsx(b$2,{className:"text-icon-neutral-3",name:o})})}),jsx(d,{children:s&&jsx(a$1,{size:"sm",children:s})})]})}function ne({appearance:t="ghost",variant:n="secondary",...r}){let[i$1,a]=useState(false),{editor:o}=useCurrentEditor(),s=useEditorState({editor:o,selector:l=>l.editor?.isActive("heading")??false}),u=useCallback(l=>{if(!o)throw new Error("Editor not found");return o.isActive("heading",{level:l})},[o]),d$2=useCallback(l=>{if(!o)throw new Error("Editor not found");a(false),setTimeout(()=>{o.chain().focus().toggleHeading({level:l}).run();},0);},[o]),P=[{level:1,label:"Normal",className:c[1]},{level:2,label:"Grande",className:c[2]},{level:3,label:"Enorme",className:c[3]}];return jsxs(a$2,{open:i$1,onOpenChange:l=>a(l),children:[jsx(c$2,{asChild:true,children:jsx(b,{appearance:s?"solid":t,size:"icon_md",tabIndex:-1,type:"button",variant:n,...r,children:jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(b$2,{className:"text-icon-neutral-3",name:"format_size"})}),jsx(d,{children:jsx(a$1,{size:"sm",children:"Tamanho"})})]})})}),jsx(d$1,{children:jsx(e,{children:P.map(l=>jsx(h,{isActive:u(l.level),onPointerDown:()=>d$2(l.level),children:jsx(i,{className:l.className,children:l.label})},l.level))})})]})}export{ne as HeadingButton,te as RichEditorAreaText,ee as RichEditorCaption,j as RichEditorContent,X as RichEditorRoot,oe as RichEditorToolbar,re as ToggleButton,$ as ToolbarButton};//# sourceMappingURL=rich-editor.js.map
-//# sourceMappingURL=rich-editor.js.map
+import{cx as b}from"@xjur-ui/util";import{useCallback as R,useMemo as k,useState as we}from"react";import{EditorContent as _e,EditorContext as Ce,useCurrentEditor as E,useEditorState as G,useEditor as Pe}from"@tiptap/react";import{StarterKit as Te}from"@tiptap/starter-kit";import{Heading as ze}from"@tiptap/extension-heading";import{Placeholder as Le}from"@tiptap/extension-placeholder";import{useState as U,useEffect as W}from"react";function h(){let[e,t]=U("unknown");return W(()=>{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 Y}from"@xjur-ui/util";import{jsx as F}from"react/jsx-runtime";function w({className:e,filled:t=!1,name:o,...r}){return F("span",{...r,className:Y("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 K}from"@radix-ui/react-slot";import{cva as Z,cx as J}from"@xjur-ui/util";import{jsx as X}from"react/jsx-runtime";var Q=Z(["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 _({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return X(e?K:"button",{className:J(Q({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as f from"@radix-ui/react-dropdown-menu";import{cx as I}from"@xjur-ui/util";import{Slot as ee}from"@radix-ui/react-slot";import{cx as te}from"@xjur-ui/util";import{useVirtualizer as oe}from"@tanstack/react-virtual";import{useRef as re}from"react";import{createContext as j}from"react";var x=j({virtualizer:null,enabled:!1});import{jsx as V}from"react/jsx-runtime";function C({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:l=5,...m}){let p=t?ee:"div",c=re(null),s=oe({count:i,getScrollElement:()=>c.current,estimateSize:a,overscan:l,enabled:r});return V(x.Provider,{value:{virtualizer:s,enabled:r},children:V(p,{...m,className:te(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:c,children:o})})}import{Slot as je}from"@radix-ui/react-slot";import{cx as tt}from"@xjur-ui/util";import{jsx as rt}from"react/jsx-runtime";import{cx as mt}from"@xjur-ui/util";import{Slot as ae}from"@radix-ui/react-slot";import{cva as ie}from"@xjur-ui/util";import{memo as ne}from"react";import{jsx as se}from"react/jsx-runtime";var le=ie("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=ne(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>se(r?ae:"span",{className:le({variant:e,size:t,weight:o,className:i}),...a}));g.displayName="Typography";import{jsx as ft}from"react/jsx-runtime";import{Slot as pe}from"@radix-ui/react-slot";import{cx as S}from"@xjur-ui/util";import{useContext as de}from"react";import{jsx as P}from"react/jsx-runtime";function T({className:e,asChild:t,children:o,renderItem:r,...i}){let a=t?pe:"ul",{virtualizer:l,enabled:m}=de(x);if(m&&l&&r){let p=l.getVirtualItems();return P(a,{...i,className:S("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:p.map(c=>P("div",{className:"absolute top-0 left-0 w-full","data-index":c.index,ref:l.measureElement,style:{transform:`translateY(${c.start}px)`},children:r(c.index)},c.key))})}return P(a,{...i,className:S("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as me}from"@radix-ui/react-slot";import{cx as ce,cva as ue}from"@xjur-ui/util";import{jsx as ge}from"react/jsx-runtime";var fe=ue(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function z({className:e,size:t,isActive:o,asChild:r,...i}){return ge(r?me:"li",{...i,className:ce(fe({size:t,isActive:o}),e)})}import"react";import*as be from"@radix-ui/react-separator";import{cx as St}from"@xjur-ui/util";import{jsx as Bt}from"react/jsx-runtime";import{jsx as u}from"react/jsx-runtime";function B({...e}){return u(f.Root,{"data-slot":"dropdown-menu",...e})}function H({...e}){return u(f.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function O({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:i,...a}){return u(f.Portal,{children:u(f.Content,{align:o,className:I("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:u(C,{children:i})})})}function A({...e}){return u(T,{...e})}function $({className:e,...t}){return u(z,{className:I(e,"cursor-pointer"),...t})}function q({...e}){return u(g,{...e})}import*as d from"@radix-ui/react-tooltip";import{cx as ye}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function he({delayDuration:e=0,...t}){return v(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function L({...e}){return v(he,{children:v(d.Root,{"data-slot":"tooltip",...e})})}function M({...e}){return v(d.Trigger,{"data-slot":"tooltip-trigger",...e})}function D({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return v(d.Portal,{children:v(d.Content,{className:ye("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 N}from"react/jsx-runtime";var y={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function so({className:e,editorOptions:t,...o}){let r=Pe({...t,extensions:[Te.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),Le.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"}),ze.configure({levels:[1,2,3]}).extend({renderHTML({node:a,HTMLAttributes:l}){let m=a.attrs.level??1;return["h",{...l,class:y[m]},0]}}),...t?.extensions??[]]}),i=k(()=>({editor:r}),[r]);return n(Ce.Provider,{value:i,children:n("div",{className:b("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...o})})}function po({className:e,...t}){return n("div",{className:b("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 mo({className:e,...t}){return n("p",{...t,className:b("text-size-body-sm text-neutral-dark font-normal",e),"data-slot":"text-area-caption"})}function co({className:e,...t}){let{editor:o}=E();return n(_e,{className:b("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",e),editor:o,...t})}function uo({className:e,...t}){return n("div",{className:b("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 Me({appearance:e="ghost",variant:t="secondary",onMouseDown:o,onPointerDown:r,...i}){return n(_,{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 fo({name:e,...t}){let{editor:o}=E(),{shortcut:r}=h(),i=G({editor:o,selector:p=>p.editor?.isActive(e)??!1}),a=k(()=>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=k(()=>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]),m=R(()=>{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 N(L,{children:[n(M,{asChild:!0,children:n(Me,{onClick:m,...i&&{appearance:"solid"},...t,children:a&&n(w,{className:"text-icon-neutral-3",name:a})})}),n(D,{children:l&&n(g,{size:"sm",children:l})})]})}function go({appearance:e="ghost",variant:t="secondary",...o}){let[r,i]=we(!1),{editor:a}=E(),l=G({editor:a,selector:s=>s.editor?.isActive("heading")??!1}),m=R(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),p=R(s=>{if(!a)throw new Error("Editor not found");i(!1),setTimeout(()=>{a.chain().focus().toggleHeading({level:s}).run()},0)},[a]),c=[{level:1,label:"Normal",className:y[1]},{level:2,label:"Grande",className:y[2]},{level:3,label:"Enorme",className:y[3]}];return N(B,{open:r,onOpenChange:s=>i(s),children:[n(H,{asChild:!0,children:n(_,{appearance:l?"solid":e,size:"icon_md",tabIndex:-1,type:"button",variant:t,...o,children:N(L,{children:[n(M,{asChild:!0,children:n(w,{className:"text-icon-neutral-3",name:"format_size"})}),n(D,{children:n(g,{size:"sm",children:"Tamanho"})})]})})}),n(O,{children:n(A,{children:c.map(s=>n($,{isActive:m(s.level),onPointerDown:()=>p(s.level),children:n(q,{className:s.className,children:s.label})},s.level))})})]})}export{go as HeadingButton,co as RichEditorAreaText,mo as RichEditorCaption,po as RichEditorContent,so as RichEditorRoot,uo as RichEditorToolbar,fo as ToggleButton,Me as ToolbarButton,E as useRichTextEditor,G as useRichTextEditorState};

package/dist/components/controls/search-input.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentProps } from 'react';
 import { MaskOptions } from '@react-input/mask';
-import { InputNumberFormatProps } from '@react-input/number-format';
+import { NumericFormatProps } from 'react-number-format';
 import { I as InputMaskType } from '../../input-mask-DhbtCxF7.js';
 import { ButtonProps } from './button.js';
 import 'class-variance-authority/types';
@@ -18,7 +18,7 @@ declare function SearchInputMask({ className, mask, customMask, ...props }: Comp
     mask?: InputMaskType;
     customMask?: MaskOptions;
 }): react_jsx_runtime.JSX.Element;
-declare function SearchInputNumber({ className, locales, groupDisplay, ...props }: InputNumberFormatProps): react_jsx_runtime.JSX.Element;
+declare function SearchInputNumber({ className, ...props }: NumericFormatProps): react_jsx_runtime.JSX.Element;
 declare function SearchInputSlot(props: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 declare function SearchInputAction({ className, appearance, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/controls/search-input.js

@@ -1,2 +1 @@
-export{h as SearchInputAction,b as SearchInputContent,c as SearchInputLabel,e as SearchInputMask,f as SearchInputNumber,a as SearchInputRoot,g as SearchInputSlot,d as SearchInputText}from'../../chunk-XGPKBYDY.js';import'../../chunk-PBR7SFWY.js';import'../../chunk-M6ZI7M3R.js';import'../../chunk-EIG6CBTQ.js';//# sourceMappingURL=search-input.js.map
-//# sourceMappingURL=search-input.js.map
+import{cva as _,cx as s}from"@xjur-ui/util";import{createContext as V}from"react";import{InputMask as w}from"@react-input/mask";import{NumericFormat as A}from"react-number-format";import{Slot as u}from"@radix-ui/react-slot";import{cva as b}from"@xjur-ui/util";import{memo as y}from"react";import{jsx as h}from"react/jsx-runtime";var x=b("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),l=y(({variant:t,size:e,weight:a,asChild:o,className:n,...i})=>h(o?u:"span",{className:x({variant:t,size:e,weight:a,className:n}),...i}));l.displayName="Typography";function p(t,e){switch(t){case"cpf":return{...e,...v};case"cnpj":return{...e,...g};case"telefone":return{...e,...f};case"cep":return{...e,...z};case"numero-processo":return{...e,...k};case"data":return{...e,...C};case"hora":return{...e,...M};case"data-hora":return{...e,...P};case"custom":if(!e)throw new Error("Options are required for custom mask");return e}}var v={mask:"###.###.###-##",replacement:{"#":/\d/}},g={mask:"##.###.###/####-##",replacement:{"#":/\d/}},f={mask:"(##) #####-####",replacement:{"#":/\d/}},z={mask:"#####-###",replacement:{"#":/\d/}},k={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},C={mask:"##/##/####",replacement:{"#":/\d/}},M={mask:"##:##",replacement:{"#":/\d/}},P={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as S}from"@radix-ui/react-slot";import{cva as I,cx as O}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";var N=I(["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 c({asChild:t,className:e,variant:a="primary",size:o="md",appearance:n="solid",...i}){return T(t?S:"button",{className:O(N({variant:a,appearance:n,size:o}),e),...i})}import{jsx as r}from"react/jsx-runtime";var d=V({variant:"outlined"});function Z({className:t,variant:e="outlined",...a}){return r(d.Provider,{value:{variant:e},children:r("div",{className:s("relative flex",t),...a})})}function $({className:t,...e}){let a=_(["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 r(d.Consumer,{children:({variant:o})=>r("div",{className:s(t,a({variant:o})),"data-variant":o,...e})})}function ee({htmlFor:t,...e}){return r(l,{asChild:!0,className:s("absolute -top-[22px] left-0"),size:"sm",variant:"label",weight:"medium",children:r("label",{htmlFor:t,...e})})}function te({className:t,...e}){return r("input",{className:s(t,"flex-1 outline-none"),...e})}function ae({className:t,mask:e,customMask:a,...o}){return r(w,{...e?{...p(e)}:a&&{...a},className:s(t,"flex-1 outline-none"),...o})}function re({className:t,...e}){return r(A,{className:s(t,"flex-1 outline-none"),...e})}function oe(t){return r("div",{...t,"data-slot":"search-input-slot"})}function se({className:t,appearance:e="ghost",variant:a="outlined",...o}){return r(c,{...o,appearance:e,className:s(t,"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{se as SearchInputAction,$ as SearchInputContent,ee as SearchInputLabel,ae as SearchInputMask,re as SearchInputNumber,Z as SearchInputRoot,oe as SearchInputSlot,te as SearchInputText};