@xjur-ui/react 3.0.2 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/accordion/accordion-tab-header.js +1 -1
  3. package/dist/components/accordion/accordion-trigger.js +1 -1
  4. package/dist/components/breadcrumb/breadcrumb-ellipsis.js +1 -1
  5. package/dist/components/breadcrumb/breadcrumb-separator.js +1 -1
  6. package/dist/components/breadcrumb/index.js +1 -1
  7. package/dist/components/carousel/carousel-action.d.ts +1 -1
  8. package/dist/components/carousel/carousel-action.js +1 -1
  9. package/dist/components/carousel/index.js +1 -1
  10. package/dist/components/controls/checkbox.js +1 -1
  11. package/dist/components/controls/date-picker/index.js +1 -1
  12. package/dist/components/controls/input/input-icon.js +1 -1
  13. package/dist/components/controls/input/input-numeric-stepper.js +1 -1
  14. package/dist/components/controls/rich-editor.js +1 -1
  15. package/dist/components/controls/search-selector.js +1 -1
  16. package/dist/components/controls/select/index.js +1 -1
  17. package/dist/components/controls/select/select-content.js +1 -1
  18. package/dist/components/controls/select/select-header-title.js +1 -1
  19. package/dist/components/controls/select/select-header.js +1 -1
  20. package/dist/components/controls/select/select-option.js +1 -1
  21. package/dist/components/controls/select/select-options.js +1 -1
  22. package/dist/components/custom/pessoa/pessoa-body.js +1 -1
  23. package/dist/components/custom/pessoa/pessoa-close-button.js +1 -1
  24. package/dist/components/custom/pessoa/pessoa-content.js +1 -1
  25. package/dist/components/custom/pessoa/pessoa-footer.js +1 -1
  26. package/dist/components/custom/pessoa/pessoa-header.js +1 -1
  27. package/dist/components/custom/pessoa/pessoa.js +1 -1
  28. package/dist/components/dialog/delete-dialog.js +1 -1
  29. package/dist/components/dialog/index.js +1 -1
  30. package/dist/components/dropdown-menu/dropdown-menu-content.js +1 -1
  31. package/dist/components/dropdown-menu/dropdown-menu-item.js +1 -1
  32. package/dist/components/dropdown-menu/dropdown-menu-list.js +1 -1
  33. package/dist/components/dropdown-menu/index.js +1 -1
  34. package/dist/components/full-calendar/calendar-cell.js +1 -1
  35. package/dist/components/full-calendar/calendar-day-view.js +1 -1
  36. package/dist/components/full-calendar/calendar-month-view.js +1 -1
  37. package/dist/components/full-calendar/calendar-more-events-dropdown.js +1 -1
  38. package/dist/components/full-calendar/calendar-navigator.js +1 -1
  39. package/dist/components/full-calendar/calendar-toggle-view.js +1 -1
  40. package/dist/components/full-calendar/calendar-view-renderer.js +1 -1
  41. package/dist/components/full-calendar/calendar-week-view.js +1 -1
  42. package/dist/components/full-calendar/index.js +1 -1
  43. package/dist/components/icon/index.js +1 -1
  44. package/dist/components/list/index.js +1 -1
  45. package/dist/components/list/list-root.js +1 -1
  46. package/dist/components/sheet/sheet-close.js +1 -1
  47. package/dist/components/table/index.js +1 -1
  48. package/dist/components/table/table-sort.js +1 -1
  49. package/dist/components/tag/index.js +1 -1
  50. package/dist/components/tag/tag-close.js +1 -1
  51. package/dist/components/toast/index.js +1 -1
  52. package/dist/components/upload/index.js +1 -1
  53. package/dist/index.css +1 -1
  54. package/dist/resources/icons.d.ts +1 -1
  55. package/dist/resources/icons.js +1 -1
  56. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @xjur-ui/react
2
2
 
3
+ ## 3.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - cfe4826: Add new icon open_in_new
8
+
9
+ ## 3.0.3
10
+
11
+ ### Patch Changes
12
+
13
+ - b7e2398: Fix carousel scroll
14
+
3
15
  ## 3.0.2
4
16
 
5
17
  ### Patch Changes
@@ -1 +1 @@
1
- import{cx as I}from"@xjur-ui/util";import*as f from"@radix-ui/react-accordion";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 g}from"react/jsx-runtime";function _({variant:r="default",className:e,children:a,...o}){let n=i(r);return g(f.Content,{className:I(n.content,e),...o,children:g("div",{className:n.contentInner,children:a})})}import{cx as V}from"@xjur-ui/util";import*as h from"@radix-ui/react-accordion";import{jsx as R}from"react/jsx-runtime";function v({variant:r="default",className:e,...a}){let o=i(r);return R(h.Item,{className:V(o.item,e),...a})}import{cx as b}from"@xjur-ui/util";import*as u from"@radix-ui/react-accordion";import{jsx as y}from"react/jsx-runtime";function w({variant:r="default",className:e,type:a="single",...o}){let n=i(r);if(a==="multiple"){let{value:t,defaultValue:p,onValueChange:C,...N}=o;return y(u.Root,{className:b(n.root,e),defaultValue:p,type:"multiple",value:t,...N,onValueChange:C})}let{value:l,defaultValue:s,onValueChange:d,...c}=o;return y(u.Root,{className:b(n.root,e),defaultValue:s,type:"single",value:l,...c,onValueChange:d})}import{cx as z}from"@xjur-ui/util";import*as k from"@radix-ui/react-accordion";import{cx as T}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";function A({className:r,filled:e=!1,name:a,...o}){return S("span",{...o,className:T("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{jsx as x,jsxs as H}from"react/jsx-runtime";function P({variant:r="default",showIcon:e=!0,iconPosition:a="right",iconName:o="keyboard_arrow_down",className:n,children:l,...s}){let d=i(r),c=e?x(A,{className:"h-4 w-4 shrink-0 transition-transform duration-200",name:o}):null;return H(k.Trigger,{className:z(d.trigger,n),...s,children:[a==="left"&&c,x("span",{className:"flex-1 text-left",children:l}),a==="right"&&c]})}import{jsx as m,jsxs as q}from"react/jsx-runtime";function de({items:r,variant:e="tabheader",type:a="single",defaultValue:o,value:n,onValueChange:l,...s}){let d=(t,p)=>{switch(t){case"chevron":return p==="right"?"chevron_right":"keyboard_arrow_down";case"triangle":return p==="right"?"chevron_right":"keyboard_arrow_down";case"plus":return p==="right"?"add":"remove";default:return"keyboard_arrow_down"}},c=t=>{switch(t){case"gray":return"text-neutral-medium";case"orange":return"text-orange-500";default:return"text-neutral-dark"}};return m(w,{defaultValue:o,type:a,value:n,variant:e,...s,onValueChange:l,children:r.map(t=>q(v,{value:t.value,variant:e,children:[m(P,{className:c(t.iconColor||"gray"),iconName:d(t.iconVariant||"chevron",t.iconDirection||"down"),variant:e,children:t.title}),m(_,{variant:e,children:t.content})]},t.value))})}export{de as AccordionTabHeader};
1
+ import{cx as I}from"@xjur-ui/util";import*as _ from"@radix-ui/react-accordion";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 g}from"react/jsx-runtime";function f({variant:r="default",className:e,children:a,...o}){let n=i(r);return g(_.Content,{className:I(n.content,e),...o,children:g("div",{className:n.contentInner,children:a})})}import{cx as V}from"@xjur-ui/util";import*as h from"@radix-ui/react-accordion";import{jsx as R}from"react/jsx-runtime";function v({variant:r="default",className:e,...a}){let o=i(r);return R(h.Item,{className:V(o.item,e),...a})}import{cx as b}from"@xjur-ui/util";import*as u from"@radix-ui/react-accordion";import{jsx as y}from"react/jsx-runtime";function w({variant:r="default",className:e,type:a="single",...o}){let n=i(r);if(a==="multiple"){let{value:t,defaultValue:p,onValueChange:C,...N}=o;return y(u.Root,{className:b(n.root,e),defaultValue:p,type:"multiple",value:t,...N,onValueChange:C})}let{value:l,defaultValue:s,onValueChange:d,...c}=o;return y(u.Root,{className:b(n.root,e),defaultValue:s,type:"single",value:l,...c,onValueChange:d})}import{cx as z}from"@xjur-ui/util";import*as k from"@radix-ui/react-accordion";import{cx as T}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";function A({className:r,filled:e=!1,name:a,...o}){return S("span",{...o,className:T("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{jsx as x,jsxs as H}from"react/jsx-runtime";function P({variant:r="default",showIcon:e=!0,iconPosition:a="right",iconName:o="keyboard_arrow_down",className:n,children:l,...s}){let d=i(r),c=e?x(A,{className:"h-4 w-4 shrink-0 transition-transform duration-200",name:o}):null;return H(k.Trigger,{className:z(d.trigger,n),...s,children:[a==="left"&&c,x("span",{className:"flex-1 text-left",children:l}),a==="right"&&c]})}import{jsx as m,jsxs as q}from"react/jsx-runtime";function de({items:r,variant:e="tabheader",type:a="single",defaultValue:o,value:n,onValueChange:l,...s}){let d=(t,p)=>{switch(t){case"chevron":return p==="right"?"chevron_right":"keyboard_arrow_down";case"triangle":return p==="right"?"chevron_right":"keyboard_arrow_down";case"plus":return p==="right"?"add":"remove";default:return"keyboard_arrow_down"}},c=t=>{switch(t){case"gray":return"text-neutral-medium";case"orange":return"text-orange-500";default:return"text-neutral-dark"}};return m(w,{defaultValue:o,type:a,value:n,variant:e,...s,onValueChange:l,children:r.map(t=>q(v,{value:t.value,variant:e,children:[m(P,{className:c(t.iconColor||"gray"),iconName:d(t.iconVariant||"chevron",t.iconDirection||"down"),variant:e,children:t.title}),m(f,{variant:e,children:t.content})]},t.value))})}export{de as AccordionTabHeader};
@@ -1 +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 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};
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:o,...t}){return f("span",{...t,className:m("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:o})}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:o="right",iconName:t="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:t}):null;return g(s.Trigger,{className:u(p.trigger,c),..._,children:[o==="left"&&a,l("span",{className:"flex-1 text-left",children:d}),o==="right"&&a]})}export{T as AccordionTrigger};
@@ -1 +1 @@
1
- import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:n,...r}){return s("span",{...r,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:n})}import{jsx as t,jsxs as _}from"react/jsx-runtime";function y({className:e,...o}){return _("span",{"aria-hidden":"true",className:l("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...o,children:[t(a,{className:"size-4",name:"more_horiz"}),t("span",{className:"sr-only",children:"More"})]})}export{y as BreadcrumbEllipsis};
1
+ import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:n,...r}){return s("span",{...r,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:n})}import{jsx as t,jsxs as _}from"react/jsx-runtime";function w({className:e,...o}){return _("span",{"aria-hidden":"true",className:l("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...o,children:[t(a,{className:"size-4",name:"more_horiz"}),t("span",{className:"sr-only",children:"More"})]})}export{w as BreadcrumbEllipsis};
@@ -1 +1 @@
1
- import{cx as s}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as l}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return l("span",{...t,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{jsx as n}from"react/jsx-runtime";function b({children:e,className:o,...r}){return n("li",{"aria-hidden":"true",className:s("[&>span]:text-size-title-lg",o),"data-slot":"breadcrumb-separator",role:"presentation",...r,children:e??n(a,{name:"chevron_right"})})}export{b as BreadcrumbSeparator};
1
+ import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return _("span",{...t,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{jsx as n}from"react/jsx-runtime";function b({children:e,className:o,...r}){return n("li",{"aria-hidden":"true",className:l("[&>span]:text-size-title-lg",o),"data-slot":"breadcrumb-separator",role:"presentation",...r,children:e??n(a,{name:"chevron_right"})})}export{b as BreadcrumbSeparator};
@@ -1 +1 @@
1
- import{jsx as z}from"react/jsx-runtime";function T({...t}){return z("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...t})}import{cx as P}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function w({className:t,...e}){return C("ol",{className:P("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",t),"data-slot":"breadcrumb-list",...e})}import{cx as k}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function B({className:t,...e}){return R("li",{className:k("inline-flex items-center gap-1.5",t),"data-slot":"breadcrumb-item",...e})}import{Slot as W}from"@radix-ui/react-slot";import{cx as A}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as h,useState as S}from"react";import*as 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};
1
+ import{jsx as z}from"react/jsx-runtime";function T({...t}){return z("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...t})}import{cx as P}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function w({className:t,...e}){return C("ol",{className:P("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",t),"data-slot":"breadcrumb-list",...e})}import{cx as k}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function B({className:t,...e}){return R("li",{className:k("inline-flex items-center gap-1.5",t),"data-slot":"breadcrumb-item",...e})}import{Slot as W}from"@radix-ui/react-slot";import{cx as A}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as h,useState as S}from"react";import*as 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 _ from"@radix-ui/react-tooltip";import{jsx as N}from"react/jsx-runtime";function u({...t}){return N(_.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as L}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";function b({className:t,sideOffset:e=1,variant:o="simple",children:a,...i}){return y(l.Portal,{children:y(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};
@@ -1,5 +1,5 @@
1
1
  import { type ComponentProps } from 'react';
2
2
  import { Button } from '../controls/button';
3
- export declare function CarouselAction({ direction, className, variant, ...props }: ComponentProps<typeof Button> & {
3
+ export declare function CarouselAction({ direction, className }: ComponentProps<typeof Button> & {
4
4
  direction: 'right' | 'left';
5
5
  }): import("react/jsx-runtime").JSX.Element | null;
@@ -1 +1 @@
1
- import{twMerge as E}from"@xjur-ui/util";import{useState as c,useCallback as v,useEffect as V,useContext as A}from"react";import{cx as k}from"@xjur-ui/util";import{jsx as z}from"react/jsx-runtime";function u({className:r,filled:l=!1,name:s,...n}){return z("span",{...n,className:k("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${l?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...n.style},children:s})}import{Slot as R}from"@radix-ui/react-slot";import{cva as P,cx as L}from"@xjur-ui/util";import{jsx as I}from"react/jsx-runtime";var S=P(["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:r,className:l,variant:s="primary",size:n="md",appearance:i="solid",...t}){return I(r?R:"button",{className:L(S({variant:s,appearance:i,size:n}),l),...t})}import{twMerge as G}from"@xjur-ui/util";import{createContext as T,useRef as K}from"react";import{jsx as U}from"react/jsx-runtime";var _=T({scrollAmount:500,scrollRef:{current:null}});import{jsx as p}from"react/jsx-runtime";function oe({direction:r,className:l,variant:s="tertiary",...n}){let{scrollAmount:i,scrollRef:t}=A(_),[d,b]=c(!1),[g,y]=c(!1),[h,m]=c(!1),o=v(()=>{let e=t.current;if(!e)return;let{scrollLeft:a,scrollWidth:w,clientWidth:C}=e;b(a>0),y(a<w-C)},[t]),x=v(()=>{let e=t.current;e&&(m(!0),e.scrollTo({left:r==="left"?e.scrollLeft-i:e.scrollLeft+i,behavior:"smooth"}),setTimeout(()=>m(!1),300))},[r,i,t]);return V(()=>{let e=t.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,t]),r==="right"&&!g||r==="left"&&!d?null:p("div",{className:E("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",r==="right"&&"right-[-10px]",r==="left"&&"left-[-10px]",l),children:p(f,{"aria-label":"Scroll right",disabled:h,size:"icon_md",variant:s,onClick:x,...n,children:p(u,{name:`chevron_${r}`})})})}export{oe as CarouselAction};
1
+ import{twMerge as u}from"@xjur-ui/util";import{useState as s,useCallback as m,useEffect as R,useContext as P}from"react";import{cx as w}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function p({className:t,filled:l=!1,name:n,...r}){return C("span",{...r,className:w("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${l?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:n})}import{Slot as O}from"@radix-ui/react-slot";import{cva as k,cx as N}from"@xjur-ui/util";import{jsx as D}from"react/jsx-runtime";var M=k(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});import{twMerge as H}from"@xjur-ui/util";import{createContext as z,useRef as F}from"react";import{jsx as J}from"react/jsx-runtime";var d=z({scrollAmount:500,scrollRef:{current:null}});import{jsx as i}from"react/jsx-runtime";function re({direction:t,className:l}){let{scrollAmount:n,scrollRef:r}=P(d),[f,_]=s(!1),[v,b]=s(!1),[y,c]=s(!1),o=m(()=>{let e=r.current;if(!e)return;let{scrollLeft:a,scrollWidth:h,clientWidth:x}=e;_(a>0),b(a<h-x)},[r]),g=m(()=>{let e=r.current;e&&(c(!0),e.scrollTo({left:t==="left"?e.scrollLeft-n:e.scrollLeft+n,behavior:"smooth"}),setTimeout(()=>c(!1),300))},[t,n,r]);return R(()=>{let e=r.current;if(!e)return;o(),e.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o);let a=null;return typeof ResizeObserver<"u"&&(a=new ResizeObserver(o),a.observe(e)),()=>{e.removeEventListener("scroll",o),window.removeEventListener("resize",o),a&&a.disconnect()}},[o,r]),t==="right"&&!v||t==="left"&&!f?null:i("div",{className:u("absolute top-1/2 z-1000 flex h-full -translate-y-1/2 items-center justify-end","animate-in fade-in invisible transition-all duration-300 group-hover/carousel-root:visible",`${t}-0`),children:i("button",{className:u("size-large-2x rounded-circle bg-primary-idle/50 flex cursor-pointer items-center justify-center text-white",l),disabled:y,type:"button",onClick:g,children:i(p,{name:`chevron_${t}`})})})}export{re as CarouselAction};
@@ -1 +1 @@
1
- import{twMerge as P}from"@xjur-ui/util";import{createContext as R,useRef as z}from"react";import{jsx as f}from"react/jsx-runtime";var c=R({scrollAmount:500,scrollRef:{current:null}});function L({className:e,scrollAmount:o=500,...t}){let a=z(null);return f(c.Provider,{value:{scrollAmount:o,scrollRef:a},children:f("div",{className:P("group/carousel-root relative isolate",e),...t})})}import{twMerge as I}from"@xjur-ui/util";import{useContext as S}from"react";import{jsx as A}from"react/jsx-runtime";function T({className:e,...o}){let{scrollRef:t}=S(c);return A("div",{className:I("gap-small relative z-[5] flex items-center","scrollbar-hide overflow-x-auto overflow-y-visible","py-small min-w-0",e),ref:t,...o})}import{twMerge as q}from"@xjur-ui/util";import{useState as p,useCallback as b,useEffect as H,useContext as W}from"react";import{cx as E}from"@xjur-ui/util";import{jsx as V}from"react/jsx-runtime";function v({className:e,filled:o=!1,name:t,...a}){return V("span",{...a,className:E("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:t})}import{Slot as B}from"@radix-ui/react-slot";import{cva as M,cx as N}from"@xjur-ui/util";import{jsx as D}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:o,variant:t="primary",size:a="md",appearance:i="solid",...n}){return D(e?B:"button",{className:N(O({variant:t,appearance:i,size:a}),o),...n})}import{jsx as d}from"react/jsx-runtime";function $({direction:e,className:o,variant:t="tertiary",...a}){let{scrollAmount:i,scrollRef:n}=W(c),[m,y]=p(!1),[g,h]=p(!1),[x,u]=p(!1),l=b(()=>{let r=n.current;if(!r)return;let{scrollLeft:s,scrollWidth:C,clientWidth:k}=r;y(s>0),h(s<C-k)},[n]),w=b(()=>{let r=n.current;r&&(u(!0),r.scrollTo({left:e==="left"?r.scrollLeft-i:r.scrollLeft+i,behavior:"smooth"}),setTimeout(()=>u(!1),300))},[e,i,n]);return H(()=>{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"&&!m?null:d("div",{className:q("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==="right"&&"right-[-10px]",e==="left"&&"left-[-10px]",o),children:d(_,{"aria-label":"Scroll right",disabled:x,size:"icon_md",variant:t,onClick:w,...a,children:d(v,{name:`chevron_${e}`})})})}import{twMerge as F}from"@xjur-ui/util";import"react";import{jsx as j}from"react/jsx-runtime";function G({className:e,...o}){return j("div",{className:F("relative flex-none whitespace-nowrap",e),...o})}export{$ as CarouselAction,T as CarouselContent,G as CarouselItem,L as CarouselRoot};
1
+ 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};
@@ -1 +1 @@
1
- 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};
1
+ 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:e,filled:t=!1,name:a,...o}){return T("span",{...o,className:x("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{Slot as k}from"@radix-ui/react-slot";import{cva as C}from"@xjur-ui/util";import{memo as g,useState as I}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function z({delayDuration:e=0,...t}){return f(s.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function b({...e}){return f(z,{children:f(s.Root,{"data-slot":"tooltip",...e})})}import*as u from"@radix-ui/react-tooltip";import{jsx as P}from"react/jsx-runtime";function h({...e}){return P(u.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as 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:e,sideOffset:t=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)",e),"data-slot":"tooltip-content","data-variant":a,sideOffset:t,...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:e,size:t,weight:a,asChild:o,className:r,...i})=>d(o?k:"span",{className:N({variant:e,size:t,weight:a,className:r}),...i}));p.displayName="Typography";var R=g(({children:e,...t})=>{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"},...t,children:e})}),a&&d(y,{children:e})]})});R.displayName="TruncatedTypography";import{jsx as l,jsxs as L}from"react/jsx-runtime";function le({label:e,name:t,className:a,disabled:o=!1,...r}){let i=`field-checkbox-${t}`;return L("div",{className:"group gap-small flex items-center",children:[l(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:t,children:l(m.Indicator,{className:"flex items-center justify-center",children:l(_,{className:"text-neutral-label",name:"check"})})}),!!e&&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:e})})]})}export{le as Checkbox};
@@ -1 +1 @@
1
- import*as _ from"@radix-ui/react-popover";import{createContext as N,useContext as M}from"react";var x=N({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=M(x);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as V}from"@xjur-ui/util";var l=V({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as v}from"react/jsx-runtime";var{wrapper:L}=l();function O({className:t,state:o="normal",defaultOpen:e,variant:r="normal",modal:i,open:a,onOpenChange:s,...I}){return v(_.Root,{defaultOpen:e,modal:i,open:a,onOpenChange:s,children:v(x.Provider,{value:{state:o,variant:r},children:v("div",{className:L({className:t,state:o}),...I})})})}import{tv as S,twMerge as E}from"@xjur-ui/util";import*as C from"@radix-ui/react-popover";import{jsx as W}from"react/jsx-runtime";var{trigger:q}=l();function B({className:t,...o}){let{state:e,variant:r}=n(),i=S({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=E(q({state:e,className:t}),r==="filter"&&i({state:e,className:t}));return W(C.Trigger,{className:a,disabled:e==="disabled",...o})}import{tv as $}from"@xjur-ui/util";import{jsx as w}from"react/jsx-runtime";function d({className:t,htmlFor:o,children:e,...r}){let{state:i}=n(),a=$({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return w("label",{className:a({className:t,state:i}),htmlFor:o,...r,children:w("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as G}from"react/jsx-runtime";function A(t){return G(d,{...t})}import{cx as H}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function T({className:t,filled:o=!1,name:e,...r}){return J("span",{...r,className:H("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:e})}import{jsx as k}from"react/jsx-runtime";var{icon:K}=l();function Q({className:t,name:o,orientation:e="left",...r}){let{state:i}=n();return k("div",{className:K({className:t,state:i}),"data-slot":`control-${e}-slot`,...r,children:k(T,{name:o})})}import{jsx as Y}from"react/jsx-runtime";var{slotText:U}=l();function X({className:t,...o}){let{state:e}=n();return Y("span",{className:U({className:t,state:e}),...o})}import{twJoin as lt}from"@xjur-ui/util";import{useMemo as st}from"react";import{Slot as et}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as F,useState as rt}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function Z({delayDuration:t=0,...o}){return b(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function h({...t}){return b(Z,{children:b(m.Root,{"data-slot":"tooltip",...t})})}import*as z from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function y({...t}){return j(z.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as c from"@radix-ui/react-tooltip";import{cx as tt}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function P({className:t,sideOffset:o=1,variant:e="simple",children:r,...i}){return R(c.Portal,{children:R(c.Content,{className:tt("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...i,children:r})})}import{jsx as f,jsxs as nt}from"react/jsx-runtime";var at=ot("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=F(({variant:t,size:o,weight:e,asChild:r,className:i,...a})=>f(r?et:"span",{className:at({variant:t,size:o,weight:e,className:i}),...a}));p.displayName="Typography";var it=F(({children:t,...o})=>{let[e,r]=rt(!1);return nt(h,{children:[f(y,{asChild:!0,children:f(p,{onMouseEnter:({currentTarget:a})=>{let s=a.scrollWidth>a.clientWidth;r(s),s?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&f(P,{children:t})]})});it.displayName="TruncatedTypography";import{jsx as u,jsxs as dt}from"react/jsx-runtime";function pt({className:t,displayValue:o="",placeholder:e,value:r,...i}){let{variant:a}=n(),s=st(()=>a==="filter"?o:o||e,[o,e,a]);return dt("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&u(d,{children:e}),e&&a==="filter"&&u(p,{className:"invisible col-start-1 row-start-1 self-center",children:e}),u(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:s}),u("input",{...i,"aria-readonly":!0,className:lt("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:r??""})]})}import*as g from"@radix-ui/react-popover";import{jsx as D}from"react/jsx-runtime";var{content:mt}=l();function ct({className:t,sideOffset:o=5,side:e="bottom",align:r="start",...i}){let{state:a}=n();return D(g.Portal,{children:D(g.Content,{align:r,className:mt({className:t,state:a}),side:e,sideOffset:o,...i})})}import{jsx as gt}from"react/jsx-runtime";var{caption:ft}=l();function ut({className:t,...o}){let{state:e}=n();return gt("p",{className:ft({className:t,state:e}),...o})}export{ut as DatePickerCaption,ct as DatePickerContent,Q as DatePickerIcon,A as DatePickerLabel,O as DatePickerRoot,X as DatePickerSlot,B as DatePickerTrigger,pt as DatePickerValue};
1
+ import*as P from"@radix-ui/react-popover";import{createContext as N,useContext as M}from"react";var x=N({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let t=M(x);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as V}from"@xjur-ui/util";var l=V({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as v}from"react/jsx-runtime";var{wrapper:L}=l();function O({className:t,state:o="normal",defaultOpen:e,variant:r="normal",modal:i,open:a,onOpenChange:s,...I}){return v(P.Root,{defaultOpen:e,modal:i,open:a,onOpenChange:s,children:v(x.Provider,{value:{state:o,variant:r},children:v("div",{className:L({className:t,state:o}),...I})})})}import{tv as S,twMerge as E}from"@xjur-ui/util";import*as w from"@radix-ui/react-popover";import{jsx as W}from"react/jsx-runtime";var{trigger:q}=l();function B({className:t,...o}){let{state:e,variant:r}=n(),i=S({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=E(q({state:e,className:t}),r==="filter"&&i({state:e,className:t}));return W(w.Trigger,{className:a,disabled:e==="disabled",...o})}import{tv as $}from"@xjur-ui/util";import{jsx as C}from"react/jsx-runtime";function d({className:t,htmlFor:o,children:e,...r}){let{state:i}=n(),a=$({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return C("label",{className:a({className:t,state:i}),htmlFor:o,...r,children:C("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as G}from"react/jsx-runtime";function A(t){return G(d,{...t})}import{cx as H}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function T({className:t,filled:o=!1,name:e,...r}){return J("span",{...r,className:H("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:e})}import{jsx as k}from"react/jsx-runtime";var{icon:K}=l();function Q({className:t,name:o,orientation:e="left",...r}){let{state:i}=n();return k("div",{className:K({className:t,state:i}),"data-slot":`control-${e}-slot`,...r,children:k(T,{name:o})})}import{jsx as Y}from"react/jsx-runtime";var{slotText:U}=l();function X({className:t,...o}){let{state:e}=n();return Y("span",{className:U({className:t,state:e}),...o})}import{twJoin as lt}from"@xjur-ui/util";import{useMemo as st}from"react";import{Slot as et}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as F,useState as rt}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function Z({delayDuration:t=0,...o}){return b(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function h({...t}){return b(Z,{children:b(m.Root,{"data-slot":"tooltip",...t})})}import*as z from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function y({...t}){return j(z.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as c from"@radix-ui/react-tooltip";import{cx as tt}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function _({className:t,sideOffset:o=1,variant:e="simple",children:r,...i}){return R(c.Portal,{children:R(c.Content,{className:tt("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...i,children:r})})}import{jsx as f,jsxs as nt}from"react/jsx-runtime";var at=ot("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=F(({variant:t,size:o,weight:e,asChild:r,className:i,...a})=>f(r?et:"span",{className:at({variant:t,size:o,weight:e,className:i}),...a}));p.displayName="Typography";var it=F(({children:t,...o})=>{let[e,r]=rt(!1);return nt(h,{children:[f(y,{asChild:!0,children:f(p,{onMouseEnter:({currentTarget:a})=>{let s=a.scrollWidth>a.clientWidth;r(s),s?a.style.cursor="pointer":a.style.cursor="text"},...o,children:t})}),e&&f(_,{children:t})]})});it.displayName="TruncatedTypography";import{jsx as u,jsxs as dt}from"react/jsx-runtime";function pt({className:t,displayValue:o="",placeholder:e,value:r,...i}){let{variant:a}=n(),s=st(()=>a==="filter"?o:o||e,[o,e,a]);return dt("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&u(d,{children:e}),e&&a==="filter"&&u(p,{className:"invisible col-start-1 row-start-1 self-center",children:e}),u(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:s}),u("input",{...i,"aria-readonly":!0,className:lt("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:r??""})]})}import*as g from"@radix-ui/react-popover";import{jsx as D}from"react/jsx-runtime";var{content:mt}=l();function ct({className:t,sideOffset:o=5,side:e="bottom",align:r="start",...i}){let{state:a}=n();return D(g.Portal,{children:D(g.Content,{align:r,className:mt({className:t,state:a}),side:e,sideOffset:o,...i})})}import{jsx as gt}from"react/jsx-runtime";var{caption:ft}=l();function ut({className:t,...o}){let{state:e}=n();return gt("p",{className:ft({className:t,state:e}),...o})}export{ut as DatePickerCaption,ct as DatePickerContent,Q as DatePickerIcon,A as DatePickerLabel,O as DatePickerRoot,X as DatePickerSlot,B as DatePickerTrigger,pt as DatePickerValue};
@@ -1 +1 @@
1
- import{cx as d}from"@xjur-ui/util";import{jsx as c}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return c("span",{...t,className:d("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{createContext as p,useContext as _}from"react";var m=p({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=_(m);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as u}from"@xjur-ui/util";var i=u({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as l}from"react/jsx-runtime";var{icon:f}=i();function P({className:e,name:o,orientation:r="left",...t}){let{state:s}=n();return l("div",{className:f({className:e,state:s}),"data-slot":`control-${r}-slot`,...t,children:l(a,{name:o})})}export{P as InputIcon};
1
+ import{cx as d}from"@xjur-ui/util";import{jsx as p}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return p("span",{...t,className:d("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{createContext as c,useContext as _}from"react";var m=c({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=_(m);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as u}from"@xjur-ui/util";var i=u({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as l}from"react/jsx-runtime";var{icon:f}=i();function P({className:e,name:o,orientation:r="left",...t}){let{state:s}=n();return l("div",{className:f({className:e,state:s}),"data-slot":`control-${r}-slot`,...t,children:l(a,{name:o})})}export{P as InputIcon};
@@ -1 +1 @@
1
- import{cx as p}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return m("span",{...a,className:p("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import"react";import*as i from"@radix-ui/react-separator";import{cx as u}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function l({className:e,orientation:t="horizontal",decorative:o=!0,...a}){return _(i.Root,{className:u("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:o,orientation:t,...a})}import{createContext as f,useContext as b}from"react";var h=f({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let e=b(h);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as y}from"@xjur-ui/util";var d=y({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as g}from"react/jsx-runtime";var{action:x}=d();function c({className:e,...t}){let{state:o}=s();return g("div",{className:x({className:e,state:o}),"data-slot":"input-action-slot",...t})}import{jsx as r,jsxs as v}from"react/jsx-runtime";function $({handleIncrement:e,handleDecrement:t}){return v(c,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),r(l,{}),r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}export{$ as InputNumericStepper};
1
+ import{cx as p}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return m("span",{...a,className:p("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import"react";import*as i from"@radix-ui/react-separator";import{cx as u}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function l({className:e,orientation:t="horizontal",decorative:o=!0,...a}){return _(i.Root,{className:u("bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),"data-slot":"separator",decorative:o,orientation:t,...a})}import{createContext as f,useContext as b}from"react";var h=f({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let e=b(h);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as y}from"@xjur-ui/util";var d=y({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center group-data-[state=open]:rotate-180 transition-transform duration-200",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as g}from"react/jsx-runtime";var{action:x}=d();function c({className:e,...t}){let{state:o}=s();return g("div",{className:x({className:e,state:o}),"data-slot":"input-action-slot",...t})}import{jsx as r,jsxs as w}from"react/jsx-runtime";function $({handleIncrement:e,handleDecrement:t}){return w(c,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),r(l,{}),r("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:r(n,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}export{$ as InputNumericStepper};
@@ -1 +1 @@
1
- import{cx as x}from"@xjur-ui/util";import{useCallback as H,useMemo as O,useState as Ie}from"react";import{EditorContent as Se,EditorContext as Be,useCurrentEditor as $,useEditorState as J,useEditor as He}from"@tiptap/react";import{StarterKit as Oe}from"@tiptap/starter-kit";import{Heading as Ae}from"@tiptap/extension-heading";import{Placeholder as $e}from"@tiptap/extension-placeholder";import{useState as Q,useEffect as X}from"react";function C(){let[e,t]=Q("unknown");return X(()=>{if(typeof window>"u")return;let o=window.navigator.userAgent;/iPad|iPhone|iPod/.test(o)?t("ios"):/Mac/.test(o)?t("macos"):/Win/.test(o)?t("windows"):/Android/.test(o)?t("android"):/Linux/.test(o)?t("linux"):t("unknown")},[]),{os:e,shortcut:["macos","ios"].includes(e)?"\u2318":"Ctrl"}}import{cx as j}from"@xjur-ui/util";import{jsx as ee}from"react/jsx-runtime";function T({className:e,filled:t=!1,name:o,...r}){return ee("span",{...r,className:j("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{Slot as te}from"@radix-ui/react-slot";import{cva as oe,cx as re}from"@xjur-ui/util";import{jsx as ie}from"react/jsx-runtime";var ae=oe(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function P({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return ie(e?te:"button",{className:re(ae({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as q from"@radix-ui/react-dropdown-menu";import{jsx as ne}from"react/jsx-runtime";function z({...e}){return ne(q.Root,{"data-slot":"dropdown-menu",...e})}import*as W from"@radix-ui/react-dropdown-menu";import{jsx as le}from"react/jsx-runtime";function M({...e}){return le(W.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as w from"@radix-ui/react-dropdown-menu";import{cx as ke}from"@xjur-ui/util";import{Slot as pe}from"@radix-ui/react-slot";import{cx as de}from"@xjur-ui/util";import{useVirtualizer as me}from"@tanstack/react-virtual";import{useRef as ce}from"react";import{createContext as se}from"react";var v=se({virtualizer:null,enabled:!1});import{jsx as G}from"react/jsx-runtime";function D({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:l=5,...d}){let p=t?pe:"div",m=ce(null),s=me({count:i,getScrollElement:()=>m.current,estimateSize:a,overscan:l,enabled:r});return G(v.Provider,{value:{virtualizer:s,enabled:r},children:G(p,{...d,className:de(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:m,children:o})})}import{Slot as yt}from"@radix-ui/react-slot";import{cx as bt}from"@xjur-ui/util";import{jsx as _t}from"react/jsx-runtime";import{cx as qt}from"@xjur-ui/util";import{Slot as ve}from"@radix-ui/react-slot";import{cva as xe}from"@xjur-ui/util";import{memo as F,useState as ye}from"react";import*as y from"@radix-ui/react-tooltip";import{jsx as L}from"react/jsx-runtime";function ue({delayDuration:e=0,...t}){return L(y.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function u({...e}){return L(ue,{children:L(y.Root,{"data-slot":"tooltip",...e})})}import*as U from"@radix-ui/react-tooltip";import{jsx as fe}from"react/jsx-runtime";function f({...e}){return fe(U.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as h from"@radix-ui/react-tooltip";import{cx as ge}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";function g({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return Y(h.Portal,{children:Y(h.Content,{className:ge("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...i,children:r})})}import{jsx as b,jsxs as we}from"react/jsx-runtime";var he=xe("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=F(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>b(r?ve:"span",{className:he({variant:e,size:t,weight:o,className:i}),...a}));c.displayName="Typography";var be=F(({children:e,...t})=>{let[o,r]=ye(!1);return we(u,{children:[b(f,{asChild:!0,children:b(c,{onMouseEnter:({currentTarget:a})=>{let l=a.scrollWidth>a.clientWidth;r(l),l?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),o&&b(g,{children:e})]})});be.displayName="TruncatedTypography";import{jsx as Ut}from"react/jsx-runtime";import{Slot as _e}from"@radix-ui/react-slot";import{cx as K}from"@xjur-ui/util";import{useContext as Ce}from"react";import{jsx as R}from"react/jsx-runtime";function k({className:e,asChild:t,children:o,renderItem:r,...i}){let a=t?_e:"ul",{virtualizer:l,enabled:d}=Ce(v);if(d&&l&&r){let p=l.getVirtualItems();return R(a,{...i,className:K("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:p.map(m=>R("div",{className:"absolute top-0 left-0 w-full","data-index":m.index,ref:l.measureElement,style:{transform:`translateY(${m.start}px)`},children:r(m.index)},m.key))})}return R(a,{...i,className:K("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as Te}from"@radix-ui/react-slot";import{cx as Pe,cva as ze}from"@xjur-ui/util";import{jsx as De}from"react/jsx-runtime";var Me=ze(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function N({className:e,size:t,isActive:o,asChild:r,...i}){return De(r?Te:"li",{...i,className:Pe(Me({size:t,isActive:o}),e)})}import{jsx as E}from"react/jsx-runtime";function V({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:i,...a}){return E(w.Portal,{children:E(w.Content,{align:o,className:ke("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:r,sideOffset:t,...a,children:E(D,{children:i})})})}import{jsx as Ne}from"react/jsx-runtime";function I({...e}){return Ne(k,{...e})}import{jsx as bo}from"react/jsx-runtime";import{cx as Ve}from"@xjur-ui/util";import"react";import*as Ee from"@radix-ui/react-separator";import{cx as To}from"@xjur-ui/util";import{jsx as zo}from"react/jsx-runtime";import{jsx as Z}from"react/jsx-runtime";function S({className:e,...t}){return Z(N,{className:Ve(e,"cursor-pointer"),...t})}function B({...e}){return Z(c,{...e})}import{jsx as n,jsxs as A}from"react/jsx-runtime";var _={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function rr({className:e,editorOptions:t,...o}){let r=He({...t,extensions:[Oe.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),$e.configure({placeholder:({node:a,editor:l})=>a.type.name==="paragraph"&&l.isEmpty?"Digite aqui\u2026":"",showOnlyWhenEditable:!0,includeChildren:!1,emptyNodeClass:"before:content-[attr(data-placeholder)] before:absolute before:top-0 before:left-0 before:text-neutral-placeholder first:before:float-left first:before:content-[attr(data-placeholder)] first:before:pointer-events-none"}),Ae.configure({levels:[1,2,3]}).extend({renderHTML({node:a,HTMLAttributes:l}){let d=a.attrs.level??1;return["h",{...l,class:_[d]},0]}}),...t?.extensions??[]]}),i=O(()=>({editor:r}),[r]);return n(Be.Provider,{value:i,children:n("div",{className:x("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...o})})}function ar({className:e,...t}){return n("div",{className:x("bg-layer-2-hover py-small_1x-alt px-small rounded-small-1x min-h-[116px] w-full border border-transparent","hover:border-border-layer-2 transition-colors duration-200","[&_ul_ul]:list-[circle]","[&_ul_ul_ul]:list-[square]","[&_ol_ol]:list-[lower-alpha]","[&_ol_ol_ol]:list-[lower-roman]","gap-small flex flex-col overflow-x-hidden overflow-y-auto",e),"data-slot":"text-area-content",...t})}function ir({className:e,...t}){return n("p",{...t,className:x("text-size-body-sm text-neutral-dark font-normal",e),"data-slot":"text-area-caption"})}function nr({className:e,...t}){let{editor:o}=$();return n(Se,{className:x("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",e),editor:o,...t})}function lr({className:e,...t}){return n("div",{className:x("h-large-4x gap-small-1x h-large-6px scrollbar-hide flex flex-nowrap items-center overflow-x-auto overflow-y-hidden",e),"data-slot":"text-area-toolbar",...t})}function qe({appearance:e="ghost",variant:t="secondary",onMouseDown:o,onPointerDown:r,...i}){return n(P,{appearance:e,size:"icon_md",tabIndex:-1,type:"button",variant:t,onMouseDown:a=>{a.preventDefault(),o?.(a)},onPointerDown:a=>{a.preventDefault(),r?.(a)},...i})}function sr({name:e,...t}){let{editor:o}=$(),{shortcut:r}=C(),i=J({editor:o,selector:p=>p.editor?.isActive(e)??!1}),a=O(()=>new Map([["bold","format_bold"],["italic","format_italic"],["underline","format_underlined"],["strike","format_strikethrough"],["bulletList","format_list_bulleted"],["orderedList","format_list_numbered"],["undo","undo"],["redo","redo"]]).get(e),[e]),l=O(()=>new Map([["bold",`Negrito (${r} + B)`],["italic",`It\xE1lico (${r} + I)`],["underline",`Sublinhado (${r} + U)`],["strike",`Tachado (${r} + S)`],["bulletList",`Lista (${r} + Shift + 7)`],["orderedList",`Lista numerada (${r} + Shift + 8)`],["undo",`Desfazer (${r} + Z)`],["redo",`Refazer (${r} + Y)`]]).get(e),[e,r]),d=H(()=>{if(!o)throw new Error("Editor not found");new Map([["bold",()=>o.chain().focus().toggleBold().run()],["italic",()=>o.chain().focus().toggleItalic().run()],["underline",()=>o.chain().focus().toggleUnderline().run()],["strike",()=>o.chain().focus().toggleStrike().run()],["bulletList",()=>o.chain().focus().toggleBulletList().run()],["orderedList",()=>o.chain().focus().toggleOrderedList().run()],["undo",()=>o.chain().focus().undo().run()],["redo",()=>o.chain().focus().redo().run()]]).get(e)?.()},[o,e]);return A(u,{children:[n(f,{asChild:!0,children:n(qe,{onClick:d,...i&&{appearance:"solid"},...t,children:a&&n(T,{className:"text-icon-neutral-3",name:a})})}),n(g,{children:l&&n(c,{size:"sm",children:l})})]})}function pr({appearance:e="ghost",variant:t="secondary",...o}){let[r,i]=Ie(!1),{editor:a}=$(),l=J({editor:a,selector:s=>s.editor?.isActive("heading")??!1}),d=H(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),p=H(s=>{if(!a)throw new Error("Editor not found");i(!1),setTimeout(()=>{a.chain().focus().toggleHeading({level:s}).run()},0)},[a]),m=[{level:1,label:"Normal",className:_[1]},{level:2,label:"Grande",className:_[2]},{level:3,label:"Enorme",className:_[3]}];return A(z,{open:r,onOpenChange:s=>i(s),children:[n(M,{asChild:!0,children:n(P,{appearance:l?"solid":e,size:"icon_md",tabIndex:-1,type:"button",variant:t,...o,children:A(u,{children:[n(f,{asChild:!0,children:n(T,{className:"text-icon-neutral-3",name:"format_size"})}),n(g,{children:n(c,{size:"sm",children:"Tamanho"})})]})})}),n(V,{children:n(I,{children:m.map(s=>n(S,{isActive:d(s.level),onPointerDown:()=>p(s.level),children:n(B,{className:s.className,children:s.label})},s.level))})})]})}export{pr as HeadingButton,nr as RichEditorAreaText,ir as RichEditorCaption,ar as RichEditorContent,rr as RichEditorRoot,lr as RichEditorToolbar,sr as ToggleButton,qe as ToolbarButton,$ as useRichTextEditor,J as useRichTextEditorState};
1
+ import{cx as x}from"@xjur-ui/util";import{useCallback as H,useMemo as O,useState as Ie}from"react";import{EditorContent as Se,EditorContext as Be,useCurrentEditor as $,useEditorState as J,useEditor as He}from"@tiptap/react";import{StarterKit as Oe}from"@tiptap/starter-kit";import{Heading as Ae}from"@tiptap/extension-heading";import{Placeholder as $e}from"@tiptap/extension-placeholder";import{useState as Q,useEffect as X}from"react";function C(){let[e,t]=Q("unknown");return X(()=>{if(typeof window>"u")return;let o=window.navigator.userAgent;/iPad|iPhone|iPod/.test(o)?t("ios"):/Mac/.test(o)?t("macos"):/Win/.test(o)?t("windows"):/Android/.test(o)?t("android"):/Linux/.test(o)?t("linux"):t("unknown")},[]),{os:e,shortcut:["macos","ios"].includes(e)?"\u2318":"Ctrl"}}import{cx as j}from"@xjur-ui/util";import{jsx as ee}from"react/jsx-runtime";function T({className:e,filled:t=!1,name:o,...r}){return ee("span",{...r,className:j("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{Slot as te}from"@radix-ui/react-slot";import{cva as oe,cx as re}from"@xjur-ui/util";import{jsx as ie}from"react/jsx-runtime";var ae=oe(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function P({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return ie(e?te:"button",{className:re(ae({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as q from"@radix-ui/react-dropdown-menu";import{jsx as ne}from"react/jsx-runtime";function z({...e}){return ne(q.Root,{"data-slot":"dropdown-menu",...e})}import*as W from"@radix-ui/react-dropdown-menu";import{jsx as le}from"react/jsx-runtime";function M({...e}){return le(W.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as w from"@radix-ui/react-dropdown-menu";import{cx as ke}from"@xjur-ui/util";import{Slot as pe}from"@radix-ui/react-slot";import{cx as de}from"@xjur-ui/util";import{useVirtualizer as me}from"@tanstack/react-virtual";import{useRef as ce}from"react";import{createContext as se}from"react";var v=se({virtualizer:null,enabled:!1});import{jsx as G}from"react/jsx-runtime";function D({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:l=5,...d}){let p=t?pe:"div",m=ce(null),s=me({count:i,getScrollElement:()=>m.current,estimateSize:a,overscan:l,enabled:r});return G(v.Provider,{value:{virtualizer:s,enabled:r},children:G(p,{...d,className:de(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:m,children:o})})}import{Slot as yt}from"@radix-ui/react-slot";import{cx as bt}from"@xjur-ui/util";import{jsx as _t}from"react/jsx-runtime";import{cx as qt}from"@xjur-ui/util";import{Slot as ve}from"@radix-ui/react-slot";import{cva as xe}from"@xjur-ui/util";import{memo as F,useState as ye}from"react";import*as y from"@radix-ui/react-tooltip";import{jsx as L}from"react/jsx-runtime";function ue({delayDuration:e=0,...t}){return L(y.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function u({...e}){return L(ue,{children:L(y.Root,{"data-slot":"tooltip",...e})})}import*as U from"@radix-ui/react-tooltip";import{jsx as fe}from"react/jsx-runtime";function f({...e}){return fe(U.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as h from"@radix-ui/react-tooltip";import{cx as ge}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";function g({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return Y(h.Portal,{children:Y(h.Content,{className:ge("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...i,children:r})})}import{jsx as b,jsxs as we}from"react/jsx-runtime";var he=xe("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=F(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>b(r?ve:"span",{className:he({variant:e,size:t,weight:o,className:i}),...a}));c.displayName="Typography";var be=F(({children:e,...t})=>{let[o,r]=ye(!1);return we(u,{children:[b(f,{asChild:!0,children:b(c,{onMouseEnter:({currentTarget:a})=>{let l=a.scrollWidth>a.clientWidth;r(l),l?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),o&&b(g,{children:e})]})});be.displayName="TruncatedTypography";import{jsx as Ut}from"react/jsx-runtime";import{Slot as _e}from"@radix-ui/react-slot";import{cx as K}from"@xjur-ui/util";import{useContext as Ce}from"react";import{jsx as R}from"react/jsx-runtime";function k({className:e,asChild:t,children:o,renderItem:r,...i}){let a=t?_e:"ul",{virtualizer:l,enabled:d}=Ce(v);if(d&&l&&r){let p=l.getVirtualItems();return R(a,{...i,className:K("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:p.map(m=>R("div",{className:"absolute top-0 left-0 w-full","data-index":m.index,ref:l.measureElement,style:{transform:`translateY(${m.start}px)`},children:r(m.index)},m.key))})}return R(a,{...i,className:K("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as Te}from"@radix-ui/react-slot";import{cx as Pe,cva as ze}from"@xjur-ui/util";import{jsx as De}from"react/jsx-runtime";var Me=ze(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function N({className:e,size:t,isActive:o,asChild:r,...i}){return De(r?Te:"li",{...i,className:Pe(Me({size:t,isActive:o}),e)})}import{jsx as E}from"react/jsx-runtime";function V({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:i,...a}){return E(w.Portal,{children:E(w.Content,{align:o,className:ke("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:r,sideOffset:t,...a,children:E(D,{children:i})})})}import{jsx as Ne}from"react/jsx-runtime";function I({...e}){return Ne(k,{...e})}import{jsx as bo}from"react/jsx-runtime";import{cx as Ve}from"@xjur-ui/util";import"react";import*as Ee from"@radix-ui/react-separator";import{cx as To}from"@xjur-ui/util";import{jsx as zo}from"react/jsx-runtime";import{jsx as Z}from"react/jsx-runtime";function S({className:e,...t}){return Z(N,{className:Ve(e,"cursor-pointer"),...t})}function B({...e}){return Z(c,{...e})}import{jsx as n,jsxs as A}from"react/jsx-runtime";var _={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function rr({className:e,editorOptions:t,...o}){let r=He({...t,extensions:[Oe.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),$e.configure({placeholder:({node:a,editor:l})=>a.type.name==="paragraph"&&l.isEmpty?"Digite aqui\u2026":"",showOnlyWhenEditable:!0,includeChildren:!1,emptyNodeClass:"before:content-[attr(data-placeholder)] before:absolute before:top-0 before:left-0 before:text-neutral-placeholder first:before:float-left first:before:content-[attr(data-placeholder)] first:before:pointer-events-none"}),Ae.configure({levels:[1,2,3]}).extend({renderHTML({node:a,HTMLAttributes:l}){let d=a.attrs.level??1;return["h",{...l,class:_[d]},0]}}),...t?.extensions??[]]}),i=O(()=>({editor:r}),[r]);return n(Be.Provider,{value:i,children:n("div",{className:x("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...o})})}function ar({className:e,...t}){return n("div",{className:x("bg-layer-2-hover py-small_1x-alt px-small rounded-small-1x min-h-[116px] w-full border border-transparent","hover:border-border-layer-2 transition-colors duration-200","[&_ul_ul]:list-[circle]","[&_ul_ul_ul]:list-[square]","[&_ol_ol]:list-[lower-alpha]","[&_ol_ol_ol]:list-[lower-roman]","gap-small flex flex-col overflow-x-hidden overflow-y-auto",e),"data-slot":"text-area-content",...t})}function ir({className:e,...t}){return n("p",{...t,className:x("text-size-body-sm text-neutral-dark font-normal",e),"data-slot":"text-area-caption"})}function nr({className:e,...t}){let{editor:o}=$();return n(Se,{className:x("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",e),editor:o,...t})}function lr({className:e,...t}){return n("div",{className:x("h-large-4x gap-small-1x h-large-6px scrollbar-hide flex flex-nowrap items-center overflow-x-auto overflow-y-hidden",e),"data-slot":"text-area-toolbar",...t})}function qe({appearance:e="ghost",variant:t="secondary",onMouseDown:o,onPointerDown:r,...i}){return n(P,{appearance:e,size:"icon_md",tabIndex:-1,type:"button",variant:t,onMouseDown:a=>{a.preventDefault(),o?.(a)},onPointerDown:a=>{a.preventDefault(),r?.(a)},...i})}function sr({name:e,...t}){let{editor:o}=$(),{shortcut:r}=C(),i=J({editor:o,selector:p=>p.editor?.isActive(e)??!1}),a=O(()=>new Map([["bold","format_bold"],["italic","format_italic"],["underline","format_underlined"],["strike","format_strikethrough"],["bulletList","format_list_bulleted"],["orderedList","format_list_numbered"],["undo","undo"],["redo","redo"]]).get(e),[e]),l=O(()=>new Map([["bold",`Negrito (${r} + B)`],["italic",`It\xE1lico (${r} + I)`],["underline",`Sublinhado (${r} + U)`],["strike",`Tachado (${r} + S)`],["bulletList",`Lista (${r} + Shift + 7)`],["orderedList",`Lista numerada (${r} + Shift + 8)`],["undo",`Desfazer (${r} + Z)`],["redo",`Refazer (${r} + Y)`]]).get(e),[e,r]),d=H(()=>{if(!o)throw new Error("Editor not found");new Map([["bold",()=>o.chain().focus().toggleBold().run()],["italic",()=>o.chain().focus().toggleItalic().run()],["underline",()=>o.chain().focus().toggleUnderline().run()],["strike",()=>o.chain().focus().toggleStrike().run()],["bulletList",()=>o.chain().focus().toggleBulletList().run()],["orderedList",()=>o.chain().focus().toggleOrderedList().run()],["undo",()=>o.chain().focus().undo().run()],["redo",()=>o.chain().focus().redo().run()]]).get(e)?.()},[o,e]);return A(u,{children:[n(f,{asChild:!0,children:n(qe,{onClick:d,...i&&{appearance:"solid"},...t,children:a&&n(T,{className:"text-icon-neutral-3",name:a})})}),n(g,{children:l&&n(c,{size:"sm",children:l})})]})}function pr({appearance:e="ghost",variant:t="secondary",...o}){let[r,i]=Ie(!1),{editor:a}=$(),l=J({editor:a,selector:s=>s.editor?.isActive("heading")??!1}),d=H(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),p=H(s=>{if(!a)throw new Error("Editor not found");i(!1),setTimeout(()=>{a.chain().focus().toggleHeading({level:s}).run()},0)},[a]),m=[{level:1,label:"Normal",className:_[1]},{level:2,label:"Grande",className:_[2]},{level:3,label:"Enorme",className:_[3]}];return A(z,{open:r,onOpenChange:s=>i(s),children:[n(M,{asChild:!0,children:n(P,{appearance:l?"solid":e,size:"icon_md",tabIndex:-1,type:"button",variant:t,...o,children:A(u,{children:[n(f,{asChild:!0,children:n(T,{className:"text-icon-neutral-3",name:"format_size"})}),n(g,{children:n(c,{size:"sm",children:"Tamanho"})})]})})}),n(V,{children:n(I,{children:m.map(s=>n(S,{isActive:d(s.level),onPointerDown:()=>p(s.level),children:n(B,{className:s.className,children:s.label})},s.level))})})]})}export{pr as HeadingButton,nr as RichEditorAreaText,ir as RichEditorCaption,ar as RichEditorContent,rr as RichEditorRoot,lr as RichEditorToolbar,sr as ToggleButton,qe as ToolbarButton,$ as useRichTextEditor,J as useRichTextEditorState};
@@ -1 +1 @@
1
- import{useMemo as Je,useState as Ue}from"react";import"react";import*as E from"@radix-ui/react-dropdown-menu";import{jsx as ee}from"react/jsx-runtime";function C({...e}){return ee(E.Root,{"data-slot":"dropdown-menu",...e})}import*as A from"@radix-ui/react-dropdown-menu";import{jsx as te}from"react/jsx-runtime";function _({...e}){return te(A.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as b from"@radix-ui/react-dropdown-menu";import{cx as Me}from"@xjur-ui/util";import{Slot as re}from"@radix-ui/react-slot";import{cx as ae}from"@xjur-ui/util";import{useVirtualizer as ne}from"@tanstack/react-virtual";import{useRef as ie}from"react";import{createContext as oe}from"react";var f=oe({virtualizer:null,enabled:!1});import{jsx as H}from"react/jsx-runtime";function P({className:e,asChild:t,children:r,virtualized:o=!1,itemCount:n=0,estimateSize:a=()=>48,overscan:i=5,...d}){let u=t?re:"div",p=ie(null),l=ne({count:n,getScrollElement:()=>p.current,estimateSize:a,overscan:i,enabled:o});return H(f.Provider,{value:{virtualizer:l,enabled:o},children:H(u,{...d,className:ae(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:p,children:r})})}import{Slot as mt}from"@radix-ui/react-slot";import{cx as ct}from"@xjur-ui/util";import{jsx as ft}from"react/jsx-runtime";import{cx as Lt}from"@xjur-ui/util";import{Slot as me}from"@radix-ui/react-slot";import{cva as de}from"@xjur-ui/util";import{memo as F,useState as ce}from"react";import*as y from"@radix-ui/react-tooltip";import{jsx as w}from"react/jsx-runtime";function se({delayDuration:e=0,...t}){return w(y.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function M({...e}){return w(se,{children:w(y.Root,{"data-slot":"tooltip",...e})})}import*as B from"@radix-ui/react-tooltip";import{jsx as pe}from"react/jsx-runtime";function T({...e}){return pe(B.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as x from"@radix-ui/react-tooltip";import{cx as le}from"@xjur-ui/util";import{jsx as K}from"react/jsx-runtime";function z({className:e,sideOffset:t=1,variant:r="simple",children:o,...n}){return K(x.Portal,{children:K(x.Content,{className:le("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":r,sideOffset:t,...n,children:o})})}import{jsx as h,jsxs as ve}from"react/jsx-runtime";var ue=de("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=F(({variant:e,size:t,weight:r,asChild:o,className:n,...a})=>h(o?me:"span",{className:ue({variant:e,size:t,weight:r,className:n}),...a}));c.displayName="Typography";var fe=F(({children:e,...t})=>{let[r,o]=ce(!1);return ve(M,{children:[h(T,{asChild:!0,children:h(c,{onMouseEnter:({currentTarget:a})=>{let i=a.scrollWidth>a.clientWidth;o(i),i?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),r&&h(z,{children:e})]})});fe.displayName="TruncatedTypography";import{jsx as Et}from"react/jsx-runtime";import{Slot as ye}from"@radix-ui/react-slot";import{cx as q}from"@xjur-ui/util";import{useContext as xe}from"react";import{jsx as k}from"react/jsx-runtime";function S({className:e,asChild:t,children:r,renderItem:o,...n}){let a=t?ye:"ul",{virtualizer:i,enabled:d}=xe(f);if(d&&i&&o){let u=i.getVirtualItems();return k(a,{...n,className:q("p-small relative flex flex-col",e),style:{height:`${i.getTotalSize()}px`},children:u.map(p=>k("div",{className:"absolute top-0 left-0 w-full","data-index":p.index,ref:i.measureElement,style:{transform:`translateY(${p.start}px)`},children:o(p.index)},p.key))})}return k(a,{...n,className:q("gap-small-1x p-small flex flex-col",e),children:r})}import{Slot as he}from"@radix-ui/react-slot";import{cx as be,cva as ge}from"@xjur-ui/util";import{jsx as _e}from"react/jsx-runtime";var Ce=ge(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function I({className:e,size:t,isActive:r,asChild:o,...n}){return _e(o?he:"li",{...n,className:be(Ce({size:t,isActive:r}),e)})}import{jsx as D}from"react/jsx-runtime";function R({className:e,sideOffset:t=4,align:r="start",side:o="bottom",children:n,...a}){return D(b.Portal,{children:D(b.Content,{align:r,className:Me("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...a,children:D(P,{children:n})})})}import{jsx as Te}from"react/jsx-runtime";function N({...e}){return Te(S,{...e})}import{jsx as co}from"react/jsx-runtime";import{cx as ke}from"@xjur-ui/util";import"react";import*as ze from"@radix-ui/react-separator";import{cx as yo}from"@xjur-ui/util";import{jsx as ho}from"react/jsx-runtime";import{jsx as $}from"react/jsx-runtime";function L({className:e,...t}){return $(I,{className:ke(e,"cursor-pointer"),...t})}function V({...e}){return $(c,{...e})}import{cx as Se}from"@xjur-ui/util";import{jsx as Ie}from"react/jsx-runtime";function O({className:e,filled:t=!1,name:r,...o}){return Ie("span",{...o,className:Se("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:r})}import{cva as $e,cx as v}from"@xjur-ui/util";import{createContext as We}from"react";import{InputMask as Ge}from"@react-input/mask";import{NumericFormat as Zo}from"react-number-format";function W(e,t){switch(e){case"cpf":return{...t,...De};case"cnpj":return{...t,...Re};case"telefone":return{...t,...Ne};case"cep":return{...t,...Le};case"numero-processo":return{...t,...Ve};case"data":return{...t,...Oe};case"hora":return{...t,...Ee};case"data-hora":return{...t,...Ae};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var De={mask:"###.###.###-##",replacement:{"#":/\d/}},Re={mask:"##.###.###/####-##",replacement:{"#":/\d/}},Ne={mask:"(##) #####-####",replacement:{"#":/\d/}},Le={mask:"#####-###",replacement:{"#":/\d/}},Ve={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},Oe={mask:"##/##/####",replacement:{"#":/\d/}},Ee={mask:"##:##",replacement:{"#":/\d/}},Ae={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as He}from"@radix-ui/react-slot";import{cva as Be,cx as Ke}from"@xjur-ui/util";import{jsx as qe}from"react/jsx-runtime";var Fe=Be(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function G({asChild:e,className:t,variant:r="primary",size:o="md",appearance:n="solid",...a}){return qe(e?He:"button",{className:Ke(Fe({variant:r,appearance:n,size:o}),t),...a})}import{jsx as m}from"react/jsx-runtime";var J=We({variant:"outlined"});function U({className:e,variant:t="outlined",...r}){return m(J.Provider,{value:{variant:t},children:m("div",{className:v("relative flex",e),...r})})}function Y({className:e,...t}){let r=$e(["gap-small py-small_1x-alt px-small flex items-center w-full","h-large-4x rounded-circle","border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal","group-hover:border-border-layer-3 transition-colors duration-200","disabled:opacity-60","focus-within:border-primary-idle"],{variants:{variant:{outlined:"rounded-circle focus-within:border-primary-idle ",line:"rounded-none border-t-0 border-b-1 border-x-0",action:"rounded-tr-none rounded-br-none border-r-0"}}});return m(J.Consumer,{children:({variant:o})=>m("div",{className:v(e,r({variant:o})),"data-variant":o,...t})})}function Q({className:e,...t}){return m("input",{className:v(e,"flex-1 outline-none"),...t})}function X({className:e,mask:t,customMask:r,...o}){return m(Ge,{...t?{...W(t)}:r&&{...r},className:v(e,"flex-1 outline-none"),...o})}function Z(e){return m("div",{...e,"data-slot":"search-input-slot"})}function j({className:e,appearance:t="ghost",variant:r="outlined",...o}){return m(G,{...o,appearance:t,className:v(e,"cursor-pointer","h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none","text-size-body-md text-neutral-dark gap-small-1x !border-l-0"),"data-slot":"search-input-action",variant:r})}import{jsx as s,jsxs as g}from"react/jsx-runtime";function pr({options:e,mask:t,customMask:r,placeholder:o="Pesquisar",onChangeSearchOption:n,selectedSearchOption:a,...i}){let[d,u]=Ue(a),p=Je(()=>e.find(l=>l.value===d)?.label,[e,d]);return g(U,{className:"w-full",variant:"action",children:[g(Y,{children:[s(Z,{children:s(O,{className:"text-icon-neutral-3",name:"search"})}),t||r?s(X,{customMask:r,mask:t,placeholder:o,...i}):s(Q,{placeholder:o,...i})]}),g(C,{children:[s(_,{asChild:!0,children:g(j,{children:[p,s(O,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]})}),s(R,{children:s(N,{children:e.map(l=>s(L,{isActive:d===l.value,onClick:()=>{u(l.value),n?.(l.value)},children:s(V,{children:l.label})},l.value))})})]})]})}export{pr as SearchSelector};
1
+ import{useMemo as Je,useState as Ue}from"react";import"react";import*as E from"@radix-ui/react-dropdown-menu";import{jsx as ee}from"react/jsx-runtime";function _({...e}){return ee(E.Root,{"data-slot":"dropdown-menu",...e})}import*as A from"@radix-ui/react-dropdown-menu";import{jsx as te}from"react/jsx-runtime";function C({...e}){return te(A.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as b from"@radix-ui/react-dropdown-menu";import{cx as Me}from"@xjur-ui/util";import{Slot as re}from"@radix-ui/react-slot";import{cx as ae}from"@xjur-ui/util";import{useVirtualizer as ne}from"@tanstack/react-virtual";import{useRef as ie}from"react";import{createContext as oe}from"react";var f=oe({virtualizer:null,enabled:!1});import{jsx as H}from"react/jsx-runtime";function P({className:e,asChild:t,children:r,virtualized:o=!1,itemCount:n=0,estimateSize:a=()=>48,overscan:i=5,...d}){let u=t?re:"div",p=ie(null),l=ne({count:n,getScrollElement:()=>p.current,estimateSize:a,overscan:i,enabled:o});return H(f.Provider,{value:{virtualizer:l,enabled:o},children:H(u,{...d,className:ae(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:p,children:r})})}import{Slot as mt}from"@radix-ui/react-slot";import{cx as ct}from"@xjur-ui/util";import{jsx as ft}from"react/jsx-runtime";import{cx as Lt}from"@xjur-ui/util";import{Slot as me}from"@radix-ui/react-slot";import{cva as de}from"@xjur-ui/util";import{memo as F,useState as ce}from"react";import*as y from"@radix-ui/react-tooltip";import{jsx as w}from"react/jsx-runtime";function se({delayDuration:e=0,...t}){return w(y.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function M({...e}){return w(se,{children:w(y.Root,{"data-slot":"tooltip",...e})})}import*as B from"@radix-ui/react-tooltip";import{jsx as pe}from"react/jsx-runtime";function T({...e}){return pe(B.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as x from"@radix-ui/react-tooltip";import{cx as le}from"@xjur-ui/util";import{jsx as K}from"react/jsx-runtime";function z({className:e,sideOffset:t=1,variant:r="simple",children:o,...n}){return K(x.Portal,{children:K(x.Content,{className:le("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":r,sideOffset:t,...n,children:o})})}import{jsx as h,jsxs as ve}from"react/jsx-runtime";var ue=de("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=F(({variant:e,size:t,weight:r,asChild:o,className:n,...a})=>h(o?me:"span",{className:ue({variant:e,size:t,weight:r,className:n}),...a}));c.displayName="Typography";var fe=F(({children:e,...t})=>{let[r,o]=ce(!1);return ve(M,{children:[h(T,{asChild:!0,children:h(c,{onMouseEnter:({currentTarget:a})=>{let i=a.scrollWidth>a.clientWidth;o(i),i?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),r&&h(z,{children:e})]})});fe.displayName="TruncatedTypography";import{jsx as Et}from"react/jsx-runtime";import{Slot as ye}from"@radix-ui/react-slot";import{cx as q}from"@xjur-ui/util";import{useContext as xe}from"react";import{jsx as k}from"react/jsx-runtime";function S({className:e,asChild:t,children:r,renderItem:o,...n}){let a=t?ye:"ul",{virtualizer:i,enabled:d}=xe(f);if(d&&i&&o){let u=i.getVirtualItems();return k(a,{...n,className:q("p-small relative flex flex-col",e),style:{height:`${i.getTotalSize()}px`},children:u.map(p=>k("div",{className:"absolute top-0 left-0 w-full","data-index":p.index,ref:i.measureElement,style:{transform:`translateY(${p.start}px)`},children:o(p.index)},p.key))})}return k(a,{...n,className:q("gap-small-1x p-small flex flex-col",e),children:r})}import{Slot as he}from"@radix-ui/react-slot";import{cx as be,cva as ge}from"@xjur-ui/util";import{jsx as Ce}from"react/jsx-runtime";var _e=ge(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function I({className:e,size:t,isActive:r,asChild:o,...n}){return Ce(o?he:"li",{...n,className:be(_e({size:t,isActive:r}),e)})}import{jsx as D}from"react/jsx-runtime";function R({className:e,sideOffset:t=4,align:r="start",side:o="bottom",children:n,...a}){return D(b.Portal,{children:D(b.Content,{align:r,className:Me("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:o,sideOffset:t,...a,children:D(P,{children:n})})})}import{jsx as Te}from"react/jsx-runtime";function N({...e}){return Te(S,{...e})}import{jsx as co}from"react/jsx-runtime";import{cx as ke}from"@xjur-ui/util";import"react";import*as ze from"@radix-ui/react-separator";import{cx as yo}from"@xjur-ui/util";import{jsx as ho}from"react/jsx-runtime";import{jsx as $}from"react/jsx-runtime";function L({className:e,...t}){return $(I,{className:ke(e,"cursor-pointer"),...t})}function V({...e}){return $(c,{...e})}import{cx as Se}from"@xjur-ui/util";import{jsx as Ie}from"react/jsx-runtime";function O({className:e,filled:t=!1,name:r,...o}){return Ie("span",{...o,className:Se("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:r})}import{cva as $e,cx as v}from"@xjur-ui/util";import{createContext as We}from"react";import{InputMask as Ge}from"@react-input/mask";import{NumericFormat as Zo}from"react-number-format";function W(e,t){switch(e){case"cpf":return{...t,...De};case"cnpj":return{...t,...Re};case"telefone":return{...t,...Ne};case"cep":return{...t,...Le};case"numero-processo":return{...t,...Ve};case"data":return{...t,...Oe};case"hora":return{...t,...Ee};case"data-hora":return{...t,...Ae};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var De={mask:"###.###.###-##",replacement:{"#":/\d/}},Re={mask:"##.###.###/####-##",replacement:{"#":/\d/}},Ne={mask:"(##) #####-####",replacement:{"#":/\d/}},Le={mask:"#####-###",replacement:{"#":/\d/}},Ve={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},Oe={mask:"##/##/####",replacement:{"#":/\d/}},Ee={mask:"##:##",replacement:{"#":/\d/}},Ae={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as He}from"@radix-ui/react-slot";import{cva as Be,cx as Ke}from"@xjur-ui/util";import{jsx as qe}from"react/jsx-runtime";var Fe=Be(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function G({asChild:e,className:t,variant:r="primary",size:o="md",appearance:n="solid",...a}){return qe(e?He:"button",{className:Ke(Fe({variant:r,appearance:n,size:o}),t),...a})}import{jsx as m}from"react/jsx-runtime";var J=We({variant:"outlined"});function U({className:e,variant:t="outlined",...r}){return m(J.Provider,{value:{variant:t},children:m("div",{className:v("relative flex",e),...r})})}function Y({className:e,...t}){let r=$e(["gap-small py-small_1x-alt px-small flex items-center w-full","h-large-4x rounded-circle","border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal","group-hover:border-border-layer-3 transition-colors duration-200","disabled:opacity-60","focus-within:border-primary-idle"],{variants:{variant:{outlined:"rounded-circle focus-within:border-primary-idle ",line:"rounded-none border-t-0 border-b-1 border-x-0",action:"rounded-tr-none rounded-br-none border-r-0"}}});return m(J.Consumer,{children:({variant:o})=>m("div",{className:v(e,r({variant:o})),"data-variant":o,...t})})}function Q({className:e,...t}){return m("input",{className:v(e,"flex-1 outline-none"),...t})}function X({className:e,mask:t,customMask:r,...o}){return m(Ge,{...t?{...W(t)}:r&&{...r},className:v(e,"flex-1 outline-none"),...o})}function Z(e){return m("div",{...e,"data-slot":"search-input-slot"})}function j({className:e,appearance:t="ghost",variant:r="outlined",...o}){return m(G,{...o,appearance:t,className:v(e,"cursor-pointer","h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none","text-size-body-md text-neutral-dark gap-small-1x !border-l-0"),"data-slot":"search-input-action",variant:r})}import{jsx as s,jsxs as g}from"react/jsx-runtime";function pr({options:e,mask:t,customMask:r,placeholder:o="Pesquisar",onChangeSearchOption:n,selectedSearchOption:a,...i}){let[d,u]=Ue(a),p=Je(()=>e.find(l=>l.value===d)?.label,[e,d]);return g(U,{className:"w-full",variant:"action",children:[g(Y,{children:[s(Z,{children:s(O,{className:"text-icon-neutral-3",name:"search"})}),t||r?s(X,{customMask:r,mask:t,placeholder:o,...i}):s(Q,{placeholder:o,...i})]}),g(_,{children:[s(C,{asChild:!0,children:g(j,{children:[p,s(O,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]})}),s(R,{children:s(N,{children:e.map(l=>s(L,{isActive:d===l.value,onClick:()=>{u(l.value),n?.(l.value)},children:s(V,{children:l.label})},l.value))})})]})]})}export{pr as SearchSelector};
@@ -1 +1 @@
1
- import*as I from"@radix-ui/react-popover";import{createContext as K,useContext as Q}from"react";var C=K({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function l(){let t=Q(C);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as U}from"@xjur-ui/util";var s=U({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as P}from"react/jsx-runtime";var{wrapper:X}=s();function Z({className:t,state:e="normal",defaultOpen:o,variant:r="normal",modal:i,open:a,onOpenChange:n,...m}){return P(I.Root,{defaultOpen:o,modal:i,open:a,onOpenChange:n,children:P(C.Provider,{value:{state:e,variant:r},children:P("div",{className:X({className:t,state:e}),...m})})})}import{tv as j,twMerge as tt}from"@xjur-ui/util";import*as O from"@radix-ui/react-popover";import{jsx as rt}from"react/jsx-runtime";var{trigger:et}=s();function ot({className:t,...e}){let{state:o,variant:r}=l(),i=j({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=tt(et({state:o,className:t}),r==="filter"&&i({state:o,className:t}));return rt(O.Trigger,{className:a,disabled:o==="disabled",...e})}import{cx as at}from"@xjur-ui/util";import{jsx as it}from"react/jsx-runtime";function H({className:t,filled:e=!1,name:o,...r}){return it("span",{...r,className:at("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{jsx as E}from"react/jsx-runtime";var{icon:nt}=s();function lt({className:t,name:e,orientation:o="left",...r}){let{state:i}=l();return E("div",{className:nt({className:t,state:i}),"data-slot":`control-${o}-slot`,...r,children:E(H,{name:e})})}import{twJoin as yt}from"@xjur-ui/util";import{useMemo as vt}from"react";import{Slot as dt}from"@radix-ui/react-slot";import{cva as ct}from"@xjur-ui/util";import{memo as $,useState as ft}from"react";import*as x from"@radix-ui/react-tooltip";import{jsx as _}from"react/jsx-runtime";function st({delayDuration:t=0,...e}){return _(x.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function T({...t}){return _(st,{children:_(x.Root,{"data-slot":"tooltip",...t})})}import*as A from"@radix-ui/react-tooltip";import{jsx as pt}from"react/jsx-runtime";function w({...t}){return pt(A.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as g from"@radix-ui/react-tooltip";import{cx as mt}from"@xjur-ui/util";import{jsx as D}from"react/jsx-runtime";function z({className:t,sideOffset:e=1,variant:o="simple",children:r,...i}){return D(g.Portal,{children:D(g.Content,{className:mt("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:r})})}import{jsx as y,jsxs as xt}from"react/jsx-runtime";var ut=ct("",{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=$(({variant:t,size:e,weight:o,asChild:r,className:i,...a})=>y(r?dt:"span",{className:ut({variant:t,size:e,weight:o,className:i}),...a}));p.displayName="Typography";var S=$(({children:t,...e})=>{let[o,r]=ft(!1);return xt(T,{children:[y(w,{asChild:!0,children:y(p,{onMouseEnter:({currentTarget:a})=>{let n=a.scrollWidth>a.clientWidth;r(n),n?a.style.cursor="pointer":a.style.cursor="text"},...e,children:t})}),o&&y(z,{children:t})]})});S.displayName="TruncatedTypography";import{tv as gt}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";function v({className:t,htmlFor:e,children:o,...r}){let{state:i}=l(),a=gt({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 q("label",{className:a({className:t,state:i}),htmlFor:e,...r,children:q("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as b,jsxs as ht}from"react/jsx-runtime";function bt({className:t,value:e,placeholder:o,renderValue:r,...i}){let{variant:a}=l(),n=vt(()=>a==="filter"?r(e??""):r(e??"")||o,[e,o,a,r]);return ht("div",{className:"grid w-full items-center",children:[o&&a==="filter"&&b(v,{children:o}),o&&a==="filter"&&b(p,{className:"invisible col-start-1 row-start-1 self-center",children:o}),b(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:n}),b("input",{...i,"aria-readonly":!0,className:yt("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:e??""})]})}import{twMerge as B}from"@xjur-ui/util";import{Fragment as Ct,useMemo as W}from"react";import{jsx as f,jsxs as _t}from"react/jsx-runtime";function Pt({className:t,value:e,placeholder:o,renderValue:r,...i}){let{variant:a}=l(),n=W(()=>a==="filter"?!1:!e&&o,[e,o,a]),m=W(()=>Array.isArray(e)&&e.length>0,[e]);return _t("div",{className:B(t,"gap-small-1x scrollbar-hide grid w-full items-center overflow-x-hidden","group-disabled:!pl-0"),children:[o&&a==="filter"&&f(v,{children:o}),o&&a==="filter"&&f(p,{className:"invisible col-start-1 row-start-1 self-center",children:o}),n&&f(p,{className:"text-neutral-dark",children:o}),f("div",{className:"gap-small-1x col-start-1 row-start-1 flex items-center",children:e.map(c=>f(Ct,{children:r(c)},c.value))}),f("input",{...i,"aria-readonly":!0,className:B(t,"pointer-events-none"),hidden:!0,placeholder:m?"":" ",readOnly:!0,value:Array.isArray(e)?e.join(","):e})]})}import*as h from"@radix-ui/react-popover";import{Slot as wt}from"@radix-ui/react-slot";import{cx as zt}from"@xjur-ui/util";import{useVirtualizer as St}from"@tanstack/react-virtual";import{useRef as Vt}from"react";import{createContext as Tt}from"react";var u=Tt({virtualizer:null,enabled:!1});import{jsx as G}from"react/jsx-runtime";function V({className:t,asChild:e,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:n=5,...m}){let c=e?wt:"div",d=Vt(null),Y=St({count:i,getScrollElement:()=>d.current,estimateSize:a,overscan:n,enabled:r});return G(u.Provider,{value:{virtualizer:Y,enabled:r},children:G(c,{...m,className:zt(t,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:d,children:o})})}import{Slot as Rt}from"@radix-ui/react-slot";import{cx as kt}from"@xjur-ui/util";import{jsx as Nt}from"react/jsx-runtime";function R({className:t,asChild:e,...o}){return Nt(e?Rt:"div",{...o,className:kt(t,"px-small pt-small-1x")})}import{cx as Lt}from"@xjur-ui/util";import{jsx as Ft}from"react/jsx-runtime";function k({variant:t="label",size:e="sm",weight:o="medium",className:r,...i}){return Ft(p,{className:Lt(r,"text-neutral-placeholder"),size:e,variant:t,weight:o,...i})}import{Slot as Mt}from"@radix-ui/react-slot";import{cx as J}from"@xjur-ui/util";import{useContext as It}from"react";import{jsx as N}from"react/jsx-runtime";function L({className:t,asChild:e,children:o,renderItem:r,...i}){let a=e?Mt:"ul",{virtualizer:n,enabled:m}=It(u);if(m&&n&&r){let c=n.getVirtualItems();return N(a,{...i,className:J("p-small relative flex flex-col",t),style:{height:`${n.getTotalSize()}px`},children:c.map(d=>N("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:n.measureElement,style:{transform:`translateY(${d.start}px)`},children:r(d.index)},d.key))})}return N(a,{...i,className:J("gap-small-1x p-small flex flex-col",t),children:o})}import{Slot as Ot}from"@radix-ui/react-slot";import{cx as Ht,cva as Et}from"@xjur-ui/util";import{jsx as Dt}from"react/jsx-runtime";var At=Et(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function F({className:t,size:e,isActive:o,asChild:r,...i}){return Dt(r?Ot:"li",{...i,className:Ht(At({size:e,isActive:o}),t)})}import{jsx as M}from"react/jsx-runtime";var{content:$t}=s();function qt({className:t,sideOffset:e=5,side:o="bottom",align:r="start",children:i,virtualized:a=!1,overscan:n=5,estimateSize:m=()=>32,...c}){let{state:d}=l();return M(h.Portal,{children:M(h.Content,{align:r,className:$t({className:t,state:d}),side:o,sideOffset:e,...c,children:M(V,{estimateSize:m,overscan:n,virtualized:a,children:i})})})}import{jsx as Gt}from"react/jsx-runtime";var{caption:Bt}=s();function Wt({className:t,...e}){let{state:o}=l();return Gt("p",{className:Bt({className:t,state:o}),...e})}import{jsx as Kt}from"react/jsx-runtime";var{slotText:Jt}=s();function Yt({className:t,...e}){let{state:o}=l();return Kt("span",{className:Jt({className:t,state:o}),"data-slot":"control-left-slot",...e})}import{jsx as Ut}from"react/jsx-runtime";function Qt(t){return Ut(L,{...t})}import{twMerge as Xt}from"@xjur-ui/util";import{jsx as jt}from"react/jsx-runtime";function Zt({className:t,...e}){return jt(F,{className:Xt(t,"cursor-pointer"),...e})}import{twMerge as te}from"@xjur-ui/util";import{jsx as oe}from"react/jsx-runtime";function ee({className:t,...e}){return oe(S,{className:te(t,"truncate"),...e})}import{jsx as ae}from"react/jsx-runtime";function re(t){return ae(R,{...t})}import{jsx as ne}from"react/jsx-runtime";function ie(t){return ne(k,{...t})}export{Wt as SelectCaption,qt as SelectContent,re as SelectHeader,ie as SelectHeaderTitle,lt as SelectIcon,Pt as SelectMultiValue,Zt as SelectOption,ee as SelectOptionText,Qt as SelectOptions,Z as SelectRoot,Yt as SelectSlot,ot as SelectTrigger,bt as SelectValue};
1
+ import*as I from"@radix-ui/react-popover";import{createContext as K,useContext as Q}from"react";var C=K({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function l(){let t=Q(C);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as U}from"@xjur-ui/util";var s=U({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as P}from"react/jsx-runtime";var{wrapper:X}=s();function Z({className:t,state:e="normal",defaultOpen:o,variant:r="normal",modal:i,open:a,onOpenChange:n,...m}){return P(I.Root,{defaultOpen:o,modal:i,open:a,onOpenChange:n,children:P(C.Provider,{value:{state:e,variant:r},children:P("div",{className:X({className:t,state:e}),...m})})})}import{tv as j,twMerge as tt}from"@xjur-ui/util";import*as O from"@radix-ui/react-popover";import{jsx as rt}from"react/jsx-runtime";var{trigger:et}=s();function ot({className:t,...e}){let{state:o,variant:r}=l(),i=j({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=tt(et({state:o,className:t}),r==="filter"&&i({state:o,className:t}));return rt(O.Trigger,{className:a,disabled:o==="disabled",...e})}import{cx as at}from"@xjur-ui/util";import{jsx as it}from"react/jsx-runtime";function H({className:t,filled:e=!1,name:o,...r}){return it("span",{...r,className:at("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{jsx as E}from"react/jsx-runtime";var{icon:nt}=s();function lt({className:t,name:e,orientation:o="left",...r}){let{state:i}=l();return E("div",{className:nt({className:t,state:i}),"data-slot":`control-${o}-slot`,...r,children:E(H,{name:e})})}import{twJoin as yt}from"@xjur-ui/util";import{useMemo as vt}from"react";import{Slot as dt}from"@radix-ui/react-slot";import{cva as ct}from"@xjur-ui/util";import{memo as $,useState as ft}from"react";import*as x from"@radix-ui/react-tooltip";import{jsx as _}from"react/jsx-runtime";function st({delayDuration:t=0,...e}){return _(x.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function T({...t}){return _(st,{children:_(x.Root,{"data-slot":"tooltip",...t})})}import*as A from"@radix-ui/react-tooltip";import{jsx as pt}from"react/jsx-runtime";function w({...t}){return pt(A.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as g from"@radix-ui/react-tooltip";import{cx as mt}from"@xjur-ui/util";import{jsx as D}from"react/jsx-runtime";function z({className:t,sideOffset:e=1,variant:o="simple",children:r,...i}){return D(g.Portal,{children:D(g.Content,{className:mt("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:r})})}import{jsx as y,jsxs as xt}from"react/jsx-runtime";var ut=ct("",{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=$(({variant:t,size:e,weight:o,asChild:r,className:i,...a})=>y(r?dt:"span",{className:ut({variant:t,size:e,weight:o,className:i}),...a}));p.displayName="Typography";var S=$(({children:t,...e})=>{let[o,r]=ft(!1);return xt(T,{children:[y(w,{asChild:!0,children:y(p,{onMouseEnter:({currentTarget:a})=>{let n=a.scrollWidth>a.clientWidth;r(n),n?a.style.cursor="pointer":a.style.cursor="text"},...e,children:t})}),o&&y(z,{children:t})]})});S.displayName="TruncatedTypography";import{tv as gt}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";function v({className:t,htmlFor:e,children:o,...r}){let{state:i}=l(),a=gt({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 q("label",{className:a({className:t,state:i}),htmlFor:e,...r,children:q("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as b,jsxs as ht}from"react/jsx-runtime";function bt({className:t,value:e,placeholder:o,renderValue:r,...i}){let{variant:a}=l(),n=vt(()=>a==="filter"?r(e??""):r(e??"")||o,[e,o,a,r]);return ht("div",{className:"grid w-full items-center",children:[o&&a==="filter"&&b(v,{children:o}),o&&a==="filter"&&b(p,{className:"invisible col-start-1 row-start-1 self-center",children:o}),b(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:n}),b("input",{...i,"aria-readonly":!0,className:yt("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:e??""})]})}import{twMerge as B}from"@xjur-ui/util";import{Fragment as Ct,useMemo as W}from"react";import{jsx as f,jsxs as _t}from"react/jsx-runtime";function Pt({className:t,value:e,placeholder:o,renderValue:r,...i}){let{variant:a}=l(),n=W(()=>a==="filter"?!1:!e&&o,[e,o,a]),m=W(()=>Array.isArray(e)&&e.length>0,[e]);return _t("div",{className:B(t,"gap-small-1x scrollbar-hide grid w-full items-center overflow-x-hidden","group-disabled:!pl-0"),children:[o&&a==="filter"&&f(v,{children:o}),o&&a==="filter"&&f(p,{className:"invisible col-start-1 row-start-1 self-center",children:o}),n&&f(p,{className:"text-neutral-dark",children:o}),f("div",{className:"gap-small-1x col-start-1 row-start-1 flex items-center",children:e.map(c=>f(Ct,{children:r(c)},c.value))}),f("input",{...i,"aria-readonly":!0,className:B(t,"pointer-events-none"),hidden:!0,placeholder:m?"":" ",readOnly:!0,value:Array.isArray(e)?e.join(","):e})]})}import*as h from"@radix-ui/react-popover";import{Slot as wt}from"@radix-ui/react-slot";import{cx as zt}from"@xjur-ui/util";import{useVirtualizer as St}from"@tanstack/react-virtual";import{useRef as Vt}from"react";import{createContext as Tt}from"react";var u=Tt({virtualizer:null,enabled:!1});import{jsx as G}from"react/jsx-runtime";function V({className:t,asChild:e,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:n=5,...m}){let c=e?wt:"div",d=Vt(null),Y=St({count:i,getScrollElement:()=>d.current,estimateSize:a,overscan:n,enabled:r});return G(u.Provider,{value:{virtualizer:Y,enabled:r},children:G(c,{...m,className:zt(t,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-x-hidden overflow-y-auto border"),ref:d,children:o})})}import{Slot as Rt}from"@radix-ui/react-slot";import{cx as kt}from"@xjur-ui/util";import{jsx as Nt}from"react/jsx-runtime";function R({className:t,asChild:e,...o}){return Nt(e?Rt:"div",{...o,className:kt(t,"px-small pt-small-1x")})}import{cx as Lt}from"@xjur-ui/util";import{jsx as Ft}from"react/jsx-runtime";function k({variant:t="label",size:e="sm",weight:o="medium",className:r,...i}){return Ft(p,{className:Lt(r,"text-neutral-placeholder"),size:e,variant:t,weight:o,...i})}import{Slot as Mt}from"@radix-ui/react-slot";import{cx as J}from"@xjur-ui/util";import{useContext as It}from"react";import{jsx as N}from"react/jsx-runtime";function L({className:t,asChild:e,children:o,renderItem:r,...i}){let a=e?Mt:"ul",{virtualizer:n,enabled:m}=It(u);if(m&&n&&r){let c=n.getVirtualItems();return N(a,{...i,className:J("p-small relative flex flex-col",t),style:{height:`${n.getTotalSize()}px`},children:c.map(d=>N("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:n.measureElement,style:{transform:`translateY(${d.start}px)`},children:r(d.index)},d.key))})}return N(a,{...i,className:J("gap-small-1x p-small flex flex-col",t),children:o})}import{Slot as Ot}from"@radix-ui/react-slot";import{cx as Ht,cva as Et}from"@xjur-ui/util";import{jsx as Dt}from"react/jsx-runtime";var At=Et(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function F({className:t,size:e,isActive:o,asChild:r,...i}){return Dt(r?Ot:"li",{...i,className:Ht(At({size:e,isActive:o}),t)})}import{jsx as M}from"react/jsx-runtime";var{content:$t}=s();function qt({className:t,sideOffset:e=5,side:o="bottom",align:r="start",children:i,virtualized:a=!1,overscan:n=5,estimateSize:m=()=>32,...c}){let{state:d}=l();return M(h.Portal,{children:M(h.Content,{align:r,className:$t({className:t,state:d}),side:o,sideOffset:e,...c,children:M(V,{estimateSize:m,overscan:n,virtualized:a,children:i})})})}import{jsx as Gt}from"react/jsx-runtime";var{caption:Bt}=s();function Wt({className:t,...e}){let{state:o}=l();return Gt("p",{className:Bt({className:t,state:o}),...e})}import{jsx as Kt}from"react/jsx-runtime";var{slotText:Jt}=s();function Yt({className:t,...e}){let{state:o}=l();return Kt("span",{className:Jt({className:t,state:o}),"data-slot":"control-left-slot",...e})}import{jsx as Ut}from"react/jsx-runtime";function Qt(t){return Ut(L,{...t})}import{twMerge as Xt}from"@xjur-ui/util";import{jsx as jt}from"react/jsx-runtime";function Zt({className:t,...e}){return jt(F,{className:Xt(t,"cursor-pointer"),...e})}import{twMerge as te}from"@xjur-ui/util";import{jsx as oe}from"react/jsx-runtime";function ee({className:t,...e}){return oe(S,{className:te(t,"truncate"),...e})}import{jsx as ae}from"react/jsx-runtime";function re(t){return ae(R,{...t})}import{jsx as ne}from"react/jsx-runtime";function ie(t){return ne(k,{...t})}export{Wt as SelectCaption,qt as SelectContent,re as SelectHeader,ie as SelectHeaderTitle,lt as SelectIcon,Pt as SelectMultiValue,Zt as SelectOption,ee as SelectOptionText,Qt as SelectOptions,Z as SelectRoot,Yt as SelectSlot,ot as SelectTrigger,bt as SelectValue};