@xjur-ui/react 3.0.9 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @xjur-ui/react
 
+## 3.1.1
+
+### Patch Changes
+
+- 6ff314b: fix progress text view
+
+## 3.1.0
+
+### Minor Changes
+
+- 94d7007: Refatora componente Upload para arquitetura composicional
+  - Transforma Upload em componentes composicionais: UploadRoot, UploadTrigger, UploadIcon, UploadTitle, UploadDescription
+  - Adiciona variantes 'simple' e 'complex' para diferentes layouts
+  - Remove UploadContent (funcionalidade movida para outros componentes)
+  - Atualiza stories do Storybook com novos exemplos
+  - Adiciona ícone 'image' ao conjunto de ícones disponíveis
+
+  BREAKING CHANGE: A API do componente Upload foi completamente redesenhada. Migre de `<Upload.Area />` para a nova estrutura composicional com `<UploadRoot>`, `<UploadTrigger>`, etc.
+
 ## 3.0.9
 
 ### Patch Changes

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

@@ -1 +1 @@
-import{cx as u}from"@xjur-ui/util";import*as s from"@radix-ui/react-accordion";import{cx as m}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function n({className:r,filled:e=!1,name:t,...o}){return f("span",{...o,className:m("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:t})}var i=(r="default")=>{let e={root:"w-full",item:"",trigger:"flex flex-1 items-center justify-between px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return r==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as l,jsxs as g}from"react/jsx-runtime";function T({variant:r="default",showIcon:e=!0,iconPosition:t="right",iconName:o="keyboard_arrow_down",className:c,children:d,..._}){let p=i(r),a=e?l(n,{className:"flex h-4 w-4 shrink-0 items-center transition-transform duration-200",name:o}):null;return g(s.Trigger,{className:u(p.trigger,c),..._,children:[t==="left"&&a,l("span",{className:"flex-1 text-left",children:d}),t==="right"&&a]})}export{T as AccordionTrigger};
+import{cx as u}from"@xjur-ui/util";import*as s from"@radix-ui/react-accordion";import{cx as m}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function i({className:r,filled:e=!1,name:t,...o}){return f("span",{...o,className:m("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:t})}var n=(r="default")=>{let e={root:"w-full",item:"",trigger:"flex flex-1 items-center justify-between px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return r==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as l,jsxs as g}from"react/jsx-runtime";function T({variant:r="default",showIcon:e=!0,iconPosition:t="right",iconName:o="keyboard_arrow_down",className:c,children:d,..._}){let p=n(r),a=e?l(i,{className:"flex h-4 w-4 shrink-0 items-center transition-transform duration-200",name:o}):null;return g(s.Trigger,{className:u(p.trigger,c),..._,children:[t==="left"&&a,l("span",{className:"flex-1 text-left",children:d}),t==="right"&&a]})}export{T as AccordionTrigger};

package/dist/components/accordion/index.js

@@ -1 +1 @@
-import{cx as N}from"@xjur-ui/util";import*as y from"@radix-ui/react-accordion";var i=(o="default")=>{let e={root:"w-full",item:"",trigger:"flex flex-1 items-center justify-between px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return o==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as v}from"react/jsx-runtime";function m({variant:o="default",className:e,children:a,...r}){let n=i(o);return v(y.Content,{className:N(n.content,e),...r,children:v("div",{className:n.contentInner,children:a})})}import{cx as V}from"@xjur-ui/util";import*as b from"@radix-ui/react-accordion";import{jsx as R}from"react/jsx-runtime";function u({variant:o="default",className:e,...a}){let r=i(o);return R(b.Item,{className:V(r.item,e),...a})}import{cx as w}from"@xjur-ui/util";import*as g from"@radix-ui/react-accordion";import{jsx as A}from"react/jsx-runtime";function f({variant:o="default",className:e,type:a="single",...r}){let n=i(o);if(a==="multiple"){let{value:t,defaultValue:p,onValueChange:C,...I}=r;return A(g.Root,{className:w(n.root,e),defaultValue:p,type:"multiple",value:t,...I,onValueChange:C})}let{value:l,defaultValue:s,onValueChange:d,...c}=r;return A(g.Root,{className:w(n.root,e),defaultValue:s,type:"single",value:l,...c,onValueChange:d})}import{cx as z}from"@xjur-ui/util";import*as P from"@radix-ui/react-accordion";import{cx as T}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";function x({className:o,filled:e=!1,name:a,...r}){return S("span",{...r,className:T("material-symbols-outlined","text-size-body-lg select-none",o),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:a})}import{jsx as k,jsxs as H}from"react/jsx-runtime";function _({variant:o="default",showIcon:e=!0,iconPosition:a="right",iconName:r="keyboard_arrow_down",className:n,children:l,...s}){let d=i(o),c=e?k(x,{className:"flex h-4 w-4 shrink-0 items-center transition-transform duration-200",name:r}):null;return H(P.Trigger,{className:z(d.trigger,n),...s,children:[a==="left"&&c,k("span",{className:"flex-1 text-left",children:l}),a==="right"&&c]})}import{jsx as h,jsxs as L}from"react/jsx-runtime";function q({items:o,variant:e="tabheader",type:a="single",defaultValue:r,value:n,onValueChange:l,...s}){let d=(t,p)=>{switch(t){case"chevron":return p==="right"?"chevron_right":"keyboard_arrow_down";case"triangle":return p==="right"?"chevron_right":"keyboard_arrow_down";case"plus":return p==="right"?"add":"remove";default:return"keyboard_arrow_down"}},c=t=>{switch(t){case"gray":return"text-neutral-medium";case"orange":return"text-orange-500";default:return"text-neutral-dark"}};return h(f,{defaultValue:r,type:a,value:n,variant:e,...s,onValueChange:l,children:o.map(t=>L(u,{value:t.value,variant:e,children:[h(_,{className:c(t.iconColor||"gray"),iconName:d(t.iconVariant||"chevron",t.iconDirection||"down"),variant:e,children:t.title}),h(m,{variant:e,children:t.content})]},t.value))})}export{m as AccordionContent,u as AccordionItem,f as AccordionRoot,q as AccordionTabHeader,_ as AccordionTrigger};
+import{cx as N}from"@xjur-ui/util";import*as y from"@radix-ui/react-accordion";var i=(r="default")=>{let e={root:"w-full",item:"",trigger:"flex flex-1 items-center justify-between px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return r==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as v}from"react/jsx-runtime";function m({variant:r="default",className:e,children:a,...o}){let n=i(r);return v(y.Content,{className:N(n.content,e),...o,children:v("div",{className:n.contentInner,children:a})})}import{cx as V}from"@xjur-ui/util";import*as b from"@radix-ui/react-accordion";import{jsx as R}from"react/jsx-runtime";function u({variant:r="default",className:e,...a}){let o=i(r);return R(b.Item,{className:V(o.item,e),...a})}import{cx as w}from"@xjur-ui/util";import*as g from"@radix-ui/react-accordion";import{jsx as A}from"react/jsx-runtime";function f({variant:r="default",className:e,type:a="single",...o}){let n=i(r);if(a==="multiple"){let{value:t,defaultValue:p,onValueChange:C,...I}=o;return A(g.Root,{className:w(n.root,e),defaultValue:p,type:"multiple",value:t,...I,onValueChange:C})}let{value:l,defaultValue:s,onValueChange:d,...c}=o;return A(g.Root,{className:w(n.root,e),defaultValue:s,type:"single",value:l,...c,onValueChange:d})}import{cx as z}from"@xjur-ui/util";import*as P from"@radix-ui/react-accordion";import{cx as T}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";function x({className:r,filled:e=!1,name:a,...o}){return S("span",{...o,className:T("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{jsx as k,jsxs as H}from"react/jsx-runtime";function _({variant:r="default",showIcon:e=!0,iconPosition:a="right",iconName:o="keyboard_arrow_down",className:n,children:l,...s}){let d=i(r),c=e?k(x,{className:"flex h-4 w-4 shrink-0 items-center transition-transform duration-200",name:o}):null;return H(P.Trigger,{className:z(d.trigger,n),...s,children:[a==="left"&&c,k("span",{className:"flex-1 text-left",children:l}),a==="right"&&c]})}import{jsx as h,jsxs as L}from"react/jsx-runtime";function q({items:r,variant:e="tabheader",type:a="single",defaultValue:o,value:n,onValueChange:l,...s}){let d=(t,p)=>{switch(t){case"chevron":return p==="right"?"chevron_right":"keyboard_arrow_down";case"triangle":return p==="right"?"chevron_right":"keyboard_arrow_down";case"plus":return p==="right"?"add":"remove";default:return"keyboard_arrow_down"}},c=t=>{switch(t){case"gray":return"text-neutral-medium";case"orange":return"text-orange-500";default:return"text-neutral-dark"}};return h(f,{defaultValue:o,type:a,value:n,variant:e,...s,onValueChange:l,children:r.map(t=>L(u,{value:t.value,variant:e,children:[h(_,{className:c(t.iconColor||"gray"),iconName:d(t.iconVariant||"chevron",t.iconDirection||"down"),variant:e,children:t.title}),h(m,{variant:e,children:t.content})]},t.value))})}export{m as AccordionContent,u as AccordionItem,f as AccordionRoot,q as AccordionTabHeader,_ as AccordionTrigger};

package/dist/components/breadcrumb/breadcrumb-ellipsis.js

@@ -1 +1 @@
-import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:n,...r}){return s("span",{...r,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:n})}import{jsx as t,jsxs as _}from"react/jsx-runtime";function w({className:e,...o}){return _("span",{"aria-hidden":"true",className:l("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...o,children:[t(a,{className:"size-4",name:"more_horiz"}),t("span",{className:"sr-only",children:"More"})]})}export{w as BreadcrumbEllipsis};
+import{cx as _}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:n,...r}){return s("span",{...r,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:n})}import{jsx as t,jsxs as l}from"react/jsx-runtime";function w({className:e,...o}){return l("span",{"aria-hidden":"true",className:_("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...o,children:[t(a,{className:"size-4",name:"more_horiz"}),t("span",{className:"sr-only",children:"More"})]})}export{w as BreadcrumbEllipsis};

package/dist/components/breadcrumb/breadcrumb-separator.js

@@ -1 +1 @@
-import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return _("span",{...t,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{jsx as n}from"react/jsx-runtime";function b({children:e,className:o,...r}){return n("li",{"aria-hidden":"true",className:l("[&>span]:text-size-title-lg",o),"data-slot":"breadcrumb-separator",role:"presentation",...r,children:e??n(a,{name:"chevron_right"})})}export{b as BreadcrumbSeparator};
+import{cx as l}from"@xjur-ui/util";import{cx as n}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return _("span",{...t,className:n("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{jsx as i}from"react/jsx-runtime";function b({children:e,className:o,...r}){return i("li",{"aria-hidden":"true",className:l("[&>span]:text-size-title-lg",o),"data-slot":"breadcrumb-separator",role:"presentation",...r,children:e??i(a,{name:"chevron_right"})})}export{b as BreadcrumbSeparator};

package/dist/components/breadcrumb/index.js

@@ -1 +1 @@
-import{jsx as z}from"react/jsx-runtime";function T({...t}){return z("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...t})}import{cx as P}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function w({className:t,...e}){return C("ol",{className:P("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",t),"data-slot":"breadcrumb-list",...e})}import{cx as k}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function B({className:t,...e}){return R("li",{className:k("inline-flex items-center gap-1.5",t),"data-slot":"breadcrumb-item",...e})}import{Slot as W}from"@radix-ui/react-slot";import{cx as A}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as h,useState as S}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function I({delayDuration:t=0,...e}){return c(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(I,{children:c(l.Root,{"data-slot":"tooltip",...t})})}import*as _ from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function u({...t}){return N(_.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as p from"@radix-ui/react-tooltip";import{cx as L}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";function b({className:t,sideOffset:e=1,variant:o="simple",children:a,...i}){return y(p.Portal,{children:y(p.Content,{className:L("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":o,sideOffset:e,...i,children:a})})}import{jsx as m,jsxs as D}from"react/jsx-runtime";var M=E("",{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"}}),n=h(({variant:t,size:e,weight:o,asChild:a,className:i,children:r,...s})=>m(a?V:"span",{className:M({variant:t,size:e,weight:o,className:i}),...s,children:r}));n.displayName="Typography";var q=h(({children:t,...e})=>{let[o,a]=S(!1);return D(f,{children:[m(u,{asChild:!0,children:m(n,{onMouseEnter:({currentTarget:r})=>{let s=r.scrollWidth>r.clientWidth;a(s),s?r.style.cursor="pointer":r.style.cursor="text"},...e,children:t})}),o&&m(b,{children:t})]})});q.displayName="TruncatedTypography";import{jsx as g}from"react/jsx-runtime";function F({asChild:t,className:e,variant:o="headline",size:a="sm",...i}){return g(n,{asChild:!0,size:a,variant:o,children:g(t?W:"a",{className:A("hover:text-neutral-dark transition-colors",e),"data-slot":"breadcrumb-link",...i})})}import{cx as G}from"@xjur-ui/util";import{jsx as O}from"react/jsx-runtime";function H({variant:t="headline",size:e="sm",className:o,...a}){return O(n,{"aria-current":"page","aria-disabled":"true",className:G("text-neutral-dark font-normal",o),"data-slot":"breadcrumb-page",role:"link",size:e,variant:t,...a})}import{cx as K}from"@xjur-ui/util";import{cx as $}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function d({className:t,filled:e=!1,name:o,...a}){return J("span",{...a,className:$("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as v}from"react/jsx-runtime";function Q({children:t,className:e,...o}){return v("li",{"aria-hidden":"true",className:K("[&>span]:text-size-title-lg",e),"data-slot":"breadcrumb-separator",role:"presentation",...o,children:t??v(d,{name:"chevron_right"})})}import{cx as U}from"@xjur-ui/util";import{jsx as x,jsxs as Y}from"react/jsx-runtime";function X({className:t,...e}){return Y("span",{"aria-hidden":"true",className:U("flex size-9 items-center justify-center",t),"data-slot":"breadcrumb-ellipsis",role:"presentation",...e,children:[x(d,{className:"size-4",name:"more_horiz"}),x("span",{className:"sr-only",children:"More"})]})}export{T as Breadcrumb,X as BreadcrumbEllipsis,B as BreadcrumbItem,F as BreadcrumbLink,w as BreadcrumbList,H as BreadcrumbPage,Q as BreadcrumbSeparator};
+import{jsx as z}from"react/jsx-runtime";function T({...t}){return z("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...t})}import{cx as P}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function w({className:t,...e}){return C("ol",{className:P("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",t),"data-slot":"breadcrumb-list",...e})}import{cx as k}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function B({className:t,...e}){return R("li",{className:k("inline-flex items-center gap-1.5",t),"data-slot":"breadcrumb-item",...e})}import{Slot as W}from"@radix-ui/react-slot";import{cx as A}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as h,useState as S}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function I({delayDuration:t=0,...e}){return c(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(I,{children:c(l.Root,{"data-slot":"tooltip",...t})})}import*as _ from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function u({...t}){return N(_.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as p from"@radix-ui/react-tooltip";import{cx as L}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";function b({className:t,sideOffset:e=1,variant:o="simple",children:a,...i}){return y(p.Portal,{children:y(p.Content,{className:L("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":o,sideOffset:e,...i,children:a})})}import{jsx as m,jsxs as D}from"react/jsx-runtime";var M=E("",{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"}}),s=h(({variant:t,size:e,weight:o,asChild:a,className:i,children:r,...n})=>m(a?V:"span",{className:M({variant:t,size:e,weight:o,className:i}),...n,children:r}));s.displayName="Typography";var q=h(({children:t,...e})=>{let[o,a]=S(!1);return D(f,{children:[m(u,{asChild:!0,children:m(s,{onMouseEnter:({currentTarget:r})=>{let n=r.scrollWidth>r.clientWidth;a(n),n?r.style.cursor="pointer":r.style.cursor="text"},...e,children:t})}),o&&m(b,{children:t})]})});q.displayName="TruncatedTypography";import{jsx as g}from"react/jsx-runtime";function F({asChild:t,className:e,variant:o="headline",size:a="sm",...i}){return g(s,{asChild:!0,size:a,variant:o,children:g(t?W:"a",{className:A("hover:text-neutral-dark transition-colors",e),"data-slot":"breadcrumb-link",...i})})}import{cx as G}from"@xjur-ui/util";import{jsx as O}from"react/jsx-runtime";function H({variant:t="headline",size:e="sm",className:o,...a}){return O(s,{"aria-current":"page","aria-disabled":"true",className:G("text-neutral-dark font-normal",o),"data-slot":"breadcrumb-page",role:"link",size:e,variant:t,...a})}import{cx as K}from"@xjur-ui/util";import{cx as $}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function d({className:t,filled:e=!1,name:o,...a}){return J("span",{...a,className:$("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as v}from"react/jsx-runtime";function Q({children:t,className:e,...o}){return v("li",{"aria-hidden":"true",className:K("[&>span]:text-size-title-lg",e),"data-slot":"breadcrumb-separator",role:"presentation",...o,children:t??v(d,{name:"chevron_right"})})}import{cx as U}from"@xjur-ui/util";import{jsx as x,jsxs as Y}from"react/jsx-runtime";function X({className:t,...e}){return Y("span",{"aria-hidden":"true",className:U("flex size-9 items-center justify-center",t),"data-slot":"breadcrumb-ellipsis",role:"presentation",...e,children:[x(d,{className:"size-4",name:"more_horiz"}),x("span",{className:"sr-only",children:"More"})]})}export{T as Breadcrumb,X as BreadcrumbEllipsis,B as BreadcrumbItem,F as BreadcrumbLink,w as BreadcrumbList,H as BreadcrumbPage,Q as BreadcrumbSeparator};

package/dist/components/carousel/carousel-action.js

@@ -1 +1 @@
-import{twMerge as u}from"@xjur-ui/util";import{useState as s,useCallback as m,useEffect as R,useContext as P}from"react";import{cx as w}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function p({className:t,filled:l=!1,name:n,...r}){return C("span",{...r,className:w("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${l?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:n})}import{Slot as O}from"@radix-ui/react-slot";import{cva as k,cx as N}from"@xjur-ui/util";import{jsx as D}from"react/jsx-runtime";var M=k(["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"}});import{twMerge as H}from"@xjur-ui/util";import{createContext as z,useRef as F}from"react";import{jsx as J}from"react/jsx-runtime";var d=z({scrollAmount:500,scrollRef:{current:null}});import{jsx as i}from"react/jsx-runtime";function re({direction:t,className:l}){let{scrollAmount:n,scrollRef:r}=P(d),[f,_]=s(!1),[v,b]=s(!1),[y,c]=s(!1),o=m(()=>{let e=r.current;if(!e)return;let{scrollLeft:a,scrollWidth:h,clientWidth:x}=e;_(a>0),b(a<h-x)},[r]),g=m(()=>{let e=r.current;e&&(c(!0),e.scrollTo({left:t==="left"?e.scrollLeft-n:e.scrollLeft+n,behavior:"smooth"}),setTimeout(()=>c(!1),300))},[t,n,r]);return R(()=>{let e=r.current;if(!e)return;o(),e.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o);let a=null;return typeof ResizeObserver<"u"&&(a=new ResizeObserver(o),a.observe(e)),()=>{e.removeEventListener("scroll",o),window.removeEventListener("resize",o),a&&a.disconnect()}},[o,r]),t==="right"&&!v||t==="left"&&!f?null:i("div",{className:u("absolute top-1/2 z-1000 flex h-full -translate-y-1/2 items-center justify-end","animate-in fade-in invisible transition-all duration-300 group-hover/carousel-root:visible",`${t}-0`),children:i("button",{className:u("size-large-2x rounded-circle bg-primary-idle/50 flex cursor-pointer items-center justify-center text-white",l),disabled:y,type:"button",onClick:g,children:i(p,{name:`chevron_${t}`})})})}export{re as CarouselAction};
+import{twMerge as u}from"@xjur-ui/util";import{useState as s,useCallback as m,useEffect as R,useContext as P}from"react";import{cx as x}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function p({className:t,filled:l=!1,name:n,...r}){return C("span",{...r,className:x("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${l?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:n})}import{Slot as O}from"@radix-ui/react-slot";import{cva as k,cx as N}from"@xjur-ui/util";import{jsx as D}from"react/jsx-runtime";var M=k(["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"}});import{twMerge as H}from"@xjur-ui/util";import{createContext as z,useRef as F}from"react";import{jsx as J}from"react/jsx-runtime";var d=z({scrollAmount:500,scrollRef:{current:null}});import{jsx as i}from"react/jsx-runtime";function re({direction:t,className:l}){let{scrollAmount:n,scrollRef:r}=P(d),[f,_]=s(!1),[b,v]=s(!1),[y,c]=s(!1),o=m(()=>{let e=r.current;if(!e)return;let{scrollLeft:a,scrollWidth:h,clientWidth:w}=e;_(a>0),v(a<h-w)},[r]),g=m(()=>{let e=r.current;e&&(c(!0),e.scrollTo({left:t==="left"?e.scrollLeft-n:e.scrollLeft+n,behavior:"smooth"}),setTimeout(()=>c(!1),300))},[t,n,r]);return R(()=>{let e=r.current;if(!e)return;o(),e.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o);let a=null;return typeof ResizeObserver<"u"&&(a=new ResizeObserver(o),a.observe(e)),()=>{e.removeEventListener("scroll",o),window.removeEventListener("resize",o),a&&a.disconnect()}},[o,r]),t==="right"&&!b||t==="left"&&!f?null:i("div",{className:u("absolute top-1/2 z-1000 flex h-full -translate-y-1/2 items-center justify-end","animate-in fade-in invisible transition-all duration-300 group-hover/carousel-root:visible",`${t}-0`),children:i("button",{className:u("size-large-2x rounded-circle bg-primary-idle/50 flex cursor-pointer items-center justify-center text-white",l),disabled:y,type:"button",onClick:g,children:i(p,{name:`chevron_${t}`})})})}export{re as CarouselAction};

package/dist/components/chip/chip-close.js

@@ -1 +1 @@
-import{cx as _}from"@xjur-ui/util";import{cx as p}from"@xjur-ui/util";import{cx as l}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return s("span",{...t,className:l("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{jsx as c}from"react/jsx-runtime";function i({className:e,...o}){return c(a,{className:(p("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),e),...o})}import{jsx as n}from"react/jsx-runtime";function I({className:e,children:o=n(i,{name:"close"}),...r}){return n("div",{className:_(e,"data-[disabled=true]:invisible","cursor-pointer bg-inherit","invisible items-center justify-center group-hover/chip:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),role:"button",...r,children:o})}export{I as ChipClose};
+import{cx as _}from"@xjur-ui/util";import{cx as c}from"@xjur-ui/util";import{cx as l}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return s("span",{...t,className:l("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{jsx as p}from"react/jsx-runtime";function i({className:e,...o}){return p(a,{className:(c("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),e),...o})}import{jsx as n}from"react/jsx-runtime";function I({className:e,children:o=n(i,{name:"close"}),...r}){return n("div",{className:_(e,"data-[disabled=true]:invisible","cursor-pointer bg-inherit","invisible items-center justify-center group-hover/chip:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),role:"button",...r,children:o})}export{I as ChipClose};

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

@@ -1 +1 @@
-import{cx as l}from"@xjur-ui/util";import{cx as n}from"@xjur-ui/util";import{jsx as i}from"react/jsx-runtime";function t({className:e,filled:o=!1,name:a,...r}){return i("span",{...r,className:n("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:a})}import{jsx as _}from"react/jsx-runtime";function y({className:e,...o}){return _(t,{className:(l("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),e),...o})}export{y as ChipIcon};
+import{cx as _}from"@xjur-ui/util";import{cx as n}from"@xjur-ui/util";import{jsx as i}from"react/jsx-runtime";function t({className:e,filled:o=!1,name:a,...r}){return i("span",{...r,className:n("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:a})}import{jsx as l}from"react/jsx-runtime";function h({className:e,...o}){return l(t,{className:(_("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),e),...o})}export{h as ChipIcon};

package/dist/components/controls/checkbox.js

@@ -1 +1 @@
-import*as c from"@radix-ui/react-checkbox";import{cx as E}from"@xjur-ui/util";import{cx as x}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function y({className:e,filled:t=!1,name:a,...o}){return T("span",{...o,className:x("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{Slot as k}from"@radix-ui/react-slot";import{cva as C}from"@xjur-ui/util";import{memo as g,useState as I}from"react";import*as n from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function z({delayDuration:e=0,...t}){return f(n.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function _({...e}){return f(z,{children:f(n.Root,{"data-slot":"tooltip",...e})})}import*as u from"@radix-ui/react-tooltip";import{jsx as P}from"react/jsx-runtime";function h({...e}){return P(u.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as w}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function b({className:e,sideOffset:t=1,variant:a="simple",children:o,...r}){return v(d.Portal,{children:v(d.Content,{className:w("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":a,sideOffset:t,...r,children:o})})}import{jsx as p,jsxs as V}from"react/jsx-runtime";var N=C("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),m=g(({variant:e,size:t,weight:a,asChild:o,className:r,children:i,...s})=>p(o?k:"span",{className:N({variant:e,size:t,weight:a,className:r}),...s,children:i}));m.displayName="Typography";var R=g(({children:e,...t})=>{let[a,o]=I(!1);return V(_,{children:[p(h,{asChild:!0,children:p(m,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;o(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),a&&p(b,{children:e})]})});R.displayName="TruncatedTypography";import{jsx as l,jsxs as L}from"react/jsx-runtime";function se({label:e,name:t,className:a,disabled:o=!1,...r}){let i=`field-checkbox-${t}`;return L("div",{className:"group gap-small flex items-center",children:[l(c.Root,{disabled:o,...r,className:E("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",a),id:i,name:t,children:l(c.Indicator,{className:"flex items-center justify-center",children:l(y,{className:"text-neutral-label",name:"check"})})}),!!e&&l(m,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:l("label",{htmlFor:i,children:e})})]})}export{se as Checkbox};
+import*as c from"@radix-ui/react-checkbox";import{cx as E}from"@xjur-ui/util";import{cx as x}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function y({className:e,filled:t=!1,name:a,...o}){return T("span",{...o,className:x("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{Slot as k}from"@radix-ui/react-slot";import{cva as C}from"@xjur-ui/util";import{memo as g,useState as I}from"react";import*as n from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function z({delayDuration:e=0,...t}){return f(n.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function _({...e}){return f(z,{children:f(n.Root,{"data-slot":"tooltip",...e})})}import*as u from"@radix-ui/react-tooltip";import{jsx as w}from"react/jsx-runtime";function b({...e}){return w(u.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as P}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function h({className:e,sideOffset:t=1,variant:a="simple",children:o,...r}){return v(d.Portal,{children:v(d.Content,{className:P("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":a,sideOffset:t,...r,children:o})})}import{jsx as p,jsxs as V}from"react/jsx-runtime";var N=C("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),m=g(({variant:e,size:t,weight:a,asChild:o,className:r,children:i,...s})=>p(o?k:"span",{className:N({variant:e,size:t,weight:a,className:r}),...s,children:i}));m.displayName="Typography";var R=g(({children:e,...t})=>{let[a,o]=I(!1);return V(_,{children:[p(b,{asChild:!0,children:p(m,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;o(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),a&&p(h,{children:e})]})});R.displayName="TruncatedTypography";import{jsx as l,jsxs as L}from"react/jsx-runtime";function se({label:e,name:t,className:a,disabled:o=!1,...r}){let i=`field-checkbox-${t}`;return L("div",{className:"group gap-small flex items-center",children:[l(c.Root,{disabled:o,...r,className:E("size-large-alt rounded-small-1x inline-flex items-center justify-center transition-[border-color,box-shadow,background-color] duration-200 outline-none","border-border-layer-2 bg-layer-2-idle cursor-pointer border-2","hover:border-primary-idle focus:border-primary-idle focus:shadow-focus-primary","data-[state=checked]:bg-primary-active data-[state=checked]:border-primary-active","data-[state=checked]:hover:border-primary-idle","disabled:hover:border-border-layer-2 disabled:cursor-not-allowed disabled:opacity-[38%]",a),id:i,name:t,children:l(c.Indicator,{className:"flex items-center justify-center",children:l(y,{className:"text-neutral-label",name:"check"})})}),!!e&&l(m,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:l("label",{htmlFor:i,children:e})})]})}export{se as Checkbox};

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

@@ -1 +1 @@
-import*as C from"@radix-ui/react-popover";import{createContext as N,useContext as M}from"react";var x=N({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=M(x);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as V}from"@xjur-ui/util";var l=V({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as v}from"react/jsx-runtime";var{wrapper:L}=l();function O({className:t,state:o="normal",defaultOpen:e,variant:r="normal",modal:i,open:a,onOpenChange:s,...P}){return v(C.Root,{defaultOpen:e,modal:i,open:a,onOpenChange:s,children:v(x.Provider,{value:{state:o,variant:r},children:v("div",{className:L({className:t,state:o}),...P})})})}import{tv as S,twMerge as E}from"@xjur-ui/util";import*as w from"@radix-ui/react-popover";import{jsx as W}from"react/jsx-runtime";var{trigger:q}=l();function B({className:t,...o}){let{state:e,variant:r}=n(),i=S({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=E(q({state:e,className:t}),r==="filter"&&i({state:e,className:t}));return W(w.Trigger,{className:a,disabled:e==="disabled",...o})}import{tv as $}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function d({className:t,htmlFor:o,children:e,...r}){let{state:i}=n(),a=$({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return T("label",{className:a({className:t,state:i}),htmlFor:o,...r,children:T("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as G}from"react/jsx-runtime";function A(t){return G(d,{...t})}import{cx as H}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function k({className:t,filled:o=!1,name:e,...r}){return J("span",{...r,className:H("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:e})}import{jsx as z}from"react/jsx-runtime";var{icon:K}=l();function Q({className:t,name:o,orientation:e="left",...r}){let{state:i}=n();return z("div",{className:K({className:t,state:i}),"data-slot":`control-${e}-slot`,...r,children:z(k,{name:o})})}import{jsx as Y}from"react/jsx-runtime";var{slotText:U}=l();function X({className:t,...o}){let{state:e}=n();return Y("span",{className:U({className:t,state:e}),...o})}import{twJoin as lt}from"@xjur-ui/util";import{useMemo as st}from"react";import{Slot as et}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as D,useState as rt}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function Z({delayDuration:t=0,...o}){return h(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function b({...t}){return h(Z,{children:h(m.Root,{"data-slot":"tooltip",...t})})}import*as R from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function y({...t}){return j(R.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as c from"@radix-ui/react-tooltip";import{cx as tt}from"@xjur-ui/util";import{jsx as F}from"react/jsx-runtime";function _({className:t,sideOffset:o=1,variant:e="simple",children:r,...i}){return F(c.Portal,{children:F(c.Content,{className:tt("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...i,children:r})})}import{jsx as f,jsxs as nt}from"react/jsx-runtime";var at=ot("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=D(({variant:t,size:o,weight:e,asChild:r,className:i,children:a,...s})=>f(r?et:"span",{className:at({variant:t,size:o,weight:e,className:i}),...s,children:a}));p.displayName="Typography";var it=D(({children:t,...o})=>{let[e,r]=rt(!1);return nt(b,{children:[f(y,{asChild:!0,children:f(p,{onMouseEnter:({currentTarget:a})=>{let s=a.scrollWidth>a.clientWidth;r(s),s?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&f(_,{children:t})]})});it.displayName="TruncatedTypography";import{jsx as u,jsxs as dt}from"react/jsx-runtime";function pt({className:t,displayValue:o="",placeholder:e,value:r,...i}){let{variant:a}=n(),s=st(()=>a==="filter"?o:o||e,[o,e,a]);return dt("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&u(d,{children:e}),e&&a==="filter"&&u(p,{className:"invisible col-start-1 row-start-1 self-center",children:e}),u(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:s}),u("input",{...i,"aria-readonly":!0,className:lt("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:r??""})]})}import*as g from"@radix-ui/react-popover";import{jsx as I}from"react/jsx-runtime";var{content:mt}=l();function ct({className:t,sideOffset:o=5,side:e="bottom",align:r="start",...i}){let{state:a}=n();return I(g.Portal,{children:I(g.Content,{align:r,className:mt({className:t,state:a}),side:e,sideOffset:o,...i})})}import{jsx as gt}from"react/jsx-runtime";var{caption:ft}=l();function ut({className:t,...o}){let{state:e}=n();return gt("p",{className:ft({className:t,state:e}),...o})}export{ut as DatePickerCaption,ct as DatePickerContent,Q as DatePickerIcon,A as DatePickerLabel,O as DatePickerRoot,X as DatePickerSlot,B as DatePickerTrigger,pt as DatePickerValue};
+import*as w from"@radix-ui/react-popover";import{createContext as N,useContext as M}from"react";var x=N({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=M(x);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as V}from"@xjur-ui/util";var l=V({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as v}from"react/jsx-runtime";var{wrapper:L}=l();function O({className:t,state:o="normal",defaultOpen:e,variant:r="normal",modal:i,open:a,onOpenChange:s,...P}){return v(w.Root,{defaultOpen:e,modal:i,open:a,onOpenChange:s,children:v(x.Provider,{value:{state:o,variant:r},children:v("div",{className:L({className:t,state:o}),...P})})})}import{tv as S,twMerge as E}from"@xjur-ui/util";import*as C from"@radix-ui/react-popover";import{jsx as W}from"react/jsx-runtime";var{trigger:q}=l();function B({className:t,...o}){let{state:e,variant:r}=n(),i=S({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=E(q({state:e,className:t}),r==="filter"&&i({state:e,className:t}));return W(C.Trigger,{className:a,disabled:e==="disabled",...o})}import{tv as $}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function d({className:t,htmlFor:o,children:e,...r}){let{state:i}=n(),a=$({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return T("label",{className:a({className:t,state:i}),htmlFor:o,...r,children:T("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as G}from"react/jsx-runtime";function A(t){return G(d,{...t})}import{cx as H}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function k({className:t,filled:o=!1,name:e,...r}){return J("span",{...r,className:H("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:e})}import{jsx as z}from"react/jsx-runtime";var{icon:K}=l();function Q({className:t,name:o,orientation:e="left",...r}){let{state:i}=n();return z("div",{className:K({className:t,state:i}),"data-slot":`control-${e}-slot`,...r,children:z(k,{name:o})})}import{jsx as Y}from"react/jsx-runtime";var{slotText:U}=l();function X({className:t,...o}){let{state:e}=n();return Y("span",{className:U({className:t,state:e}),...o})}import{twJoin as lt}from"@xjur-ui/util";import{useMemo as st}from"react";import{Slot as et}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as D,useState as rt}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function Z({delayDuration:t=0,...o}){return b(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function h({...t}){return b(Z,{children:b(m.Root,{"data-slot":"tooltip",...t})})}import*as R from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function y({...t}){return j(R.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as c from"@radix-ui/react-tooltip";import{cx as tt}from"@xjur-ui/util";import{jsx as F}from"react/jsx-runtime";function _({className:t,sideOffset:o=1,variant:e="simple",children:r,...i}){return F(c.Portal,{children:F(c.Content,{className:tt("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...i,children:r})})}import{jsx as f,jsxs as nt}from"react/jsx-runtime";var at=ot("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=D(({variant:t,size:o,weight:e,asChild:r,className:i,children:a,...s})=>f(r?et:"span",{className:at({variant:t,size:o,weight:e,className:i}),...s,children:a}));p.displayName="Typography";var it=D(({children:t,...o})=>{let[e,r]=rt(!1);return nt(h,{children:[f(y,{asChild:!0,children:f(p,{onMouseEnter:({currentTarget:a})=>{let s=a.scrollWidth>a.clientWidth;r(s),s?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&f(_,{children:t})]})});it.displayName="TruncatedTypography";import{jsx as u,jsxs as dt}from"react/jsx-runtime";function pt({className:t,displayValue:o="",placeholder:e,value:r,...i}){let{variant:a}=n(),s=st(()=>a==="filter"?o:o||e,[o,e,a]);return dt("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&u(d,{children:e}),e&&a==="filter"&&u(p,{className:"invisible col-start-1 row-start-1 self-center",children:e}),u(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:s}),u("input",{...i,"aria-readonly":!0,className:lt("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:r??""})]})}import*as g from"@radix-ui/react-popover";import{jsx as I}from"react/jsx-runtime";var{content:mt}=l();function ct({className:t,sideOffset:o=5,side:e="bottom",align:r="start",...i}){let{state:a}=n();return I(g.Portal,{children:I(g.Content,{align:r,className:mt({className:t,state:a}),side:e,sideOffset:o,...i})})}import{jsx as gt}from"react/jsx-runtime";var{caption:ft}=l();function ut({className:t,...o}){let{state:e}=n();return gt("p",{className:ft({className:t,state:e}),...o})}export{ut as DatePickerCaption,ct as DatePickerContent,Q as DatePickerIcon,A as DatePickerLabel,O as DatePickerRoot,X as DatePickerSlot,B as DatePickerTrigger,pt as DatePickerValue};

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

@@ -1 +1 @@
-import{createContext as M,useContext as N}from"react";var u=M({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=N(u);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as F}from"@xjur-ui/util";var a=F({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as x}from"react/jsx-runtime";var{wrapper:S}=a();function R({className:e,state:t="normal",customMask:o,variant:r="normal",mask:i,...p}){return x(u.Provider,{value:{state:t,customMask:o,mask:i,variant:r},children:x("div",{className:S({className:e,state:t}),...p})})}import{jsx as z}from"react/jsx-runtime";var{content:O}=a();function T({className:e,...t}){let{state:o}=n();return z("div",{className:O({className:e,state:o}),...t})}import{tv as A}from"@xjur-ui/util";import{jsx as g}from"react/jsx-runtime";function b({className:e,htmlFor:t,children:o,...r}){let{state:i}=n(),p=A({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return g("label",{className:p({className:e,state:i}),htmlFor:t,...r,children:g("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as V}from"react/jsx-runtime";function E(e){return V(b,{...e})}import{tv as D,twMerge as K}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";var{trigger:L}=a();function $({className:e,...t}){let{state:o,variant:r}=n(),i=D({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),p=K(L({state:o,className:e}),r==="filter"&&i({state:o,className:e}));return q("div",{"aria-disabled":o==="disabled",className:p,...t})}import{InputMask as Y}from"@react-input/mask";function _(e,t){switch(e){case"cpf":return{...t,...G};case"cnpj":return{...t,...H};case"telefone":return{...t,...J};case"cep":return{...t,...U};case"numero-processo":return{...t,...B};case"data":return{...t,...Q};case"hora":return{...t,...W};case"data-hora":return{...t,...X};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var G={mask:"###.###.###-##",replacement:{"#":/\d/}},H={mask:"##.###.###/####-##",replacement:{"#":/\d/}},J={mask:"(##) #####-####",replacement:{"#":/\d/}},U={mask:"#####-###",replacement:{"#":/\d/}},B={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},Q={mask:"##/##/####",replacement:{"#":/\d/}},W={mask:"##:##",replacement:{"#":/\d/}},X={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{jsx as ee}from"react/jsx-runtime";var{value:Z}=a();function j({className:e,placeholder:t,...o}){let{customMask:r,state:i,mask:p,variant:P}=n();return ee(Y,{...o,...p?{..._(p)}:r&&{...r},className:Z({className:e,state:i}),disabled:i==="disabled",placeholder:P==="filter"?" ":t,readOnly:i==="disabled"})}import{jsx as re}from"react/jsx-runtime";var{value:te}=a();function oe({className:e,placeholder:t,...o}){let{state:r,variant:i}=n();return re("input",{...o,className:te({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled"})}import{NumericFormat as ne}from"react-number-format";import{jsx as v}from"react/jsx-runtime";var{value:ae}=a();function y({className:e,placeholder:t,value:o,...r}){let{state:i,variant:p}=n();return v(ne,{className:ae({className:e,state:i}),disabled:i==="disabled",placeholder:p==="filter"?" ":t,readOnly:i==="disabled",value:o||"",...r})}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};
+import{createContext as M,useContext as N}from"react";var u=M({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=N(u);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as F}from"@xjur-ui/util";var a=F({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as g}from"react/jsx-runtime";var{wrapper:S}=a();function R({className:e,state:t="normal",customMask:o,variant:r="normal",mask:i,...p}){return g(u.Provider,{value:{state:t,customMask:o,mask:i,variant:r},children:g("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 x}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 x("label",{className:p({className:e,state:i}),htmlFor:t,...r,children:x("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,value:o,...r}){let{state:i,variant:p}=n();return v(ne,{className:ae({className:e,state:i}),disabled:i==="disabled",placeholder:p==="filter"?" ":t,readOnly:i==="disabled",value:o||"",...r})}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 ge}from"react/jsx-runtime";var{action:he}=a();function f({className:e,...t}){let{state:o}=n();return ge("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 xe}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:xe("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative: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-numeric-stepper.js

@@ -1 +1 @@
-import{cx as p}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return m("span",{...a,className:p("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import"react";import*as i from"@radix-ui/react-separator";import{cx as u}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function l({className:e,orientation:t="horizontal",decorative:o=!0,...a}){return _(i.Root,{className:u("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:o,orientation:t,...a})}import{createContext as f,useContext as b}from"react";var h=f({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let e=b(h);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as y}from"@xjur-ui/util";var d=y({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as g}from"react/jsx-runtime";var{action:x}=d();function c({className:e,...t}){let{state:o}=s();return g("div",{className:x({className:e,state:o}),"data-slot":"input-action-slot",...t})}import{jsx as r,jsxs as w}from"react/jsx-runtime";function $({handleIncrement:e,handleDecrement:t}){return w(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};
+import{cx as p}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return m("span",{...a,className:p("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import"react";import*as i from"@radix-ui/react-separator";import{cx as u}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function l({className:e,orientation:t="horizontal",decorative:o=!0,...a}){return _(i.Root,{className:u("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:o,orientation:t,...a})}import{createContext as f,useContext as b}from"react";var h=f({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let e=b(h);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as y}from"@xjur-ui/util";var d=y({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as x}from"react/jsx-runtime";var{action:g}=d();function c({className:e,...t}){let{state:o}=s();return x("div",{className:g({className:e,state:o}),"data-slot":"input-action-slot",...t})}import{jsx as r,jsxs as w}from"react/jsx-runtime";function $({handleIncrement:e,handleDecrement:t}){return w(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/progress/index.js

@@ -1 +1 @@
-import{cva as c,cx as L}from"@xjur-ui/util";import"react";import{Slot as V}from"@radix-ui/react-slot";import{cva as w}from"@xjur-ui/util";import{memo as b,useState as N}from"react";import*as n from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function z({delayDuration:t=0,...e}){return v(n.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return v(z,{children:v(n.Root,{"data-slot":"tooltip",...t})})}import*as x from"@radix-ui/react-tooltip";import{jsx as P}from"react/jsx-runtime";function y({...t}){return P(x.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as p from"@radix-ui/react-tooltip";import{cx as C}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function u({className:t,sideOffset:e=1,variant:a="simple",children:r,...o}){return h(p.Portal,{children:h(p.Content,{className:C("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":a,sideOffset:e,...o,children:r})})}import{jsx as d,jsxs as E}from"react/jsx-runtime";var R=w("",{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=b(({variant:t,size:e,weight:a,asChild:r,className:o,children:i,...s})=>d(r?V:"span",{className:R({variant:t,size:e,weight:a,className:o}),...s,children:i}));l.displayName="Typography";var M=b(({children:t,...e})=>{let[a,r]=N(!1);return E(f,{children:[d(y,{asChild:!0,children:d(l,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;r(s),s?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),a&&d(u,{children:t})]})});M.displayName="TruncatedTypography";import{jsx as T,jsxs as m}from"react/jsx-runtime";var k=c(["w-full"],{variants:{size:{sm:"space-y-1",md:"space-y-2",lg:"space-y-3"}},defaultVariants:{size:"md"}}),B=c(["w-full rounded-full overflow-hidden","bg-primary-alt-idle"],{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"}},defaultVariants:{size:"md"}}),S=c(["h-full rounded-full transition-all duration-300 ease-in-out"],{variants:{variant:{default:"bg-primary-idle",success:"bg-success-idle",warning:"bg-warning-idle",error:"bg-error-idle"}},defaultVariants:{variant:"default"}}),W=c(["flex items-center"],{variants:{size:{sm:"text-sm",md:"text-base",lg:"text-lg"}},defaultVariants:{size:"md"}});function D({className:t,value:e=0,max:a=100,showLabel:r=!0,size:o="md",variant:i="default",...s}){let g=Math.min(Math.max(e/a*100,0),100);return m("div",{className:L(k({size:o}),t),...s,children:[T("div",{className:B({size:o}),children:T("div",{className:S({variant:i}),style:{width:`${g}%`}})}),r&&m("div",{className:W({size:o}),children:[m(l,{className:"text-primary-idle",variant:"body",weight:"medium",children:[Math.round(g),"%"]}),m(l,{className:"text-text-neutral-2 ml-1",variant:"body",weight:"normal",children:["dos ",a,"% necess\xE1rios"]})]})]})}export{D as Progress};
+import{cva as g,cx as k}from"@xjur-ui/util";import"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as N}from"@xjur-ui/util";import{memo as h,useState as R}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function P({delayDuration:t=0,...e}){return v(p.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return v(P,{children:v(p.Root,{"data-slot":"tooltip",...t})})}import*as x from"@radix-ui/react-tooltip";import{jsx as C}from"react/jsx-runtime";function y({...t}){return C(x.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as d from"@radix-ui/react-tooltip";import{cx as V}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function u({className:t,sideOffset:e=1,variant:a="simple",children:r,...o}){return b(d.Portal,{children:b(d.Content,{className:V("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":a,sideOffset:e,...o,children:r})})}import{jsx as m,jsxs as L}from"react/jsx-runtime";var M=N("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),l=h(({variant:t,size:e,weight:a,asChild:r,className:o,children:i,...s})=>m(r?w:"span",{className:M({variant:t,size:e,weight:a,className:o}),...s,children:i}));l.displayName="Typography";var E=h(({children:t,...e})=>{let[a,r]=R(!1);return L(f,{children:[m(y,{asChild:!0,children:m(l,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;r(s),s?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),a&&m(u,{children:t})]})});E.displayName="TruncatedTypography";import{jsx as T,jsxs as c}from"react/jsx-runtime";var B=g(["w-full"],{variants:{size:{sm:"space-y-1",md:"space-y-2",lg:"space-y-3"}},defaultVariants:{size:"md"}}),F=g(["w-full rounded-full overflow-hidden","bg-primary-alt-idle"],{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"}},defaultVariants:{size:"md"}}),S=g(["h-full rounded-full transition-all duration-300 ease-in-out"],{variants:{variant:{default:"bg-primary-idle",success:"bg-success-idle",warning:"bg-warning-idle",error:"bg-error-idle"}},defaultVariants:{variant:"default"}}),W=g(["flex items-center"],{variants:{size:{sm:"text-sm",md:"text-base",lg:"text-lg"}},defaultVariants:{size:"md"}});function D({className:t,value:e=0,max:a=100,showLabel:r=!0,size:o="md",variant:i="default",...s}){let n=Math.min(Math.max(e/a*100,0),100),z=Number.isFinite(n)?n.toFixed(1):"0.0";return c("div",{className:k(B({size:o}),t),...s,children:[T("div",{className:F({size:o}),children:T("div",{className:S({variant:i}),style:{width:`${n}%`}})}),r&&c("div",{className:W({size:o}),children:[c(l,{className:"text-primary-idle",variant:"body",weight:"medium",children:[z,"%"]}),c(l,{className:"text-text-neutral-2 ml-1",variant:"body",weight:"normal",children:["dos ",a,"% necess\xE1rios"]})]})]})}export{D as Progress};

package/dist/components/controls/progress.js

@@ -1 +1 @@
-import{cva as c,cx as L}from"@xjur-ui/util";import"react";import{Slot as V}from"@radix-ui/react-slot";import{cva as w}from"@xjur-ui/util";import{memo as x,useState as N}from"react";import*as n from"@radix-ui/react-tooltip";import{jsx as g}from"react/jsx-runtime";function z({delayDuration:t=0,...e}){return g(n.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return g(z,{children:g(n.Root,{"data-slot":"tooltip",...t})})}import*as h from"@radix-ui/react-tooltip";import{jsx as P}from"react/jsx-runtime";function y({...t}){return P(h.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as d from"@radix-ui/react-tooltip";import{cx as C}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function u({className:t,sideOffset:e=1,variant:a="simple",children:r,...i}){return b(d.Portal,{children:b(d.Content,{className:C("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":a,sideOffset:e,...i,children:r})})}import{jsx as p,jsxs as E}from"react/jsx-runtime";var R=w("",{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=x(({variant:t,size:e,weight:a,asChild:r,className:i,children:o,...s})=>p(r?V:"span",{className:R({variant:t,size:e,weight:a,className:i}),...s,children:o}));l.displayName="Typography";var M=x(({children:t,...e})=>{let[a,r]=N(!1);return E(f,{children:[p(y,{asChild:!0,children:p(l,{onMouseEnter:({currentTarget:o})=>{let s=o.scrollWidth>o.clientWidth;r(s),s?o.style.cursor="pointer":o.style.cursor="text"},...e,children:t})}),a&&p(u,{children:t})]})});M.displayName="TruncatedTypography";import{jsx as T,jsxs as m}from"react/jsx-runtime";var k=c(["w-full"],{variants:{size:{sm:"space-y-1",md:"space-y-2",lg:"space-y-3"}},defaultVariants:{size:"md"}}),B=c(["w-full rounded-full overflow-hidden","bg-primary-alt-idle"],{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"}},defaultVariants:{size:"md"}}),S=c(["h-full rounded-full transition-all duration-300 ease-in-out"],{variants:{variant:{default:"bg-primary-idle",success:"bg-success-idle",warning:"bg-warning-idle",error:"bg-error-idle"}},defaultVariants:{variant:"default"}}),W=c(["flex items-center"],{variants:{size:{sm:"text-sm",md:"text-base",lg:"text-lg"}},defaultVariants:{size:"md"}});function at({className:t,value:e=0,max:a=100,showLabel:r=!0,size:i="md",variant:o="default",...s}){let v=Math.min(Math.max(e/a*100,0),100);return m("div",{className:L(k({size:i}),t),...s,children:[T("div",{className:B({size:i}),children:T("div",{className:S({variant:o}),style:{width:`${v}%`}})}),r&&m("div",{className:W({size:i}),children:[m(l,{className:"text-primary-idle",variant:"body",weight:"medium",children:[Math.round(v),"%"]}),m(l,{className:"text-text-neutral-2 ml-1",variant:"body",weight:"normal",children:["dos ",a,"% necess\xE1rios"]})]})]})}export{at as Progress};
+import{cva as g,cx as k}from"@xjur-ui/util";import"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as N}from"@xjur-ui/util";import{memo as h,useState as R}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function P({delayDuration:t=0,...e}){return v(d.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return v(P,{children:v(d.Root,{"data-slot":"tooltip",...t})})}import*as b from"@radix-ui/react-tooltip";import{jsx as C}from"react/jsx-runtime";function y({...t}){return C(b.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as p from"@radix-ui/react-tooltip";import{cx as V}from"@xjur-ui/util";import{jsx as x}from"react/jsx-runtime";function u({className:t,sideOffset:e=1,variant:a="simple",children:r,...i}){return x(p.Portal,{children:x(p.Content,{className:V("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":a,sideOffset:e,...i,children:r})})}import{jsx as m,jsxs as L}from"react/jsx-runtime";var M=N("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),l=h(({variant:t,size:e,weight:a,asChild:r,className:i,children:o,...s})=>m(r?w:"span",{className:M({variant:t,size:e,weight:a,className:i}),...s,children:o}));l.displayName="Typography";var E=h(({children:t,...e})=>{let[a,r]=R(!1);return L(f,{children:[m(y,{asChild:!0,children:m(l,{onMouseEnter:({currentTarget:o})=>{let s=o.scrollWidth>o.clientWidth;r(s),s?o.style.cursor="pointer":o.style.cursor="text"},...e,children:t})}),a&&m(u,{children:t})]})});E.displayName="TruncatedTypography";import{jsx as T,jsxs as c}from"react/jsx-runtime";var B=g(["w-full"],{variants:{size:{sm:"space-y-1",md:"space-y-2",lg:"space-y-3"}},defaultVariants:{size:"md"}}),F=g(["w-full rounded-full overflow-hidden","bg-primary-alt-idle"],{variants:{size:{sm:"h-1",md:"h-2",lg:"h-3"}},defaultVariants:{size:"md"}}),S=g(["h-full rounded-full transition-all duration-300 ease-in-out"],{variants:{variant:{default:"bg-primary-idle",success:"bg-success-idle",warning:"bg-warning-idle",error:"bg-error-idle"}},defaultVariants:{variant:"default"}}),W=g(["flex items-center"],{variants:{size:{sm:"text-sm",md:"text-base",lg:"text-lg"}},defaultVariants:{size:"md"}});function it({className:t,value:e=0,max:a=100,showLabel:r=!0,size:i="md",variant:o="default",...s}){let n=Math.min(Math.max(e/a*100,0),100),z=Number.isFinite(n)?n.toFixed(1):"0.0";return c("div",{className:k(B({size:i}),t),...s,children:[T("div",{className:F({size:i}),children:T("div",{className:S({variant:o}),style:{width:`${n}%`}})}),r&&c("div",{className:W({size:i}),children:[c(l,{className:"text-primary-idle",variant:"body",weight:"medium",children:[z,"%"]}),c(l,{className:"text-text-neutral-2 ml-1",variant:"body",weight:"normal",children:["dos ",a,"% necess\xE1rios"]})]})]})}export{it as Progress};

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

@@ -1 +1 @@
-import{cx as d}from"@xjur-ui/util";import{jsx as p}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return p("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 c,useContext as _}from"react";var m=c({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 w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as 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 SelectIcon};
+import{cx as d}from"@xjur-ui/util";import{jsx as p}from"react/jsx-runtime";function a({className:e,filled:r=!1,name:o,...t}){return p("span",{...t,className:d("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${r?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:o})}import{createContext as c,useContext as _}from"react";var m=c({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 w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as l}from"react/jsx-runtime";var{icon:f}=i();function P({className:e,name:r,orientation:o="left",...t}){let{state:s}=n();return l("div",{className:f({className:e,state:s}),"data-slot":`control-${o}-slot`,...t,children:l(a,{name:r})})}export{P as SelectIcon};

package/dist/components/controls/text-area/text-area-fullscreen-button.js

@@ -1 +1 @@
-import{useCurrentEditor as se}from"@tiptap/react";import{cx as P}from"@xjur-ui/util";import{jsx as z}from"react/jsx-runtime";function f({className:e,filled:t=!1,name:r,...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:r})}import{Slot as D}from"@radix-ui/react-slot";import{cva as M,cx as R}from"@xjur-ui/util";import{jsx as k}from"react/jsx-runtime";var L=M(["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 v({asChild:e,className:t,variant:r="primary",size:a="md",appearance:i="solid",...o}){return k(e?D:"button",{className:R(L({variant:r,appearance:i,size:a}),t),...o})}import{jsx as V}from"react/jsx-runtime";function y({appearance:e="ghost",variant:t="secondary",onMouseDown:r,onPointerDown:a,...i}){return V(v,{appearance:e,size:"icon_md",tabIndex:-1,type:"button",variant:t,onMouseDown:o=>{o.preventDefault(),r?.(o)},onPointerDown:o=>{o.preventDefault(),a?.(o)},...i})}import{Heading as Yo}from"@tiptap/extension-heading";import{useEditor as Qo,EditorContext as Uo}from"@tiptap/react";import{StarterKit as Zo}from"@tiptap/starter-kit";import{cx as er}from"@xjur-ui/util";import{createContext as ae,useContext as ie,useMemo as or,useState as rr}from"react";import{useState as ko,useCallback as Vo}from"react";import{useCurrentEditor as So,useEditorState as Eo}from"@tiptap/react";import*as l from"@radix-ui/react-tooltip";import{jsx as x}from"react/jsx-runtime";function I({delayDuration:e=0,...t}){return x(l.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function p({...e}){return x(I,{children:x(l.Root,{"data-slot":"tooltip",...e})})}import*as b from"@radix-ui/react-tooltip";import{jsx as S}from"react/jsx-runtime";function m({...e}){return S(b.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as E}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function c({className:e,sideOffset:t=1,variant:r="simple",children:a,...i}){return h(d.Portal,{children:h(d.Content,{className:E("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":r,sideOffset:t,...i,children:a})})}import"react";import*as N from"@radix-ui/react-dropdown-menu";import{jsx as Ee}from"react/jsx-runtime";import*as H from"@radix-ui/react-dropdown-menu";import{jsx as Ae}from"react/jsx-runtime";import*as _ from"@radix-ui/react-dropdown-menu";import{cx as Wt}from"@xjur-ui/util";import{Slot as $e}from"@radix-ui/react-slot";import{cx as We}from"@xjur-ui/util";import{useVirtualizer as Ye}from"@tanstack/react-virtual";import{useRef as Qe}from"react";import{createContext as A}from"react";var g=A({virtualizer:null,enabled:!1});import{jsx as Ze}from"react/jsx-runtime";import{Slot as tt}from"@radix-ui/react-slot";import{cx as rt}from"@xjur-ui/util";import{jsx as it}from"react/jsx-runtime";import{cx as ft}from"@xjur-ui/util";import{Slot as B}from"@radix-ui/react-slot";import{cva as F}from"@xjur-ui/util";import{memo as C,useState as O}from"react";import{jsx as u,jsxs as G}from"react/jsx-runtime";var q=F("",{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"}}),s=C(({variant:e,size:t,weight:r,asChild:a,className:i,children:o,...n})=>u(a?B:"span",{className:q({variant:e,size:t,weight:r,className:i}),...n,children:o}));s.displayName="Typography";var $=C(({children:e,...t})=>{let[r,a]=O(!1);return G(p,{children:[u(m,{asChild:!0,children:u(s,{onMouseEnter:({currentTarget:o})=>{let n=o.scrollWidth>o.clientWidth;a(n),n?o.style.cursor="pointer":o.style.cursor="text"},...t,children:e})}),r&&u(c,{children:e})]})});$.displayName="TruncatedTypography";import{jsx as gt}from"react/jsx-runtime";import{Slot as ht}from"@radix-ui/react-slot";import{cx as _t}from"@xjur-ui/util";import{useContext as Tt}from"react";import{jsx as Dt}from"react/jsx-runtime";import{Slot as Lt}from"@radix-ui/react-slot";import{cx as Vt,cva as W}from"@xjur-ui/util";import{jsx as Et}from"react/jsx-runtime";var It=W(["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}});import{jsx as Jt}from"react/jsx-runtime";import{jsx as Zt}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";import{cx as uo}from"@xjur-ui/util";import"react";import*as X from"@radix-ui/react-separator";import{cx as no}from"@xjur-ui/util";import{jsx as lo}from"react/jsx-runtime";import{jsx as yo}from"react/jsx-runtime";import{jsx as qo,jsxs as $o}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var ne=ae({isFullScreen:!1,setIsFullScreen:()=>{},state:"normal"});function w(){let e=ie(ne);if(!e)throw new Error("useTextAreaRootContext must be used within a TextAreaRoot");return e}import{jsx as T}from"react/jsx-runtime";function cr(){let{setIsFullScreen:e}=w(),{editor:t}=se();return T(y,{onClick:()=>{e(r=>!r),t?.commands.focus("end")},children:T(f,{name:"expand_content"})})}export{cr as TextAreaFullScreenButton};
+import{useCurrentEditor as se}from"@tiptap/react";import{cx as P}from"@xjur-ui/util";import{jsx as z}from"react/jsx-runtime";function f({className:e,filled:t=!1,name:r,...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:r})}import{Slot as D}from"@radix-ui/react-slot";import{cva as M,cx as R}from"@xjur-ui/util";import{jsx as k}from"react/jsx-runtime";var L=M(["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 v({asChild:e,className:t,variant:r="primary",size:a="md",appearance:i="solid",...o}){return k(e?D:"button",{className:R(L({variant:r,appearance:i,size:a}),t),...o})}import{jsx as V}from"react/jsx-runtime";function y({appearance:e="ghost",variant:t="secondary",onMouseDown:r,onPointerDown:a,...i}){return V(v,{appearance:e,size:"icon_md",tabIndex:-1,type:"button",variant:t,onMouseDown:o=>{o.preventDefault(),r?.(o)},onPointerDown:o=>{o.preventDefault(),a?.(o)},...i})}import{Heading as Yo}from"@tiptap/extension-heading";import{useEditor as Qo,EditorContext as Uo}from"@tiptap/react";import{StarterKit as Zo}from"@tiptap/starter-kit";import{cx as er}from"@xjur-ui/util";import{createContext as ae,useContext as ie,useMemo as or,useState as rr}from"react";import{useState as ko,useCallback as Vo}from"react";import{useCurrentEditor as So,useEditorState as Eo}from"@tiptap/react";import*as l from"@radix-ui/react-tooltip";import{jsx as x}from"react/jsx-runtime";function I({delayDuration:e=0,...t}){return x(l.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function p({...e}){return x(I,{children:x(l.Root,{"data-slot":"tooltip",...e})})}import*as b from"@radix-ui/react-tooltip";import{jsx as S}from"react/jsx-runtime";function m({...e}){return S(b.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as E}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function c({className:e,sideOffset:t=1,variant:r="simple",children:a,...i}){return h(d.Portal,{children:h(d.Content,{className:E("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":r,sideOffset:t,...i,children:a})})}import"react";import*as N from"@radix-ui/react-dropdown-menu";import{jsx as Ee}from"react/jsx-runtime";import*as H from"@radix-ui/react-dropdown-menu";import{jsx as Ae}from"react/jsx-runtime";import*as C from"@radix-ui/react-dropdown-menu";import{cx as Wt}from"@xjur-ui/util";import{Slot as $e}from"@radix-ui/react-slot";import{cx as We}from"@xjur-ui/util";import{useVirtualizer as Ye}from"@tanstack/react-virtual";import{useRef as Qe}from"react";import{createContext as A}from"react";var g=A({virtualizer:null,enabled:!1});import{jsx as Ze}from"react/jsx-runtime";import{Slot as tt}from"@radix-ui/react-slot";import{cx as rt}from"@xjur-ui/util";import{jsx as it}from"react/jsx-runtime";import{cx as ft}from"@xjur-ui/util";import{Slot as B}from"@radix-ui/react-slot";import{cva as F}from"@xjur-ui/util";import{memo as _,useState as O}from"react";import{jsx as u,jsxs as G}from"react/jsx-runtime";var q=F("",{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"}}),s=_(({variant:e,size:t,weight:r,asChild:a,className:i,children:o,...n})=>u(a?B:"span",{className:q({variant:e,size:t,weight:r,className:i}),...n,children:o}));s.displayName="Typography";var $=_(({children:e,...t})=>{let[r,a]=O(!1);return G(p,{children:[u(m,{asChild:!0,children:u(s,{onMouseEnter:({currentTarget:o})=>{let n=o.scrollWidth>o.clientWidth;a(n),n?o.style.cursor="pointer":o.style.cursor="text"},...t,children:e})}),r&&u(c,{children:e})]})});$.displayName="TruncatedTypography";import{jsx as gt}from"react/jsx-runtime";import{Slot as ht}from"@radix-ui/react-slot";import{cx as Ct}from"@xjur-ui/util";import{useContext as Tt}from"react";import{jsx as Dt}from"react/jsx-runtime";import{Slot as Lt}from"@radix-ui/react-slot";import{cx as Vt,cva as W}from"@xjur-ui/util";import{jsx as Et}from"react/jsx-runtime";var It=W(["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}});import{jsx as Jt}from"react/jsx-runtime";import{jsx as Zt}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";import{cx as uo}from"@xjur-ui/util";import"react";import*as X from"@radix-ui/react-separator";import{cx as no}from"@xjur-ui/util";import{jsx as lo}from"react/jsx-runtime";import{jsx as yo}from"react/jsx-runtime";import{jsx as qo,jsxs as $o}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var ne=ae({isFullScreen:!1,setIsFullScreen:()=>{},state:"normal"});function w(){let e=ie(ne);if(!e)throw new Error("useTextAreaRootContext must be used within a TextAreaRoot");return e}import{jsx as T}from"react/jsx-runtime";function cr(){let{setIsFullScreen:e}=w(),{editor:t}=se();return T(y,{onClick:()=>{e(r=>!r),t?.commands.focus("end")},children:T(f,{name:"expand_content"})})}export{cr as TextAreaFullScreenButton};

package/dist/components/controls/text-area/text-area-root.js

@@ -1 +1 @@
-import{Heading as j}from"@tiptap/extension-heading";import{useEditor as ee,EditorContext as te}from"@tiptap/react";import{StarterKit as oe}from"@tiptap/starter-kit";import{cx as re}from"@xjur-ui/util";import{createContext as ae,useContext as ie,useMemo as ne,useState as se}from"react";import{useState as So,useCallback as Eo}from"react";import{useCurrentEditor as Ao,useEditorState as Bo}from"@tiptap/react";import*as l from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function D({delayDuration:e=0,...t}){return f(l.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function p({...e}){return f(D,{children:f(l.Root,{"data-slot":"tooltip",...e})})}import*as y from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function m({...e}){return M(y.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as R}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function c({className:e,sideOffset:t=1,variant:o="simple",children:a,...n}){return b(d.Portal,{children:b(d.Content,{className:R("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...n,children:a})})}import{Slot as he}from"@radix-ui/react-slot";import{cva as L,cx as _e}from"@xjur-ui/util";import{jsx as Pe}from"react/jsx-runtime";var we=L(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});import"react";import*as k from"@radix-ui/react-dropdown-menu";import{jsx as Re}from"react/jsx-runtime";import*as V from"@radix-ui/react-dropdown-menu";import{jsx as Ve}from"react/jsx-runtime";import*as C from"@radix-ui/react-dropdown-menu";import{cx as Bt}from"@xjur-ui/util";import{Slot as He}from"@radix-ui/react-slot";import{cx as Be}from"@xjur-ui/util";import{useVirtualizer as Fe}from"@tanstack/react-virtual";import{useRef as $e}from"react";import{createContext as I}from"react";var v=I({virtualizer:null,enabled:!1});import{jsx as Ke}from"react/jsx-runtime";import{Slot as Qe}from"@radix-ui/react-slot";import{cx as Xe}from"@xjur-ui/util";import{jsx as je}from"react/jsx-runtime";import{cx as lt}from"@xjur-ui/util";import{Slot as N}from"@radix-ui/react-slot";import{cva as S}from"@xjur-ui/util";import{memo as h,useState as E}from"react";import{jsx as u,jsxs as B}from"react/jsx-runtime";var H=S("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),s=h(({variant:e,size:t,weight:o,asChild:a,className:n,children:r,...i})=>u(a?N:"span",{className:H({variant:e,size:t,weight:o,className:n}),...i,children:r}));s.displayName="Typography";var A=h(({children:e,...t})=>{let[o,a]=E(!1);return B(p,{children:[u(m,{asChild:!0,children:u(s,{onMouseEnter:({currentTarget:r})=>{let i=r.scrollWidth>r.clientWidth;a(i),i?r.style.cursor="pointer":r.style.cursor="text"},...t,children:e})}),o&&u(c,{children:e})]})});A.displayName="TruncatedTypography";import{jsx as dt}from"react/jsx-runtime";import{Slot as ft}from"@radix-ui/react-slot";import{cx as xt}from"@xjur-ui/util";import{useContext as yt}from"react";import{jsx as Ct}from"react/jsx-runtime";import{Slot as Tt}from"@radix-ui/react-slot";import{cx as zt,cva as O}from"@xjur-ui/util";import{jsx as Rt}from"react/jsx-runtime";var Dt=O(["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}});import{jsx as qt}from"react/jsx-runtime";import{jsx as Kt}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";import{cx as no}from"@xjur-ui/util";import"react";import*as K from"@radix-ui/react-separator";import{cx as eo}from"@xjur-ui/util";import{jsx as oo}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";import{cx as Do}from"@xjur-ui/util";import{jsx as Ro}from"react/jsx-runtime";import{jsx as Ko,jsxs as Yo}from"react/jsx-runtime";var _={1:"text-size-body-sm-1x",2:"text-size-body-md",3:"text-size-title-lg",4:"text-size-headline-sm"};import{jsx as x}from"react/jsx-runtime";var w=ae({isFullScreen:!1,setIsFullScreen:()=>{},state:"normal"});function tr(){let e=ie(w);if(!e)throw new Error("useTextAreaRootContext must be used within a TextAreaRoot");return e}function or({className:e,state:t="normal",editorOptions:o,...a}){let[n,r]=se(!1),i=ee({...o,editable:t!=="disabled",extensions:[oe.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),j.configure({levels:[1,2,3,4]}).extend({renderHTML({node:T,HTMLAttributes:P}){let z=T.attrs.level??1;return["h",{...P,class:_[z]},0]}}),...o?.extensions??[]]}),g=ne(()=>({editor:i}),[i]);return x(w.Provider,{value:{isFullScreen:n,setIsFullScreen:r,state:t},children:x(te.Provider,{value:g,children:x("div",{className:re("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...a})})})}export{or as TextAreaRoot,tr as useTextAreaRootContext};
+import{Heading as j}from"@tiptap/extension-heading";import{useEditor as ee,EditorContext as te}from"@tiptap/react";import{StarterKit as oe}from"@tiptap/starter-kit";import{cx as re}from"@xjur-ui/util";import{createContext as ae,useContext as ie,useMemo as ne,useState as se}from"react";import{useState as So,useCallback as Eo}from"react";import{useCurrentEditor as Ao,useEditorState as Bo}from"@tiptap/react";import*as l from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function D({delayDuration:e=0,...t}){return f(l.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function p({...e}){return f(D,{children:f(l.Root,{"data-slot":"tooltip",...e})})}import*as y from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function m({...e}){return M(y.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as R}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function c({className:e,sideOffset:t=1,variant:o="simple",children:a,...n}){return b(d.Portal,{children:b(d.Content,{className:R("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...n,children:a})})}import{Slot as he}from"@radix-ui/react-slot";import{cva as L,cx as we}from"@xjur-ui/util";import{jsx as Pe}from"react/jsx-runtime";var Ce=L(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});import"react";import*as k from"@radix-ui/react-dropdown-menu";import{jsx as Re}from"react/jsx-runtime";import*as V from"@radix-ui/react-dropdown-menu";import{jsx as Ve}from"react/jsx-runtime";import*as _ from"@radix-ui/react-dropdown-menu";import{cx as Bt}from"@xjur-ui/util";import{Slot as He}from"@radix-ui/react-slot";import{cx as Be}from"@xjur-ui/util";import{useVirtualizer as Fe}from"@tanstack/react-virtual";import{useRef as $e}from"react";import{createContext as I}from"react";var v=I({virtualizer:null,enabled:!1});import{jsx as Ke}from"react/jsx-runtime";import{Slot as Qe}from"@radix-ui/react-slot";import{cx as Xe}from"@xjur-ui/util";import{jsx as je}from"react/jsx-runtime";import{cx as lt}from"@xjur-ui/util";import{Slot as N}from"@radix-ui/react-slot";import{cva as S}from"@xjur-ui/util";import{memo as h,useState as E}from"react";import{jsx as u,jsxs as B}from"react/jsx-runtime";var H=S("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),s=h(({variant:e,size:t,weight:o,asChild:a,className:n,children:r,...i})=>u(a?N:"span",{className:H({variant:e,size:t,weight:o,className:n}),...i,children:r}));s.displayName="Typography";var A=h(({children:e,...t})=>{let[o,a]=E(!1);return B(p,{children:[u(m,{asChild:!0,children:u(s,{onMouseEnter:({currentTarget:r})=>{let i=r.scrollWidth>r.clientWidth;a(i),i?r.style.cursor="pointer":r.style.cursor="text"},...t,children:e})}),o&&u(c,{children:e})]})});A.displayName="TruncatedTypography";import{jsx as dt}from"react/jsx-runtime";import{Slot as ft}from"@radix-ui/react-slot";import{cx as xt}from"@xjur-ui/util";import{useContext as yt}from"react";import{jsx as _t}from"react/jsx-runtime";import{Slot as Tt}from"@radix-ui/react-slot";import{cx as zt,cva as O}from"@xjur-ui/util";import{jsx as Rt}from"react/jsx-runtime";var Dt=O(["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}});import{jsx as qt}from"react/jsx-runtime";import{jsx as Kt}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";import{cx as no}from"@xjur-ui/util";import"react";import*as K from"@radix-ui/react-separator";import{cx as eo}from"@xjur-ui/util";import{jsx as oo}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";import{cx as Do}from"@xjur-ui/util";import{jsx as Ro}from"react/jsx-runtime";import{jsx as Ko,jsxs as Yo}from"react/jsx-runtime";var w={1:"text-size-body-sm-1x",2:"text-size-body-md",3:"text-size-title-lg",4:"text-size-headline-sm"};import{jsx as x}from"react/jsx-runtime";var C=ae({isFullScreen:!1,setIsFullScreen:()=>{},state:"normal"});function tr(){let e=ie(C);if(!e)throw new Error("useTextAreaRootContext must be used within a TextAreaRoot");return e}function or({className:e,state:t="normal",editorOptions:o,...a}){let[n,r]=se(!1),i=ee({...o,editable:t!=="disabled",extensions:[oe.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),j.configure({levels:[1,2,3,4]}).extend({renderHTML({node:T,HTMLAttributes:P}){let z=T.attrs.level??1;return["h",{...P,class:w[z]},0]}}),...o?.extensions??[]]}),g=ne(()=>({editor:i}),[i]);return x(C.Provider,{value:{isFullScreen:n,setIsFullScreen:r,state:t},children:x(te.Provider,{value:g,children:x("div",{className:re("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...a})})})}export{or as TextAreaRoot,tr as useTextAreaRootContext};

package/dist/components/controls/text-area/text-area-toggle-button.js

@@ -1 +1 @@
-import{useMemo as P,useCallback as G}from"react";import{useCurrentEditor as H,useEditorState as Y}from"@tiptap/react";import{useState as C,useEffect as k}from"react";function h(){let[t,o]=C("unknown");return k(()=>{if(typeof window>"u")return;let e=window.navigator.userAgent;/iPad|iPhone|iPod/.test(e)?o("ios"):/Mac/.test(e)?o("macos"):/Win/.test(e)?o("windows"):/Android/.test(e)?o("android"):/Linux/.test(e)?o("linux"):o("unknown")},[]),{os:t,shortcut:["macos","ios"].includes(t)?"\u2318":"Ctrl"}}import{cx as B}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";function v({className:t,filled:o=!1,name:e,...a}){return L("span",{...a,className:B("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 N}from"@radix-ui/react-slot";import{cva as V}from"@xjur-ui/util";import{memo as T,useState as E}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as y}from"react/jsx-runtime";function I({delayDuration:t=0,...o}){return y(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function s({...t}){return y(I,{children:y(m.Root,{"data-slot":"tooltip",...t})})}import*as _ from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function l({...t}){return M(_.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as u from"@radix-ui/react-tooltip";import{cx as S}from"@xjur-ui/util";import{jsx as x}from"react/jsx-runtime";function d({className:t,sideOffset:o=1,variant:e="simple",children:a,...i}){return x(u.Portal,{children:x(u.Content,{className:S("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...i,children:a})})}import{jsx as g,jsxs as D}from"react/jsx-runtime";var R=V("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=T(({variant:t,size:o,weight:e,asChild:a,className:i,children:r,...n})=>g(a?N:"span",{className:R({variant:t,size:o,weight:e,className:i}),...n,children:r}));f.displayName="Typography";var $=T(({children:t,...o})=>{let[e,a]=E(!1);return D(s,{children:[g(l,{asChild:!0,children:g(f,{onMouseEnter:({currentTarget:r})=>{let n=r.scrollWidth>r.clientWidth;a(n),n?r.style.cursor="pointer":r.style.cursor="text"},...o,children:t})}),e&&g(d,{children:t})]})});$.displayName="TruncatedTypography";import{Slot as O}from"@radix-ui/react-slot";import{cva as A,cx as W}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";var q=A(["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 w({asChild:t,className:o,variant:e="primary",size:a="md",appearance:i="solid",...r}){return U(t?O:"button",{className:W(q({variant:e,appearance:i,size:a}),o),...r})}import{jsx as F}from"react/jsx-runtime";function z({appearance:t="ghost",variant:o="secondary",onMouseDown:e,onPointerDown:a,...i}){return F(w,{appearance:t,size:"icon_md",tabIndex:-1,type:"button",variant:o,onMouseDown:r=>{r.preventDefault(),e?.(r)},onPointerDown:r=>{r.preventDefault(),a?.(r)},...i})}import{jsx as p,jsxs as Z}from"react/jsx-runtime";function Et({name:t,...o}){let{editor:e}=H(),{shortcut:a}=h(),i=Y({editor:e,selector:c=>c.editor?.isActive(t)??!1}),r=P(()=>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]),n=P(()=>new Map([["bold",`Negrito (${a} + B)`],["italic",`It\xE1lico (${a} + I)`],["underline",`Sublinhado (${a} + U)`],["strike",`Tachado (${a} + S)`],["bulletList",`Lista (${a} + Shift + 7)`],["orderedList",`Lista numerada (${a} + Shift + 8)`],["undo",`Desfazer (${a} + Z)`],["redo",`Refazer (${a} + Y)`]]).get(t),[t,a]),b=G(()=>{if(!e)throw new Error("Editor not found");new Map([["bold",()=>e.chain().focus().toggleBold().run()],["italic",()=>e.chain().focus().toggleItalic().run()],["underline",()=>e.chain().focus().toggleUnderline().run()],["strike",()=>e.chain().focus().toggleStrike().run()],["bulletList",()=>e.chain().focus().toggleBulletList().run()],["orderedList",()=>e.chain().focus().toggleOrderedList().run()],["undo",()=>e.chain().focus().undo().run()],["redo",()=>e.chain().focus().redo().run()]]).get(t)?.()},[e,t]);return Z(s,{delayDuration:500,children:[p(l,{asChild:!0,children:p(z,{onClick:b,...i&&{appearance:"solid"},...o,children:r&&p(v,{className:"text-icon-neutral-3",name:r})})}),p(d,{children:n&&p(f,{size:"sm",children:n})})]})}export{Et as ToggleButton};
+import{useMemo as P,useCallback as G}from"react";import{useCurrentEditor as H,useEditorState as Y}from"@tiptap/react";import{useState as C,useEffect as k}from"react";function h(){let[t,o]=C("unknown");return k(()=>{if(typeof window>"u")return;let e=window.navigator.userAgent;/iPad|iPhone|iPod/.test(e)?o("ios"):/Mac/.test(e)?o("macos"):/Win/.test(e)?o("windows"):/Android/.test(e)?o("android"):/Linux/.test(e)?o("linux"):o("unknown")},[]),{os:t,shortcut:["macos","ios"].includes(t)?"\u2318":"Ctrl"}}import{cx as B}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";function v({className:t,filled:o=!1,name:e,...r}){return L("span",{...r,className:B("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{Slot as N}from"@radix-ui/react-slot";import{cva as V}from"@xjur-ui/util";import{memo as T,useState as E}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as y}from"react/jsx-runtime";function I({delayDuration:t=0,...o}){return y(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function s({...t}){return y(I,{children:y(m.Root,{"data-slot":"tooltip",...t})})}import*as _ from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function l({...t}){return M(_.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as u from"@radix-ui/react-tooltip";import{cx as S}from"@xjur-ui/util";import{jsx as x}from"react/jsx-runtime";function d({className:t,sideOffset:o=1,variant:e="simple",children:r,...i}){return x(u.Portal,{children:x(u.Content,{className:S("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...i,children:r})})}import{jsx as g,jsxs as D}from"react/jsx-runtime";var R=V("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=T(({variant:t,size:o,weight:e,asChild:r,className:i,children:a,...n})=>g(r?N:"span",{className:R({variant:t,size:o,weight:e,className:i}),...n,children:a}));f.displayName="Typography";var $=T(({children:t,...o})=>{let[e,r]=E(!1);return D(s,{children:[g(l,{asChild:!0,children:g(f,{onMouseEnter:({currentTarget:a})=>{let n=a.scrollWidth>a.clientWidth;r(n),n?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&g(d,{children:t})]})});$.displayName="TruncatedTypography";import{Slot as O}from"@radix-ui/react-slot";import{cva as A,cx as W}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";var q=A(["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 w({asChild:t,className:o,variant:e="primary",size:r="md",appearance:i="solid",...a}){return U(t?O:"button",{className:W(q({variant:e,appearance:i,size:r}),o),...a})}import{jsx as F}from"react/jsx-runtime";function z({appearance:t="ghost",variant:o="secondary",onMouseDown:e,onPointerDown:r,...i}){return F(w,{appearance:t,size:"icon_md",tabIndex:-1,type:"button",variant:o,onMouseDown:a=>{a.preventDefault(),e?.(a)},onPointerDown:a=>{a.preventDefault(),r?.(a)},...i})}import{jsx as p,jsxs as Z}from"react/jsx-runtime";function Et({name:t,...o}){let{editor:e}=H(),{shortcut:r}=h(),i=Y({editor:e,selector:c=>c.editor?.isActive(t)??!1}),a=P(()=>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]),n=P(()=>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(t),[t,r]),b=G(()=>{if(!e)throw new Error("Editor not found");new Map([["bold",()=>e.chain().focus().toggleBold().run()],["italic",()=>e.chain().focus().toggleItalic().run()],["underline",()=>e.chain().focus().toggleUnderline().run()],["strike",()=>e.chain().focus().toggleStrike().run()],["bulletList",()=>e.chain().focus().toggleBulletList().run()],["orderedList",()=>e.chain().focus().toggleOrderedList().run()],["undo",()=>e.chain().focus().undo().run()],["redo",()=>e.chain().focus().redo().run()]]).get(t)?.()},[e,t]);return Z(s,{delayDuration:500,children:[p(l,{asChild:!0,children:p(z,{onClick:b,...i&&{appearance:"solid"},...o,children:a&&p(v,{className:"text-icon-neutral-3",name:a})})}),p(d,{children:n&&p(f,{size:"sm",children:n})})]})}export{Et as ToggleButton};