@xjur-ui/react 3.0.1 → 3.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @xjur-ui/react
 
+## 3.0.3
+
+### Patch Changes
+
+- b7e2398: Fix carousel scroll
+
+## 3.0.2
+
+### Patch Changes
+
+- Add some fixes and create new component toggle group
+
 ## 3.0.1
 
 ### 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:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium 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:"h-4 w-4 shrink-0 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:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium 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:"h-4 w-4 shrink-0 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/avatar/avatar-group.js

@@ -1 +1 @@
-import{cx as F}from"@xjur-ui/util";import{Slot as g}from"@radix-ui/react-slot";import{cva as f}from"@xjur-ui/util";import{memo as y}from"react";import{jsx as u}from"react/jsx-runtime";var h=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"}}),n=y(({variant:a,size:t,weight:e,asChild:l,className:o,...i})=>u(l?g:"span",{className:h({variant:a,size:t,weight:e,className:o}),...i}));n.displayName="Typography";import{cx as A}from"@xjur-ui/util";import*as v from"@radix-ui/react-avatar";import{jsx as P}from"react/jsx-runtime";function d({className:a,size:t="md",...e}){return P(v.Root,{className:A("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...e})}import{cx as k}from"@xjur-ui/util";import*as z from"@radix-ui/react-avatar";import{jsx as C}from"react/jsx-runtime";function x({className:a,...t}){return C(z.Image,{className:k("aspect-square size-full",a),"data-slot":"avatar-image",...t})}import{cx as N}from"@xjur-ui/util";import*as b from"@radix-ui/react-avatar";import{jsx as R}from"react/jsx-runtime";function p({className:a,...t}){return R(b.Fallback,{className:N("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...t})}import{jsx as r,jsxs as c}from"react/jsx-runtime";function W({avatars:a,max:t=3,size:e="md",className:l}){let o=a.slice(0,t),i=a.length-t;return c("div",{className:F("-space-x-small-1x flex items-center",l),"data-slot":"avatar-group",children:[o.map((s,m)=>c(d,{className:"border-icon-neutral-5 border-2",size:e,children:[s.src&&r(x,{alt:s.alt||`Avatar ${m+1}`,src:s.src}),r(p,{children:s.fallback||`A${m+1}`})]},m)),i>0&&r(d,{className:"bg-layer-1-hover",size:e,children:r(p,{className:"bg-layer-1-hover font-medium",children:c(n,{className:"text-neutral-dark",weight:"medium",children:["+",i]})})})]})}export{W as AvatarGroup};
+import{cx as D}from"@xjur-ui/util";import{Slot as F}from"@radix-ui/react-slot";import{cva as V}from"@xjur-ui/util";import{memo as T,useState as I}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function k({delayDuration:t=0,...a}){return v(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function f({...t}){return v(k,{children:v(l.Root,{"data-slot":"tooltip",...t})})}import*as u from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function g({...t}){return N(u.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as w}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function x({className:t,sideOffset:a=1,variant:e="simple",children:r,...s}){return h(n.Portal,{children:h(n.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)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:a,...s,children:r})})}import{jsx as m,jsxs as G}from"react/jsx-runtime";var E=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"}}),p=T(({variant:t,size:a,weight:e,asChild:r,className:s,...i})=>m(r?F:"span",{className:E({variant:t,size:a,weight:e,className:s}),...i}));p.displayName="Typography";var M=T(({children:t,...a})=>{let[e,r]=I(!1);return G(f,{children:[m(g,{asChild:!0,children:m(p,{onMouseEnter:({currentTarget:i})=>{let o=i.scrollWidth>i.clientWidth;r(o),o?i.style.cursor="pointer":i.style.cursor="text"},...a,children:t})}),e&&m(x,{children:t})]})});M.displayName="TruncatedTypography";import{cx as B}from"@xjur-ui/util";import*as P from"@radix-ui/react-avatar";import{jsx as L}from"react/jsx-runtime";function b({className:t,size:a="md",...e}){return L(P.Root,{className:B("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",t),"data-size":a,"data-slot":"avatar",...e})}import{cx as S}from"@xjur-ui/util";import*as A from"@radix-ui/react-avatar";import{jsx as W}from"react/jsx-runtime";function C({className:t,...a}){return W(A.Image,{className:S("aspect-square size-full",t),"data-slot":"avatar-image",...a})}import{cx as $}from"@xjur-ui/util";import*as R from"@radix-ui/react-avatar";import{jsx as q}from"react/jsx-runtime";function y({className:t,...a}){return q(R.Fallback,{className:$("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",t),"data-slot":"avatar-fallback",...a})}import{jsx as d,jsxs as z}from"react/jsx-runtime";function ut({avatars:t,max:a=3,size:e="md",className:r}){let s=t.slice(0,a),i=t.length-a;return z("div",{className:D("-space-x-small-1x flex items-center",r),"data-slot":"avatar-group",children:[s.map((o,c)=>z(b,{className:"border-icon-neutral-5 border-2",size:e,children:[o.src&&d(C,{alt:o.alt||`Avatar ${c+1}`,src:o.src}),d(y,{children:o.fallback||`A${c+1}`})]},c)),i>0&&d(b,{className:"bg-layer-1-hover",size:e,children:d(y,{className:"bg-layer-1-hover font-medium",children:z(p,{className:"text-neutral-dark",weight:"medium",children:["+",i]})})})]})}export{ut as AvatarGroup};

package/dist/components/avatar/index.js

@@ -1 +1 @@
-import{cx as f}from"@xjur-ui/util";import*as x from"@radix-ui/react-avatar";import{jsx as g}from"react/jsx-runtime";function i({className:a,size:t="md",...e}){return g(x.Root,{className:f("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...e})}import{cx as y}from"@xjur-ui/util";import*as z from"@radix-ui/react-avatar";import{jsx as h}from"react/jsx-runtime";function d({className:a,...t}){return h(z.Image,{className:y("aspect-square size-full",a),"data-slot":"avatar-image",...t})}import{cx as A}from"@xjur-ui/util";import*as b from"@radix-ui/react-avatar";import{jsx as u}from"react/jsx-runtime";function o({className:a,...t}){return u(b.Fallback,{className:A("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...t})}import{cx as F}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as k}from"@xjur-ui/util";import{memo as C}from"react";import{jsx as R}from"react/jsx-runtime";var N=k("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=C(({variant:a,size:t,weight:e,asChild:m,className:n,...r})=>R(m?P:"span",{className:N({variant:a,size:t,weight:e,className:n}),...r}));c.displayName="Typography";import{jsx as l,jsxs as v}from"react/jsx-runtime";function T({avatars:a,max:t=3,size:e="md",className:m}){let n=a.slice(0,t),r=a.length-t;return v("div",{className:F("-space-x-small-1x flex items-center",m),"data-slot":"avatar-group",children:[n.map((s,p)=>v(i,{className:"border-icon-neutral-5 border-2",size:e,children:[s.src&&l(d,{alt:s.alt||`Avatar ${p+1}`,src:s.src}),l(o,{children:s.fallback||`A${p+1}`})]},p)),r>0&&l(i,{className:"bg-layer-1-hover",size:e,children:l(o,{className:"bg-layer-1-hover font-medium",children:v(c,{className:"text-neutral-dark",weight:"medium",children:["+",r]})})})]})}export{o as AvatarFallback,T as AvatarGroup,d as AvatarImage,i as AvatarRoot};
+import{cx as k}from"@xjur-ui/util";import*as h from"@radix-ui/react-avatar";import{jsx as N}from"react/jsx-runtime";function l({className:t,size:a="md",...e}){return N(h.Root,{className:k("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",t),"data-size":a,"data-slot":"avatar",...e})}import{cx as F}from"@xjur-ui/util";import*as T from"@radix-ui/react-avatar";import{jsx as w}from"react/jsx-runtime";function g({className:t,...a}){return w(T.Image,{className:F("aspect-square size-full",t),"data-slot":"avatar-image",...a})}import{cx as I}from"@xjur-ui/util";import*as P from"@radix-ui/react-avatar";import{jsx as V}from"react/jsx-runtime";function n({className:t,...a}){return V(P.Fallback,{className:I("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",t),"data-slot":"avatar-fallback",...a})}import{cx as D}from"@xjur-ui/util";import{Slot as B}from"@radix-ui/react-slot";import{cva as L}from"@xjur-ui/util";import{memo as R,useState as S}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as x}from"react/jsx-runtime";function E({delayDuration:t=0,...a}){return x(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function b({...t}){return x(E,{children:x(m.Root,{"data-slot":"tooltip",...t})})}import*as A from"@radix-ui/react-tooltip";import{jsx as G}from"react/jsx-runtime";function y({...t}){return G(A.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as p from"@radix-ui/react-tooltip";import{cx as M}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function z({className:t,sideOffset:a=1,variant:e="simple",children:r,...s}){return C(p.Portal,{children:C(p.Content,{className:M("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:a,...s,children:r})})}import{jsx as d,jsxs as q}from"react/jsx-runtime";var W=L("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=R(({variant:t,size:a,weight:e,asChild:r,className:s,...o})=>d(r?B:"span",{className:W({variant:t,size:a,weight:e,className:s}),...o}));c.displayName="Typography";var $=R(({children:t,...a})=>{let[e,r]=S(!1);return q(b,{children:[d(y,{asChild:!0,children:d(c,{onMouseEnter:({currentTarget:o})=>{let i=o.scrollWidth>o.clientWidth;r(i),i?o.style.cursor="pointer":o.style.cursor="text"},...a,children:t})}),e&&d(z,{children:t})]})});$.displayName="TruncatedTypography";import{jsx as v,jsxs as u}from"react/jsx-runtime";function H({avatars:t,max:a=3,size:e="md",className:r}){let s=t.slice(0,a),o=t.length-a;return u("div",{className:D("-space-x-small-1x flex items-center",r),"data-slot":"avatar-group",children:[s.map((i,f)=>u(l,{className:"border-icon-neutral-5 border-2",size:e,children:[i.src&&v(g,{alt:i.alt||`Avatar ${f+1}`,src:i.src}),v(n,{children:i.fallback||`A${f+1}`})]},f)),o>0&&v(l,{className:"bg-layer-1-hover",size:e,children:v(n,{className:"bg-layer-1-hover font-medium",children:u(c,{className:"text-neutral-dark",weight:"medium",children:["+",o]})})})]})}export{n as AvatarFallback,H as AvatarGroup,g as AvatarImage,l as AvatarRoot};

package/dist/components/badge/index.js

@@ -1 +1 @@
-import{cva as c,cx as g}from"@xjur-ui/util";import{Slot as o}from"@radix-ui/react-slot";import{cva as m}from"@xjur-ui/util";import{memo as d}from"react";import{jsx as b}from"react/jsx-runtime";var p=m("",{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=d(({variant:a,size:e,weight:t,asChild:l,className:n,...r})=>b(l?o:"span",{className:p({variant:a,size:e,weight:t,className:n}),...r}));s.displayName="Typography";import{jsx as i}from"react/jsx-runtime";var y=c(["flex items-center justify-center size-large p-small-2x text-neutral-label rounded-circle"],{variants:{variant:{primary:"bg-primary-idle",secondary:"bg-secondary-idle",neutral:"bg-alt-2-idle",success:"bg-success-idle",warning:"bg-warning-idle",danger:"bg-danger-idle"}},defaultVariants:{variant:"neutral"}});function P({variant:a="neutral",children:e,className:t}){return i("span",{className:g(y({variant:a}),t),children:i(s,{className:"text-inherit",size:"sm-2x",variant:"label",children:e})})}export{P as Badge};
+import{cva as w,cx as E}from"@xjur-ui/util";import{Slot as u}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as b,useState as C}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as m}from"react/jsx-runtime";function T({delayDuration:t=0,...a}){return m(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function c({...t}){return m(T,{children:m(s.Root,{"data-slot":"tooltip",...t})})}import*as v from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function g({...t}){return h(v.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as z}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function y({className:t,sideOffset:a=1,variant:e="simple",children:o,...r}){return f(l.Portal,{children:f(l.Content,{className:z("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:a,...r,children:o})})}import{jsx as n,jsxs as R}from"react/jsx-runtime";var V=P("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=b(({variant:t,size:a,weight:e,asChild:o,className:r,...i})=>n(o?u:"span",{className:V({variant:t,size:a,weight:e,className:r}),...i}));p.displayName="Typography";var N=b(({children:t,...a})=>{let[e,o]=C(!1);return R(c,{children:[n(g,{asChild:!0,children:n(p,{onMouseEnter:({currentTarget:i})=>{let d=i.scrollWidth>i.clientWidth;o(d),d?i.style.cursor="pointer":i.style.cursor="text"},...a,children:t})}),e&&n(y,{children:t})]})});N.displayName="TruncatedTypography";import{jsx as x}from"react/jsx-runtime";var M=w(["flex items-center justify-center size-large p-small-2x text-neutral-label rounded-circle"],{variants:{variant:{primary:"bg-primary-idle",secondary:"bg-secondary-idle",neutral:"bg-alt-2-idle",success:"bg-success-idle",warning:"bg-warning-idle",danger:"bg-danger-idle"}},defaultVariants:{variant:"neutral"}});function Z({variant:t="neutral",children:a,className:e}){return x("span",{className:E(M({variant:t}),e),children:x(p,{className:"text-inherit",size:"sm-2x",variant:"label",children:a})})}export{Z as Badge};

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

@@ -1 +1 @@
-import{Slot as z}from"@radix-ui/react-slot";import{cx as b}from"@xjur-ui/util";import{Slot as n}from"@radix-ui/react-slot";import{cva as m}from"@xjur-ui/util";import{memo as p}from"react";import{jsx as y}from"react/jsx-runtime";var d=m("",{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"}}),o=p(({variant:a,size:t,weight:e,asChild:s,className:i,...l})=>y(s?n:"span",{className:d({variant:a,size:t,weight:e,className:i}),...l}));o.displayName="Typography";import{jsx as r}from"react/jsx-runtime";function T({asChild:a,className:t,variant:e="headline",size:s="sm",...i}){return r(o,{asChild:!0,size:s,variant:e,children:r(a?z:"a",{className:b("hover:text-neutral-dark transition-colors",t),"data-slot":"breadcrumb-link",...i})})}export{T as BreadcrumbLink};
+import{Slot as N}from"@radix-ui/react-slot";import{cx as E}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as u}from"@xjur-ui/util";import{memo as g,useState as C}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function x({delayDuration:t=0,...o}){return d(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return d(x,{children:d(s.Root,{"data-slot":"tooltip",...t})})}import*as f from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function y({...t}){return b(f.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as z}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function v({className:t,sideOffset:o=1,variant:i="simple",children:a,...r}){return T(l.Portal,{children:T(l.Content,{className:z("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":i,sideOffset:o,...r,children:a})})}import{jsx as n,jsxs as V}from"react/jsx-runtime";var R=u("",{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=g(({variant:t,size:o,weight:i,asChild:a,className:r,...e})=>n(a?P:"span",{className:R({variant:t,size:o,weight:i,className:r}),...e}));p.displayName="Typography";var k=g(({children:t,...o})=>{let[i,a]=C(!1);return V(c,{children:[n(y,{asChild:!0,children:n(p,{onMouseEnter:({currentTarget:e})=>{let m=e.scrollWidth>e.clientWidth;a(m),m?e.style.cursor="pointer":e.style.cursor="text"},...o,children:t})}),i&&n(v,{children:t})]})});k.displayName="TruncatedTypography";import{jsx as h}from"react/jsx-runtime";function Z({asChild:t,className:o,variant:i="headline",size:a="sm",...r}){return h(p,{asChild:!0,size:a,variant:i,children:h(t?N:"a",{className:E("hover:text-neutral-dark transition-colors",o),"data-slot":"breadcrumb-link",...r})})}export{Z as BreadcrumbLink};

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

@@ -1 +1 @@
-import{cx as b}from"@xjur-ui/util";import{Slot as r}from"@radix-ui/react-slot";import{cva as n}from"@xjur-ui/util";import{memo as m}from"react";import{jsx as p}from"react/jsx-runtime";var d=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"}}),i=m(({variant:a,size:e,weight:t,asChild:s,className:l,...o})=>p(s?r:"span",{className:d({variant:a,size:e,weight:t,className:l}),...o}));i.displayName="Typography";import{jsx as z}from"react/jsx-runtime";function C({variant:a="headline",size:e="sm",className:t,...s}){return z(i,{"aria-current":"page","aria-disabled":"true",className:b("text-neutral-dark font-normal",t),"data-slot":"breadcrumb-page",role:"link",size:e,variant:a,...s})}export{C as BreadcrumbPage};
+import{cx as k}from"@xjur-ui/util";import{Slot as z}from"@radix-ui/react-slot";import{cva as u}from"@xjur-ui/util";import{memo as T,useState as P}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function x({delayDuration:t=0,...o}){return d(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return d(x,{children:d(l.Root,{"data-slot":"tooltip",...t})})}import*as f from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function v({...t}){return b(f.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as s from"@radix-ui/react-tooltip";import{cx as h}from"@xjur-ui/util";import{jsx as g}from"react/jsx-runtime";function y({className:t,sideOffset:o=1,variant:e="simple",children:a,...r}){return g(s.Portal,{children:g(s.Content,{className:h("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,...r,children:a})})}import{jsx as n,jsxs as V}from"react/jsx-runtime";var C=u("",{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=T(({variant:t,size:o,weight:e,asChild:a,className:r,...i})=>n(a?z:"span",{className:C({variant:t,size:o,weight:e,className:r}),...i}));p.displayName="Typography";var R=T(({children:t,...o})=>{let[e,a]=P(!1);return V(c,{children:[n(v,{asChild:!0,children:n(p,{onMouseEnter:({currentTarget:i})=>{let m=i.scrollWidth>i.clientWidth;a(m),m?i.style.cursor="pointer":i.style.cursor="text"},...o,children:t})}),e&&n(y,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as N}from"react/jsx-runtime";function X({variant:t="headline",size:o="sm",className:e,...a}){return N(p,{"aria-current":"page","aria-disabled":"true",className:k("text-neutral-dark font-normal",e),"data-slot":"breadcrumb-page",role:"link",size:o,variant:t,...a})}export{X as BreadcrumbPage};

package/dist/components/breadcrumb/index.js

@@ -1 +1 @@
-import{jsx as d}from"react/jsx-runtime";function c({...e}){return d("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}import{cx as f}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function _({className:e,...a}){return b("ol",{className:f("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),"data-slot":"breadcrumb-list",...a})}import{cx as u}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";function h({className:e,...a}){return y("li",{className:u("inline-flex items-center gap-1.5",e),"data-slot":"breadcrumb-item",...a})}import{Slot as k}from"@radix-ui/react-slot";import{cx as P}from"@xjur-ui/util";import{Slot as g}from"@radix-ui/react-slot";import{cva as x}from"@xjur-ui/util";import{memo as v}from"react";import{jsx as w}from"react/jsx-runtime";var z=x("",{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"}}),o=v(({variant:e,size:a,weight:t,asChild:r,className:i,...n})=>w(r?g:"span",{className:z({variant:e,size:a,weight:t,className:i}),...n}));o.displayName="Typography";import{jsx as l}from"react/jsx-runtime";function C({asChild:e,className:a,variant:t="headline",size:r="sm",...i}){return l(o,{asChild:!0,size:r,variant:t,children:l(e?k:"a",{className:P("hover:text-neutral-dark transition-colors",a),"data-slot":"breadcrumb-link",...i})})}import{cx as B}from"@xjur-ui/util";import{jsx as I}from"react/jsx-runtime";function T({variant:e="headline",size:a="sm",className:t,...r}){return I(o,{"aria-current":"page","aria-disabled":"true",className:B("text-neutral-dark font-normal",t),"data-slot":"breadcrumb-page",role:"link",size:a,variant:e,...r})}import{cx as L}from"@xjur-ui/util";import{cx as N}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function s({className:e,filled:a=!1,name:t,...r}){return R("span",{...r,className:N("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${a?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:t})}import{jsx as p}from"react/jsx-runtime";function V({children:e,className:a,...t}){return p("li",{"aria-hidden":"true",className:L("[&>span]:text-size-title-lg",a),"data-slot":"breadcrumb-separator",role:"presentation",...t,children:e??p(s,{name:"chevron_right"})})}import{cx as S}from"@xjur-ui/util";import{jsx as m,jsxs as E}from"react/jsx-runtime";function q({className:e,...a}){return E("span",{"aria-hidden":"true",className:S("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...a,children:[m(s,{className:"size-4",name:"more_horiz"}),m("span",{className:"sr-only",children:"More"})]})}export{c as Breadcrumb,q as BreadcrumbEllipsis,h as BreadcrumbItem,C as BreadcrumbLink,_ as BreadcrumbList,T as BreadcrumbPage,V 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 n from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function I({delayDuration:t=0,...e}){return c(n.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(I,{children:c(n.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function u({...t}){return N(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as L}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function b({className:t,sideOffset:e=1,variant:o="simple",children:a,...i}){return _(l.Portal,{children:_(l.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 p,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,...r})=>p(a?V:"span",{className:M({variant:t,size:e,weight:o,className:i}),...r}));s.displayName="Typography";var q=h(({children:t,...e})=>{let[o,a]=S(!1);return D(f,{children:[p(u,{asChild:!0,children:p(s,{onMouseEnter:({currentTarget:r})=>{let d=r.scrollWidth>r.clientWidth;a(d),d?r.style.cursor="pointer":r.style.cursor="text"},...e,children:t})}),o&&p(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 m({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(m,{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(m,{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.d.ts

@@ -1,4 +1,5 @@
 import { type ComponentProps } from 'react';
-export declare function CarouselAction({ direction, className, ...props }: ComponentProps<'div'> & {
+import { Button } from '../controls/button';
+export declare function CarouselAction({ direction, className }: ComponentProps<typeof Button> & {
     direction: 'right' | 'left';
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1 +1 @@
-import{twMerge as T}from"@xjur-ui/util";import{useState as c,useCallback as v,useEffect as E,useContext as V}from"react";import{cx as C}from"@xjur-ui/util";import{jsx as k}from"react/jsx-runtime";function u({className:e,filled:l=!1,name:s,...t}){return k("span",{...t,className:C("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${l?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:s})}import{Slot as z}from"@radix-ui/react-slot";import{cva as R,cx as P}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";var L=R(["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 f({asChild:e,className:l,variant:s="primary",size:t="md",appearance:o="solid",...i}){return S(e?z:"button",{className:P(L({variant:s,appearance:o,size:t}),l),...i})}import{twMerge as F}from"@xjur-ui/util";import{createContext as I,useRef as J}from"react";import{jsx as Q}from"react/jsx-runtime";var _=I({scrollAmount:500,scrollRef:{current:null}});import{jsx as p}from"react/jsx-runtime";function te({direction:e,className:l,...s}){let{scrollAmount:t,scrollRef:o}=V(_),[i,d]=c(!1),[b,g]=c(!1),[y,m]=c(!1),a=v(()=>{let r=o.current;if(!r)return;let{scrollLeft:n,scrollWidth:x,clientWidth:w}=r;d(n>0),g(n<x-w)},[o]),h=v(()=>{let r=o.current;r&&(m(!0),r.scrollTo({left:e==="left"?r.scrollLeft-t:r.scrollLeft+t,behavior:"smooth"}),setTimeout(()=>m(!1),300))},[e,t,o]);return E(()=>{let r=o.current;if(!r)return;a(),r.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",a);let n=null;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(a),n.observe(r)),()=>{r.removeEventListener("scroll",a),window.removeEventListener("resize",a),n&&n.disconnect()}},[a,o]),e==="right"&&!b||e==="left"&&!i?null:p("div",{className:T("absolute top-1/2 z-1000 flex h-full -translate-y-1/2 items-center justify-end","animate-in fade-in transition-all duration-300",e==="right"&&"right-0",e==="left"&&"left-0",l),...s,style:{background:`linear-gradient(to ${e}, transparent, rgba(0, 0, 0, 0.08) 100%)`},children:p(f,{appearance:"ghost","aria-label":"Scroll right",disabled:y,size:"icon_md",variant:"secondary",onClick:h,children:p(u,{name:`chevron_${e}`})})})}export{te 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 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};

package/dist/components/carousel/index.js

@@ -1 +1 @@
-import{twMerge as k}from"@xjur-ui/util";import{createContext as P,useRef as R}from"react";import{jsx as f}from"react/jsx-runtime";var i=P({scrollAmount:500,scrollRef:{current:null}});function z({className:e,scrollAmount:t=500,...a}){let o=R(null);return f(i.Provider,{value:{scrollAmount:t,scrollRef:o},children:f("div",{className:k("group/carousel-root relative isolate",e),...a})})}import{twMerge as L}from"@xjur-ui/util";import{useContext as I}from"react";import{jsx as T}from"react/jsx-runtime";function S({className:e,...t}){let{scrollRef:a}=I(i);return T("div",{className:L("gap-small relative z-[5] flex items-center","scrollbar-hide overflow-x-auto overflow-y-visible","py-small min-w-0",e),ref:a,...t})}import{twMerge as D}from"@xjur-ui/util";import{useState as p,useCallback as b,useEffect as $,useContext as q}from"react";import{cx as A}from"@xjur-ui/util";import{jsx as E}from"react/jsx-runtime";function v({className:e,filled:t=!1,name:a,...o}){return E("span",{...o,className:A("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 V}from"@radix-ui/react-slot";import{cva as M,cx as N}from"@xjur-ui/util";import{jsx as B}from"react/jsx-runtime";var O=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 _({asChild:e,className:t,variant:a="primary",size:o="md",appearance:n="solid",...c}){return B(e?V:"button",{className:N(O({variant:a,appearance:n,size:o}),t),...c})}import{jsx as d}from"react/jsx-runtime";function H({direction:e,className:t,...a}){let{scrollAmount:o,scrollRef:n}=q(i),[c,m]=p(!1),[g,y]=p(!1),[h,u]=p(!1),l=b(()=>{let r=n.current;if(!r)return;let{scrollLeft:s,scrollWidth:w,clientWidth:C}=r;m(s>0),y(s<w-C)},[n]),x=b(()=>{let r=n.current;r&&(u(!0),r.scrollTo({left:e==="left"?r.scrollLeft-o:r.scrollLeft+o,behavior:"smooth"}),setTimeout(()=>u(!1),300))},[e,o,n]);return $(()=>{let r=n.current;if(!r)return;l(),r.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l);let s=null;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(l),s.observe(r)),()=>{r.removeEventListener("scroll",l),window.removeEventListener("resize",l),s&&s.disconnect()}},[l,n]),e==="right"&&!g||e==="left"&&!c?null:d("div",{className:D("absolute top-1/2 z-1000 flex h-full -translate-y-1/2 items-center justify-end","animate-in fade-in transition-all duration-300",e==="right"&&"right-0",e==="left"&&"left-0",t),...a,style:{background:`linear-gradient(to ${e}, transparent, rgba(0, 0, 0, 0.08) 100%)`},children:d(_,{appearance:"ghost","aria-label":"Scroll right",disabled:h,size:"icon_md",variant:"secondary",onClick:x,children:d(v,{name:`chevron_${e}`})})})}import{twMerge as W}from"@xjur-ui/util";import"react";import{jsx as G}from"react/jsx-runtime";function F({className:e,...t}){return G("div",{className:W("relative flex-none whitespace-nowrap",e),...t})}export{H as CarouselAction,S as CarouselContent,F as CarouselItem,z as CarouselRoot};
+import{twMerge as C}from"@xjur-ui/util";import{createContext as k,useRef as P}from"react";import{jsx as d}from"react/jsx-runtime";var s=k({scrollAmount:500,scrollRef:{current:null}});function R({className:e,scrollAmount:t=500,...a}){let o=P(null);return d(s.Provider,{value:{scrollAmount:t,scrollRef:o},children:d("div",{className:C("group/carousel-root relative isolate",e),...a})})}import{twMerge as z}from"@xjur-ui/util";import{useContext as L}from"react";import{jsx as S}from"react/jsx-runtime";function I({className:e,...t}){let{scrollRef:a}=L(s);return S("div",{className:z("gap-small relative z-[5] flex items-center","scrollbar-hide overflow-x-auto overflow-y-visible","py-small min-w-0",e),ref:a,...t})}import{twMerge as u}from"@xjur-ui/util";import{useState as i,useCallback as f,useEffect as N,useContext as V}from"react";import{cx as T}from"@xjur-ui/util";import{jsx as A}from"react/jsx-runtime";function m({className:e,filled:t=!1,name:a,...o}){return A("span",{...o,className:T("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 oe}from"@radix-ui/react-slot";import{cva as E,cx as ae}from"@xjur-ui/util";import{jsx as se}from"react/jsx-runtime";var ne=E(["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{jsx as c}from"react/jsx-runtime";function M({direction:e,className:t}){let{scrollAmount:a,scrollRef:o}=V(s),[v,_]=i(!1),[b,y]=i(!1),[g,p]=i(!1),n=f(()=>{let r=o.current;if(!r)return;let{scrollLeft:l,scrollWidth:x,clientWidth:w}=r;_(l>0),y(l<x-w)},[o]),h=f(()=>{let r=o.current;r&&(p(!0),r.scrollTo({left:e==="left"?r.scrollLeft-a:r.scrollLeft+a,behavior:"smooth"}),setTimeout(()=>p(!1),300))},[e,a,o]);return N(()=>{let r=o.current;if(!r)return;n(),r.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",n);let l=null;return typeof ResizeObserver<"u"&&(l=new ResizeObserver(n),l.observe(r)),()=>{r.removeEventListener("scroll",n),window.removeEventListener("resize",n),l&&l.disconnect()}},[n,o]),e==="right"&&!b||e==="left"&&!v?null:c("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",`${e}-0`),children:c("button",{className:u("size-large-2x rounded-circle bg-primary-idle/50 flex cursor-pointer items-center justify-center text-white",t),disabled:g,type:"button",onClick:h,children:c(m,{name:`chevron_${e}`})})})}import{twMerge as O}from"@xjur-ui/util";import"react";import{jsx as D}from"react/jsx-runtime";function B({className:e,...t}){return D("div",{className:O("relative flex-none whitespace-nowrap",e),...t})}export{M as CarouselAction,I as CarouselContent,B as CarouselItem,R as CarouselRoot};

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

@@ -1 +1 @@
-import{cx as x}from"@xjur-ui/util";import*as l from"@radix-ui/react-avatar";import{jsx as f}from"react/jsx-runtime";function r({className:a,size:t="md",...e}){return f(l.Root,{className:x("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...e})}import{cx as z}from"@xjur-ui/util";import*as m from"@radix-ui/react-avatar";import{jsx as b}from"react/jsx-runtime";function s({className:a,...t}){return b(m.Image,{className:z("aspect-square size-full",a),"data-slot":"avatar-image",...t})}import{cx as g}from"@xjur-ui/util";import*as n from"@radix-ui/react-avatar";import{jsx as y}from"react/jsx-runtime";function i({className:a,...t}){return y(n.Fallback,{className:g("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...t})}import{cx as J}from"@xjur-ui/util";import{Slot as A}from"@radix-ui/react-slot";import{cva as h}from"@xjur-ui/util";import{memo as u}from"react";import{jsx as k}from"react/jsx-runtime";var P=h("",{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=u(({variant:a,size:t,weight:e,asChild:o,className:d,...v})=>k(o?A:"span",{className:P({variant:a,size:t,weight:e,className:d}),...v}));p.displayName="Typography";import{jsx as W,jsxs as X}from"react/jsx-runtime";import{jsx as c,jsxs as C}from"react/jsx-runtime";function sa({size:a="xs",avatarFallback:t="CN",avatarUrl:e,...o}){return C(r,{size:a,style:{marginLeft:"-4px"},...o,children:[e&&c(s,{src:e}),c(i,{children:t})]})}export{sa as ChipAvatar};
+import{cx as C}from"@xjur-ui/util";import*as y from"@radix-ui/react-avatar";import{jsx as R}from"react/jsx-runtime";function s({className:t,size:a="md",...e}){return R(y.Root,{className:C("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",t),"data-size":a,"data-slot":"avatar",...e})}import{cx as k}from"@xjur-ui/util";import*as z from"@radix-ui/react-avatar";import{jsx as N}from"react/jsx-runtime";function l({className:t,...a}){return N(z.Image,{className:k("aspect-square size-full",t),"data-slot":"avatar-image",...a})}import{cx as F}from"@xjur-ui/util";import*as u from"@radix-ui/react-avatar";import{jsx as I}from"react/jsx-runtime";function n({className:t,...a}){return I(u.Fallback,{className:F("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",t),"data-slot":"avatar-fallback",...a})}import{cx as ft}from"@xjur-ui/util";import{Slot as G}from"@radix-ui/react-slot";import{cva as M}from"@xjur-ui/util";import{memo as P,useState as L}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function w({delayDuration:t=0,...a}){return v(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function f({...t}){return v(w,{children:v(m.Root,{"data-slot":"tooltip",...t})})}import*as h from"@radix-ui/react-tooltip";import{jsx as V}from"react/jsx-runtime";function g({...t}){return V(h.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as p from"@radix-ui/react-tooltip";import{cx as E}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function x({className:t,sideOffset:a=1,variant:e="simple",children:o,...r}){return T(p.Portal,{children:T(p.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)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:a,...r,children:o})})}import{jsx as d,jsxs as W}from"react/jsx-runtime";var B=M("",{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"}}),b=P(({variant:t,size:a,weight:e,asChild:o,className:r,...i})=>d(o?G:"span",{className:B({variant:t,size:a,weight:e,className:r}),...i}));b.displayName="Typography";var S=P(({children:t,...a})=>{let[e,o]=L(!1);return W(f,{children:[d(g,{asChild:!0,children:d(b,{onMouseEnter:({currentTarget:i})=>{let c=i.scrollWidth>i.clientWidth;o(c),c?i.style.cursor="pointer":i.style.cursor="text"},...a,children:t})}),e&&d(x,{children:t})]})});S.displayName="TruncatedTypography";import{jsx as ut,jsxs as ht}from"react/jsx-runtime";import{jsx as A,jsxs as $}from"react/jsx-runtime";function It({size:t="xs",avatarFallback:a="CN",avatarUrl:e,...o}){return $(s,{size:t,style:{marginLeft:"-4px"},...o,children:[e&&A(l,{src:e}),A(n,{children:a})]})}export{It as ChipAvatar};

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 s}from"react/jsx-runtime";function h({className:e,...o}){return s(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{h as ChipIcon};
+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 h({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{h as ChipIcon};

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

@@ -1 +1 @@
-import{cx as z}from"@xjur-ui/util";import{Slot as n}from"@radix-ui/react-slot";import{cva as r}from"@xjur-ui/util";import{memo as m}from"react";import{jsx as d}from"react/jsx-runtime";var p=r("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),l=m(({variant:t,size:e,weight:a,asChild:s,className:i,...o})=>d(s?n:"span",{className:p({variant:t,size:e,weight:a,className:i}),...o}));l.displayName="Typography";import{jsx as x}from"react/jsx-runtime";function P({variant:t="label",size:e="sm-1x",weight:a="medium",className:s,...i}){return x(l,{className:z(s,"truncate"),size:e,variant:t,weight:a,...i})}export{P as ChipText};
+import{cx as N}from"@xjur-ui/util";import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as g,useState as u}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function x({delayDuration:t=0,...o}){return d(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return d(x,{children:d(s.Root,{"data-slot":"tooltip",...t})})}import*as f from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function y({...t}){return h(f.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as b}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function v({className:t,sideOffset:o=1,variant:i="simple",children:e,...a}){return T(l.Portal,{children:T(l.Content,{className:b("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":i,sideOffset:o,...a,children:e})})}import{jsx as n,jsxs as V}from"react/jsx-runtime";var C=P("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=g(({variant:t,size:o,weight:i,asChild:e,className:a,...r})=>n(e?z:"span",{className:C({variant:t,size:o,weight:i,className:a}),...r}));p.displayName="Typography";var R=g(({children:t,...o})=>{let[i,e]=u(!1);return V(c,{children:[n(y,{asChild:!0,children:n(p,{onMouseEnter:({currentTarget:r})=>{let m=r.scrollWidth>r.clientWidth;e(m),m?r.style.cursor="pointer":r.style.cursor="text"},...o,children:t})}),i&&n(v,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as w}from"react/jsx-runtime";function X({variant:t="label",size:o="sm-1x",weight:i="medium",className:e,...a}){return w(p,{className:N(e,"truncate"),size:o,variant:t,weight:i,...a})}export{X as ChipText};

package/dist/components/chip/index.js

@@ -1 +1 @@
-import{cva as y,cx as h}from"@xjur-ui/util";import"react";import{jsx as x}from"react/jsx-runtime";var u=y(["group/chip relative h-large-2x w-fit rounded-circle px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function _({className:a,variant:e="primary",disabled:t=!1,...r}){return x("div",{className:h(u({variant:e}),a),"data-disabled":t,...r})}import{cx as P}from"@xjur-ui/util";import{Slot as z}from"@radix-ui/react-slot";import{cva as w}from"@xjur-ui/util";import{memo as A}from"react";import{jsx as k}from"react/jsx-runtime";var C=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"}}),o=A(({variant:a,size:e,weight:t,asChild:r,className:n,...g})=>k(r?z:"span",{className:C({variant:a,size:e,weight:t,className:n}),...g}));o.displayName="Typography";import{jsx as N}from"react/jsx-runtime";function I({variant:a="label",size:e="sm-1x",weight:t="medium",className:r,...n}){return N(o,{className:P(r,"truncate"),size:e,variant:a,weight:t,...n})}import{cx as V}from"@xjur-ui/util";import{cx as R}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function m({className:a,filled:e=!1,name:t,...r}){return T("span",{...r,className:R("material-symbols-outlined","text-size-body-lg select-none",a),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:t})}import{jsx as F}from"react/jsx-runtime";function p({className:a,...e}){return F(m,{className:(V("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"),a),...e})}import{cx as G}from"@xjur-ui/util";import{jsx as c}from"react/jsx-runtime";function L({className:a,children:e=c(p,{name:"close"}),...t}){return c("div",{className:G(a,"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",...t,children:e})}import{cx as q}from"@xjur-ui/util";import*as d from"@radix-ui/react-avatar";import{jsx as $}from"react/jsx-runtime";function i({className:a,size:e="md",...t}){return $(d.Root,{className:q("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":e,"data-slot":"avatar",...t})}import{cx as S}from"@xjur-ui/util";import*as f from"@radix-ui/react-avatar";import{jsx as B}from"react/jsx-runtime";function s({className:a,...e}){return B(f.Image,{className:S("aspect-square size-full",a),"data-slot":"avatar-image",...e})}import{cx as D}from"@xjur-ui/util";import*as v from"@radix-ui/react-avatar";import{jsx as E}from"react/jsx-runtime";function l({className:a,...e}){return E(v.Fallback,{className:D("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...e})}import{cx as Ia}from"@xjur-ui/util";import{jsx as Ga,jsxs as La}from"react/jsx-runtime";import{jsx as b,jsxs as J}from"react/jsx-runtime";function H({size:a="xs",avatarFallback:e="CN",avatarUrl:t,...r}){return J(i,{size:a,style:{marginLeft:"-4px"},...r,children:[t&&b(s,{src:t}),b(l,{children:e})]})}export{H as ChipAvatar,L as ChipClose,p as ChipIcon,_ as ChipRoot,I as ChipText};
+import{cva as k,cx as R}from"@xjur-ui/util";import"react";import{jsx as V}from"react/jsx-runtime";var I=k(["group/chip relative h-large-2x w-fit rounded-circle px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function N({className:t,variant:a="primary",disabled:e=!1,...o}){return V("div",{className:R(I({variant:a}),t),"data-disabled":e,...o})}import{cx as D}from"@xjur-ui/util";import{Slot as E}from"@radix-ui/react-slot";import{cva as M}from"@xjur-ui/util";import{memo as _,useState as q}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function F({delayDuration:t=0,...a}){return v(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function g({...t}){return v(F,{children:v(s.Root,{"data-slot":"tooltip",...t})})}import*as h from"@radix-ui/react-tooltip";import{jsx as G}from"react/jsx-runtime";function y({...t}){return G(h.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as L}from"@xjur-ui/util";import{jsx as x}from"react/jsx-runtime";function u({className:t,sideOffset:a=1,variant:e="simple",children:o,...r}){return x(n.Portal,{children:x(n.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":e,sideOffset:a,...r,children:o})})}import{jsx as p,jsxs as B}from"react/jsx-runtime";var S=M("",{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=_(({variant:t,size:a,weight:e,asChild:o,className:r,...i})=>p(o?E:"span",{className:S({variant:t,size:a,weight:e,className:r}),...i}));l.displayName="Typography";var $=_(({children:t,...a})=>{let[e,o]=q(!1);return B(g,{children:[p(y,{asChild:!0,children:p(l,{onMouseEnter:({currentTarget:i})=>{let f=i.scrollWidth>i.clientWidth;o(f),f?i.style.cursor="pointer":i.style.cursor="text"},...a,children:t})}),e&&p(u,{children:t})]})});$.displayName="TruncatedTypography";import{jsx as H}from"react/jsx-runtime";function W({variant:t="label",size:a="sm-1x",weight:e="medium",className:o,...r}){return H(l,{className:D(o,"truncate"),size:a,variant:t,weight:e,...r})}import{cx as K}from"@xjur-ui/util";import{cx as O}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function z({className:t,filled:a=!1,name:e,...o}){return J("span",{...o,className:O("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${a?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:e})}import{jsx as Q}from"react/jsx-runtime";function b({className:t,...a}){return Q(z,{className:(K("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"),t),...a})}import{cx as U}from"@xjur-ui/util";import{jsx as P}from"react/jsx-runtime";function X({className:t,children:a=P(b,{name:"close"}),...e}){return P("div",{className:U(t,"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",...e,children:a})}import{cx as Y}from"@xjur-ui/util";import*as T from"@radix-ui/react-avatar";import{jsx as Z}from"react/jsx-runtime";function m({className:t,size:a="md",...e}){return Z(T.Root,{className:Y("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",t),"data-size":a,"data-slot":"avatar",...e})}import{cx as j}from"@xjur-ui/util";import*as C from"@radix-ui/react-avatar";import{jsx as tt}from"react/jsx-runtime";function d({className:t,...a}){return tt(C.Image,{className:j("aspect-square size-full",t),"data-slot":"avatar-image",...a})}import{cx as at}from"@xjur-ui/util";import*as w from"@radix-ui/react-avatar";import{jsx as et}from"react/jsx-runtime";function c({className:t,...a}){return et(w.Fallback,{className:at("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",t),"data-slot":"avatar-fallback",...a})}import{cx as ta}from"@xjur-ui/util";import{jsx as la,jsxs as sa}from"react/jsx-runtime";import{jsx as A,jsxs as rt}from"react/jsx-runtime";function ot({size:t="xs",avatarFallback:a="CN",avatarUrl:e,...o}){return rt(m,{size:t,style:{marginLeft:"-4px"},...o,children:[e&&A(d,{src:e}),A(c,{children:a})]})}export{ot as ChipAvatar,X as ChipClose,b as ChipIcon,N as ChipRoot,W as ChipText};

package/dist/components/controls/checkbox.js

@@ -1 +1 @@
-import*as s from"@radix-ui/react-checkbox";import{cx as y}from"@xjur-ui/util";import{cx as c}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function d({className:a,filled:t=!1,name:o,...e}){return m("span",{...e,className:c("material-symbols-outlined","text-size-body-lg select-none",a),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...e.style},children:o})}import{Slot as p}from"@radix-ui/react-slot";import{cva as _}from"@xjur-ui/util";import{memo as b}from"react";import{jsx as h}from"react/jsx-runtime";var 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"}}),n=b(({variant:a,size:t,weight:o,asChild:e,className:l,...i})=>h(e?p:"span",{className:f({variant:a,size:t,weight:o,className:l}),...i}));n.displayName="Typography";import{jsx as r,jsxs as u}from"react/jsx-runtime";function F({label:a,name:t,className:o,disabled:e=!1,...l}){let i=`field-checkbox-${t}`;return u("div",{className:"group gap-small flex items-center",children:[r(s.Root,{disabled:e,...l,className:y("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%]",o),id:i,name:t,children:r(s.Indicator,{className:"flex items-center justify-center",children:r(d,{className:"text-neutral-label",name:"check"})})}),!!a&&r(n,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":e,weight:"medium",children:r("label",{htmlFor:i,children:a})})]})}export{F as Checkbox};
+import*as m 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 _({className:t,filled:e=!1,name:a,...o}){return T("span",{...o,className:x("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?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 s from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function z({delayDuration:t=0,...e}){return f(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function b({...t}){return f(z,{children:f(s.Root,{"data-slot":"tooltip",...t})})}import*as u from"@radix-ui/react-tooltip";import{jsx as P}from"react/jsx-runtime";function h({...t}){return P(u.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as w}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function y({className:t,sideOffset:e=1,variant:a="simple",children:o,...r}){return v(n.Portal,{children:v(n.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)",t),"data-slot":"tooltip-content","data-variant":a,sideOffset:e,...r,children:o})})}import{jsx as d,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"}}),p=g(({variant:t,size:e,weight:a,asChild:o,className:r,...i})=>d(o?k:"span",{className:N({variant:t,size:e,weight:a,className:r}),...i}));p.displayName="Typography";var R=g(({children:t,...e})=>{let[a,o]=I(!1);return V(b,{children:[d(h,{asChild:!0,children:d(p,{onMouseEnter:({currentTarget:i})=>{let c=i.scrollWidth>i.clientWidth;o(c),c?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),a&&d(y,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as l,jsxs as L}from"react/jsx-runtime";function lt({label:t,name:e,className:a,disabled:o=!1,...r}){let i=`field-checkbox-${e}`;return L("div",{className:"group gap-small flex items-center",children:[l(m.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:e,children:l(m.Indicator,{className:"flex items-center justify-center",children:l(_,{className:"text-neutral-label",name:"check"})})}),!!t&&l(p,{asChild:!0,className:"text-size-body-sm data-[disabled=true]:opacity-38","data-disabled":o,weight:"medium",children:l("label",{htmlFor:i,children:t})})]})}export{lt as Checkbox};

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

@@ -1 +1 @@
-import{createContext as n,useContext as i}from"react";var l=n({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as d}from"react/jsx-runtime";var{caption:p}=r();function b({className:e,...o}){let{state:a}=t();return d("p",{className:p({className:e,state:a}),...o})}export{b as DatePickerCaption};
+import{createContext as n,useContext as i}from"react";var l=n({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x 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 d}from"react/jsx-runtime";var{caption:p}=r();function b({className:e,...o}){let{state:a}=t();return d("p",{className:p({className:e,state:a}),...o})}export{b as DatePickerCaption};

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

@@ -1 +1 @@
-import*as t from"@radix-ui/react-popover";import{createContext as p,useContext as m}from"react";var x=p({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function r(){let e=m(x);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as c}from"@xjur-ui/util";var o=c({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as a}from"react/jsx-runtime";var{content:u}=o();function k({className:e,sideOffset:n=5,side:i="bottom",align:l="start",...s}){let{state:d}=r();return a(t.Portal,{children:a(t.Content,{align:l,className:u({className:e,state:d}),side:i,sideOffset:n,...s})})}export{k as DatePickerContent};
+import*as t from"@radix-ui/react-popover";import{createContext as p,useContext as m}from"react";var x=p({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function r(){let e=m(x);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as c}from"@xjur-ui/util";var o=c({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 a}from"react/jsx-runtime";var{content:u}=o();function k({className:e,sideOffset:n=5,side:i="bottom",align:s="start",...l}){let{state:d}=r();return a(t.Portal,{children:a(t.Content,{align:s,className:u({className:e,state:d}),side:i,sideOffset:n,...l})})}export{k as DatePickerContent};

package/dist/components/controls/date-picker/date-picker-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: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 cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as l}from"react/jsx-runtime";var{icon:f}=i();function F({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{F as DatePickerIcon};
+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 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 l}from"react/jsx-runtime";var{icon:f}=i();function F({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{F as DatePickerIcon};

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

@@ -1 +1 @@
-import*as a from"@radix-ui/react-popover";import{createContext as x,useContext as g}from"react";var r=x({state:"normal",variant:"normal",customMask:void 0,mask:void 0});import{tv as u}from"@xjur-ui/util";var o=u({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as e}from"react/jsx-runtime";var{wrapper:c}=o();function k({className:n,state:t="normal",defaultOpen:i,variant:l="normal",modal:d,open:p,onOpenChange:s,...m}){return e(a.Root,{defaultOpen:i,modal:d,open:p,onOpenChange:s,children:e(r.Provider,{value:{state:t,variant:l},children:e("div",{className:c({className:n,state:t}),...m})})})}export{k as DatePickerRoot};
+import*as a from"@radix-ui/react-popover";import{createContext as x,useContext as v}from"react";var r=x({state:"normal",variant:"normal",customMask:void 0,mask:void 0});import{tv as u}from"@xjur-ui/util";var o=u({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 e}from"react/jsx-runtime";var{wrapper:c}=o();function k({className:n,state:t="normal",defaultOpen:i,variant:l="normal",modal:d,open:p,onOpenChange:s,...m}){return e(a.Root,{defaultOpen:i,modal:d,open:p,onOpenChange:s,children:e(r.Provider,{value:{state:t,variant:l},children:e("div",{className:c({className:n,state:t}),...m})})})}export{k as DatePickerRoot};

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

@@ -1 +1 @@
-import{createContext as n,useContext as i}from"react";var l=n({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as p}from"react/jsx-runtime";var{slotText:d}=r();function b({className:e,...o}){let{state:a}=t();return p("span",{className:d({className:e,state:a}),...o})}export{b as DatePickerSlot};
+import{createContext as n,useContext as i}from"react";var s=n({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(s);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as l}from"@xjur-ui/util";var r=l({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 p}from"react/jsx-runtime";var{slotText:d}=r();function b({className:e,...o}){let{state:a}=t();return p("span",{className:d({className:e,state:a}),...o})}export{b as DatePickerSlot};

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

@@ -1 +1 @@
-import{tv as e}from"@xjur-ui/util";var t=e({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});export{t as datePicker};
+import{tv as e}from"@xjur-ui/util";var t=e({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"}}}});export{t as datePicker};

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

@@ -1 +1 @@
-import{tv as c,twMerge as x}from"@xjur-ui/util";import*as a from"@radix-ui/react-popover";import{createContext as s,useContext as p}from"react";var m=s({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=p(m);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as g}from"@xjur-ui/util";var o=g({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as u}from"react/jsx-runtime";var{trigger:b}=o();function P({className:e,...i}){let{state:r,variant:n}=t(),d=c({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=x(b({state:r,className:e}),n==="filter"&&d({state:r,className:e}));return u(a.Trigger,{className:l,disabled:r==="disabled",...i})}export{P as DatePickerTrigger};
+import{tv as c,twMerge as u}from"@xjur-ui/util";import*as a from"@radix-ui/react-popover";import{createContext as s,useContext as p}from"react";var m=s({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=p(m);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as g}from"@xjur-ui/util";var o=g({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)] 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 b}from"react/jsx-runtime";var{trigger:x}=o();function P({className:e,...i}){let{state:r,variant:n}=t(),d=c({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=u(x({state:r,className:e}),n==="filter"&&d({state:r,className:e}));return b(a.Trigger,{className:l,disabled:r==="disabled",...i})}export{P as DatePickerTrigger};

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

@@ -1 +1 @@
-import{twJoin as z}from"@xjur-ui/util";import{useMemo as w}from"react";import{Slot as u}from"@radix-ui/react-slot";import{cva as c}from"@xjur-ui/util";import{memo as x}from"react";import{jsx as g}from"react/jsx-runtime";var f=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"}}),i=x(({variant:e,size:o,weight:t,asChild:s,className:l,...a})=>g(s?u:"span",{className:f({variant:e,size:o,weight:t,className:l}),...a}));i.displayName="Typography";import{createContext as h,useContext as b}from"react";var y=h({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=b(y);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as v}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function d({className:e,htmlFor:o,children:t,...s}){let{state:l}=n(),a=v({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 m("label",{className:a({className:e,state:l}),htmlFor:o,...s,children:m("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:t})})}import{jsx as r,jsxs as C}from"react/jsx-runtime";function q({className:e,displayValue:o="",placeholder:t,value:s,...l}){let{variant:a}=n(),p=w(()=>a==="filter"?o:o||t,[o,t,a]);return C("div",{className:"grid w-full items-center",children:[t&&a==="filter"&&r(d,{children:t}),t&&a==="filter"&&r(i,{className:"invisible col-start-1 row-start-1 self-center",children:t}),r(i,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:p}),r("input",{...l,"aria-readonly":!0,className:z("pointer-events-none",e),hidden:!0,placeholder:" ",readOnly:!0,value:s??""})]})}export{q as DatePickerValue};
+import{twJoin as I}from"@xjur-ui/util";import{useMemo as D}from"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as k}from"@xjur-ui/util";import{memo as y,useState as F}from"react";import*as n from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function z({delayDuration:t=0,...o}){return c(n.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function f({...t}){return c(z,{children:c(n.Root,{"data-slot":"tooltip",...t})})}import*as h from"@radix-ui/react-tooltip";import{jsx as P}from"react/jsx-runtime";function g({...t}){return P(h.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 v}from"react/jsx-runtime";function x({className:t,sideOffset:o=1,variant:e="simple",children:i,...r}){return v(p.Portal,{children:v(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":e,sideOffset:o,...r,children:i})})}import{jsx as m,jsxs as R}from"react/jsx-runtime";var M=k("",{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=y(({variant:t,size:o,weight:e,asChild:i,className:r,...a})=>m(i?w:"span",{className:M({variant:t,size:o,weight:e,className:r}),...a}));s.displayName="Typography";var N=y(({children:t,...o})=>{let[e,i]=F(!1);return R(f,{children:[m(g,{asChild:!0,children:m(s,{onMouseEnter:({currentTarget:a})=>{let l=a.scrollWidth>a.clientWidth;i(l),l?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&m(x,{children:t})]})});N.displayName="TruncatedTypography";import{createContext as V,useContext as E}from"react";var L=V({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function d(){let t=E(L);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as O}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function T({className:t,htmlFor:o,children:e,...i}){let{state:r}=d(),a=O({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return b("label",{className:a({className:t,state:r}),htmlFor:o,...i,children:b("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as u,jsxs as S}from"react/jsx-runtime";function ut({className:t,displayValue:o="",placeholder:e,value:i,...r}){let{variant:a}=d(),l=D(()=>a==="filter"?o:o||e,[o,e,a]);return S("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&u(T,{children:e}),e&&a==="filter"&&u(s,{className:"invisible col-start-1 row-start-1 self-center",children:e}),u(s,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:l}),u("input",{...r,"aria-readonly":!0,className:I("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:i??""})]})}export{ut as DatePickerValue};