@xjur-ui/react 2.3.0 → 3.0.0

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

@@ -1,2 +1 @@
-import'../../../chunk-WFZACDDH.js';export{a as InputNumericStepper}from'../../../chunk-2TVBY4IY.js';export{a as InputRoot}from'../../../chunk-6KKZP5G3.js';export{a as InputText}from'../../../chunk-EOKFSNH5.js';export{a as InputTrigger}from'../../../chunk-YDRZPQ3J.js';export{a as InputAction}from'../../../chunk-HIT33DXM.js';export{a as InputCaption}from'../../../chunk-WUHYNXHE.js';export{a as InputContent}from'../../../chunk-DZSAQN5T.js';export{a as InputCurrencyRange}from'../../../chunk-NDXYABGR.js';export{b as InputCurrency,a as InputNumber}from'../../../chunk-3DZWZLV3.js';export{a as InputSlot}from'../../../chunk-UDJUMHNY.js';export{a as InputIcon}from'../../../chunk-7DGDSULM.js';export{a as InputLabel}from'../../../chunk-XU7DDF5D.js';export{a as InputMask}from'../../../chunk-FU4H45BR.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-5Z3AIBBS.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-PBR7SFWY.js';import'../../../chunk-CBFC4QME.js';import'../../../chunk-DVDHTP4C.js';//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+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

@@ -1,6 +1,2 @@
-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 };
+import type { ComponentProps } from 'react';
+export declare function InputAction({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputAction}from'../../../chunk-HIT33DXM.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-action.js.map
-//# sourceMappingURL=input-action.js.map
+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

@@ -1,6 +1,2 @@
-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 };
+import type { ComponentProps } from 'react';
+export declare function InputCaption({ className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputCaption}from'../../../chunk-WUHYNXHE.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-caption.js.map
-//# sourceMappingURL=input-caption.js.map
+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

@@ -1,6 +1,2 @@
-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 };
+import type { ComponentProps } from 'react';
+export declare function InputContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputContent}from'../../../chunk-DZSAQN5T.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-content.js.map
-//# sourceMappingURL=input-content.js.map
+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

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

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

@@ -1,2 +1 @@
-export{a as InputCurrencyRange}from'../../../chunk-NDXYABGR.js';import'../../../chunk-3DZWZLV3.js';import'../../../chunk-UDJUMHNY.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-currency.js.map
-//# sourceMappingURL=input-currency.js.map
+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

@@ -1,10 +1,6 @@
-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'> & {
+import type { ComponentProps } from 'react';
+import { type IconType } from '../../icon';
+export declare function InputIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
     name: IconType;
     orientation?: 'left' | 'right';
-}): react_jsx_runtime.JSX.Element;
-
-export { InputIcon };
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputIcon}from'../../../chunk-7DGDSULM.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-DVDHTP4C.js';//# sourceMappingURL=input-icon.js.map
-//# sourceMappingURL=input-icon.js.map
+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

@@ -1,7 +1,3 @@
-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 };
+import type { ComponentProps } from 'react';
+import { FloatingLabel } from '../floating-label';
+export declare function InputLabel(props: ComponentProps<typeof FloatingLabel>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputLabel}from'../../../chunk-XU7DDF5D.js';import'../../../chunk-5Z3AIBBS.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-label.js.map
-//# sourceMappingURL=input-label.js.map
+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

@@ -1,6 +1,2 @@
-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 };
+import type { ComponentProps } from 'react';
+export declare function InputMask({ className, placeholder, ...props }: ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputMask}from'../../../chunk-FU4H45BR.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-PBR7SFWY.js';//# sourceMappingURL=input-mask.js.map
-//# sourceMappingURL=input-mask.js.map
+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

@@ -1,8 +1,4 @@
-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 };
+import { type NumericFormatProps } from 'react-number-format';
+import type { ComponentProps } from 'react';
+export declare function InputNumber({ className, placeholder, ...props }: NumericFormatProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputCurrency(props: ComponentProps<typeof InputNumber>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{b as InputCurrency,a as InputNumber}from'../../../chunk-3DZWZLV3.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-number.js.map
-//# sourceMappingURL=input-number.js.map
+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

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

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

@@ -1,2 +1 @@
-export{a as InputNumericStepper}from'../../../chunk-2TVBY4IY.js';import'../../../chunk-HIT33DXM.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-CBFC4QME.js';import'../../../chunk-DVDHTP4C.js';//# sourceMappingURL=input-numeric-stepper.js.map
-//# sourceMappingURL=input-numeric-stepper.js.map
+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

@@ -1,9 +1,3 @@
-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 };
+import type { ComponentProps } from 'react';
+import { type FieldContextValue } from '../context/field.context';
+export declare function InputRoot({ className, state, customMask, variant, mask, ...props }: ComponentProps<'div'> & FieldContextValue): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputRoot}from'../../../chunk-6KKZP5G3.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-root.js.map
-//# sourceMappingURL=input-root.js.map
+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

@@ -1,6 +1,2 @@
-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 };
+import type { ComponentProps } from 'react';
+export declare function InputSlot({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputSlot}from'../../../chunk-UDJUMHNY.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-slot.js.map
-//# sourceMappingURL=input-slot.js.map
+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

@@ -1,6 +1,4 @@
-import * as tailwind_variants from 'tailwind-variants';
-
-declare const input: tailwind_variants.TVReturnType<{
+export declare const input: import("tailwind-variants").TVReturnType<{
     state: {
         normal: {
             trigger: string;
@@ -44,7 +42,7 @@ declare const input: tailwind_variants.TVReturnType<{
     slotText: string;
     caption: string;
     action: string;
-}, tailwind_variants.TVReturnType<{
+}, import("tailwind-variants").TVReturnType<{
     state: {
         normal: {
             trigger: string;
@@ -67,5 +65,3 @@ declare const input: tailwind_variants.TVReturnType<{
     caption: string;
     action: string;
 }, undefined, unknown, unknown, undefined>>;
-
-export { input };

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

@@ -1,2 +1 @@
-export{a as input}from'../../../chunk-4GDW5WIQ.js';//# sourceMappingURL=input-styles.js.map
-//# sourceMappingURL=input-styles.js.map
+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

@@ -1,6 +1,2 @@
-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 };
+import type { ComponentProps } from 'react';
+export declare function InputText({ className, placeholder, ...props }: ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputText}from'../../../chunk-EOKFSNH5.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-text.js.map
-//# sourceMappingURL=input-text.js.map
+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

@@ -1,6 +1,2 @@
-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 };
+import type { ComponentProps } from 'react';
+export declare function InputTrigger({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as InputTrigger}from'../../../chunk-YDRZPQ3J.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-trigger.js.map
-//# sourceMappingURL=input-trigger.js.map
+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.d.ts

@@ -1,13 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as OTPPasswordField from '@radix-ui/react-one-time-password-field';
-
-declare function Root({ children, className, ...props }: OTPPasswordField.OneTimePasswordFieldProps): react_jsx_runtime.JSX.Element;
-declare function Input({ className, ...props }: OTPPasswordField.OneTimePasswordFieldInputProps): react_jsx_runtime.JSX.Element;
-declare function HiddenInput({ ...props }: OTPPasswordField.OneTimePasswordFieldHiddenInputProps): react_jsx_runtime.JSX.Element;
-declare const OTPInput: {
+declare function Root({ children, className, ...props }: OTPPasswordField.OneTimePasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function Input({ className, ...props }: OTPPasswordField.OneTimePasswordFieldInputProps): import("react/jsx-runtime").JSX.Element;
+declare function HiddenInput({ ...props }: OTPPasswordField.OneTimePasswordFieldHiddenInputProps): import("react/jsx-runtime").JSX.Element;
+export declare const OTPInput: {
     Root: typeof Root;
     Input: typeof Input;
     HiddenInput: typeof HiddenInput;
 };
-
-export { OTPInput };
+export {};

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.d.ts

@@ -1,10 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-
-declare function RadioGroup({ className, orientation, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function RadioItem({ className, id, label, disabled, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
+export declare function RadioGroup({ className, orientation, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function RadioItem({ className, id, label, disabled, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
     label?: string;
-}): react_jsx_runtime.JSX.Element;
-
-export { RadioGroup, RadioItem };
+}): import("react/jsx-runtime").JSX.Element;

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.d.ts

@@ -1,9 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { ComponentProps } from 'react';
-import { FloatingLabel } from './floating-label.js';
-
-declare const rating: tailwind_variants.TVReturnType<{
+import type { ComponentProps } from 'react';
+import { FloatingLabel } from './floating-label';
+export declare const rating: import("tailwind-variants").TVReturnType<{
     state: {
         normal: {
             star: string;
@@ -61,7 +58,7 @@ declare const rating: tailwind_variants.TVReturnType<{
     root: string;
     star: string;
     caption: string;
-}, tailwind_variants.TVReturnType<{
+}, import("tailwind-variants").TVReturnType<{
     state: {
         normal: {
             star: string;
@@ -91,7 +88,7 @@ declare const rating: tailwind_variants.TVReturnType<{
     star: string;
     caption: string;
 }, undefined, unknown, unknown, undefined>>;
-interface RatingRootProps {
+export interface RatingRootProps {
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
@@ -103,23 +100,23 @@ interface RatingRootProps {
     id?: string;
     children: React.ReactNode;
 }
-declare function RatingRoot({ value: controlledValue, defaultValue, onValueChange: handleValueChange, max, state, size, disabled, className, id, children, ...props }: RatingRootProps): react_jsx_runtime.JSX.Element;
-interface RatingTrackProps {
+export declare function RatingRoot({ value: controlledValue, defaultValue, onValueChange: handleValueChange, max, state, size, disabled, className, id, children, ...props }: RatingRootProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingTrackProps {
     className?: string;
 }
-declare function RatingTrack({ className }: RatingTrackProps): react_jsx_runtime.JSX.Element;
-interface RatingStarProps {
+export declare function RatingTrack({ className }: RatingTrackProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingStarProps {
     value: number;
     className?: string;
 }
-declare function RatingStar({ value, className }: RatingStarProps): react_jsx_runtime.JSX.Element;
-type RatingLabelProps = ComponentProps<typeof FloatingLabel>;
-declare function RatingLabel(props: RatingLabelProps): react_jsx_runtime.JSX.Element;
-interface RatingCaptionProps extends ComponentProps<'p'> {
+export declare function RatingStar({ value, className }: RatingStarProps): import("react/jsx-runtime").JSX.Element;
+export type RatingLabelProps = ComponentProps<typeof FloatingLabel>;
+export declare function RatingLabel(props: RatingLabelProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingCaptionProps extends ComponentProps<'p'> {
     className?: string;
 }
-declare function RatingCaption({ className, ...props }: RatingCaptionProps): react_jsx_runtime.JSX.Element;
-interface RatingProps {
+export declare function RatingCaption({ className, ...props }: RatingCaptionProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingProps {
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
@@ -132,6 +129,4 @@ interface RatingProps {
     disabled?: boolean;
     id?: string;
 }
-declare function Rating({ value, defaultValue, onValueChange: handleValueChange, max, state, size, label, caption, className, disabled, id, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
-
-export { Rating, RatingCaption, type RatingCaptionProps, RatingLabel, type RatingLabelProps, type RatingProps, RatingRoot, type RatingRootProps, RatingStar, type RatingStarProps, RatingTrack, type RatingTrackProps, rating };
+export declare function Rating({ value, defaultValue, onValueChange: handleValueChange, max, state, size, label, caption, className, disabled, id, ...props }: RatingProps): import("react/jsx-runtime").JSX.Element;

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.d.ts

@@ -1,26 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { EditorOptions, EditorContent } from '@tiptap/react';
-export { useCurrentEditor as useRichTextEditor, useEditorState as useRichTextEditorState } from '@tiptap/react';
-import { Extension } from '@tiptap/core';
-import { ButtonProps } from './button.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-declare function RichEditorRoot({ className, editorOptions, ...props }: ComponentProps<'div'> & {
+import { type ComponentProps } from 'react';
+import { EditorContent, useCurrentEditor as useRichTextEditor, useEditorState as useRichTextEditorState, type EditorOptions } from '@tiptap/react';
+import type { Extension } from '@tiptap/core';
+import { type ButtonProps } from './button';
+export declare function RichEditorRoot({ className, editorOptions, ...props }: ComponentProps<'div'> & {
     editorOptions?: Partial<Omit<EditorOptions, 'extensions'> & {
         extensions?: Extension[];
     }>;
-}): react_jsx_runtime.JSX.Element;
-declare function RichEditorContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function RichEditorCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
-declare function RichEditorAreaText({ className, ...props }: Omit<ComponentProps<typeof EditorContent>, 'editor'>): react_jsx_runtime.JSX.Element;
-declare function RichEditorToolbar({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function ToolbarButton({ appearance, variant, onMouseDown, onPointerDown, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorCaption({ className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorAreaText({ className, ...props }: Omit<ComponentProps<typeof EditorContent>, 'editor'>): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorToolbar({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarButton({ appearance, variant, onMouseDown, onPointerDown, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 type ToggleButtonName = 'bold' | 'italic' | 'underline' | 'strike' | 'bulletList' | 'orderedList' | 'undo' | 'redo';
-declare function ToggleButton({ name, ...props }: ButtonProps & {
+export declare function ToggleButton({ name, ...props }: ButtonProps & {
     name: ToggleButtonName;
-}): react_jsx_runtime.JSX.Element;
-declare function HeadingButton({ appearance, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-export { HeadingButton, RichEditorAreaText, RichEditorCaption, RichEditorContent, RichEditorRoot, RichEditorToolbar, ToggleButton, ToolbarButton };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function HeadingButton({ appearance, variant, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { useRichTextEditorState, useRichTextEditor };