@xjur-ui/react 3.0.5 → 3.0.6

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

@@ -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-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};
+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,...p}){let d=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(d,{...p,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,children:a,...l})=>b(r?ve:"span",{className:he({variant:e,size:t,weight:o,className:i}),...l,children: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:p}=Ce(v);if(p&&l&&r){let d=l.getVirtualItems();return R(a,{...i,className:K("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:d.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 p=a.attrs.level??1;return["h",{...l,class:_[p]},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:d=>d.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]),p=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:p,...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}),p=H(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),d=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:p(s.level),onPointerDown:()=>d(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};

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

@@ -1 +1 @@
-import{cva as J,cx as n}from"@xjur-ui/util";import{createContext as U}from"react";import{InputMask as G}from"@react-input/mask";import{NumericFormat as Q}from"react-number-format";import{Slot as M}from"@radix-ui/react-slot";import{cva as S}from"@xjur-ui/util";import{memo as g,useState as I}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as u}from"react/jsx-runtime";function C({delayDuration:e=0,...t}){return u(p.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function y({...e}){return u(C,{children:u(p.Root,{"data-slot":"tooltip",...e})})}import*as x from"@radix-ui/react-tooltip";import{jsx as z}from"react/jsx-runtime";function v({...e}){return z(x.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as k}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function b({className:e,sideOffset:t=1,variant:a="simple",children:r,...s}){return h(d.Portal,{children:h(d.Content,{className:k("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,...s,children:r})})}import{jsx as m,jsxs as _}from"react/jsx-runtime";var N=S("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=g(({variant:e,size:t,weight:a,asChild:r,className:s,...i})=>m(r?M:"span",{className:N({variant:e,size:t,weight:a,className:s}),...i}));c.displayName="Typography";var O=g(({children:e,...t})=>{let[a,r]=I(!1);return _(y,{children:[m(v,{asChild:!0,children:m(c,{onMouseEnter:({currentTarget:i})=>{let l=i.scrollWidth>i.clientWidth;r(l),l?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),a&&m(b,{children:e})]})});O.displayName="TruncatedTypography";function f(e,t){switch(e){case"cpf":return{...t,...E};case"cnpj":return{...t,...R};case"telefone":return{...t,...V};case"cep":return{...t,...w};case"numero-processo":return{...t,...A};case"data":return{...t,...B};case"hora":return{...t,...K};case"data-hora":return{...t,...F};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var E={mask:"###.###.###-##",replacement:{"#":/\d/}},R={mask:"##.###.###/####-##",replacement:{"#":/\d/}},V={mask:"(##) #####-####",replacement:{"#":/\d/}},w={mask:"#####-###",replacement:{"#":/\d/}},A={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},B={mask:"##/##/####",replacement:{"#":/\d/}},K={mask:"##:##",replacement:{"#":/\d/}},F={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as D}from"@radix-ui/react-slot";import{cva as L,cx as H}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";var W=L(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function P({asChild:e,className:t,variant:a="primary",size:r="md",appearance:s="solid",...i}){return q(e?D:"button",{className:H(W({variant:a,appearance:s,size:r}),t),...i})}import{jsx as o}from"react/jsx-runtime";var T=U({variant:"outlined"});function zt({className:e,variant:t="outlined",...a}){return o(T.Provider,{value:{variant:t},children:o("div",{className:n("relative flex",e),...a})})}function kt({className:e,...t}){let a=J(["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 o(T.Consumer,{children:({variant:r})=>o("div",{className:n(e,a({variant:r})),"data-variant":r,...t})})}function Mt({htmlFor:e,...t}){return o(c,{asChild:!0,className:n("absolute -top-[22px] left-0"),size:"sm",variant:"label",weight:"medium",children:o("label",{htmlFor:e,...t})})}function St({className:e,...t}){return o("input",{className:n(e,"flex-1 outline-none"),...t})}function It({className:e,mask:t,customMask:a,...r}){return o(G,{...t?{...f(t)}:a&&{...a},className:n(e,"flex-1 outline-none"),...r})}function Nt({className:e,...t}){return o(Q,{className:n(e,"flex-1 outline-none"),...t})}function Ot(e){return o("div",{...e,"data-slot":"search-input-slot"})}function _t({className:e,appearance:t="ghost",variant:a="outlined",...r}){return o(P,{...r,appearance:t,className:n(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:a})}export{_t as SearchInputAction,kt as SearchInputContent,Mt as SearchInputLabel,It as SearchInputMask,Nt as SearchInputNumber,zt as SearchInputRoot,Ot as SearchInputSlot,St as SearchInputText};
+import{cva as J,cx as n}from"@xjur-ui/util";import{createContext as U}from"react";import{InputMask as G}from"@react-input/mask";import{NumericFormat as Q}from"react-number-format";import{Slot as M}from"@radix-ui/react-slot";import{cva as S}from"@xjur-ui/util";import{memo as g,useState as I}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as u}from"react/jsx-runtime";function C({delayDuration:e=0,...t}){return u(p.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function y({...e}){return u(C,{children:u(p.Root,{"data-slot":"tooltip",...e})})}import*as x from"@radix-ui/react-tooltip";import{jsx as z}from"react/jsx-runtime";function v({...e}){return z(x.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as d from"@radix-ui/react-tooltip";import{cx as k}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function b({className:e,sideOffset:t=1,variant:a="simple",children:r,...s}){return h(d.Portal,{children:h(d.Content,{className:k("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,...s,children:r})})}import{jsx as m,jsxs as _}from"react/jsx-runtime";var N=S("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=g(({variant:e,size:t,weight:a,asChild:r,className:s,children:i,...l})=>m(r?M:"span",{className:N({variant:e,size:t,weight:a,className:s}),...l,children:i}));c.displayName="Typography";var O=g(({children:e,...t})=>{let[a,r]=I(!1);return _(y,{children:[m(v,{asChild:!0,children:m(c,{onMouseEnter:({currentTarget:i})=>{let l=i.scrollWidth>i.clientWidth;r(l),l?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),a&&m(b,{children:e})]})});O.displayName="TruncatedTypography";function f(e,t){switch(e){case"cpf":return{...t,...w};case"cnpj":return{...t,...E};case"telefone":return{...t,...R};case"cep":return{...t,...V};case"numero-processo":return{...t,...A};case"data":return{...t,...B};case"hora":return{...t,...K};case"data-hora":return{...t,...F};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var w={mask:"###.###.###-##",replacement:{"#":/\d/}},E={mask:"##.###.###/####-##",replacement:{"#":/\d/}},R={mask:"(##) #####-####",replacement:{"#":/\d/}},V={mask:"#####-###",replacement:{"#":/\d/}},A={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},B={mask:"##/##/####",replacement:{"#":/\d/}},K={mask:"##:##",replacement:{"#":/\d/}},F={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as D}from"@radix-ui/react-slot";import{cva as L,cx as H}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";var W=L(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function P({asChild:e,className:t,variant:a="primary",size:r="md",appearance:s="solid",...i}){return q(e?D:"button",{className:H(W({variant:a,appearance:s,size:r}),t),...i})}import{jsx as o}from"react/jsx-runtime";var T=U({variant:"outlined"});function kt({className:e,variant:t="outlined",...a}){return o(T.Provider,{value:{variant:t},children:o("div",{className:n("relative flex",e),...a})})}function Mt({className:e,...t}){let a=J(["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 o(T.Consumer,{children:({variant:r})=>o("div",{className:n(e,a({variant:r})),"data-variant":r,...t})})}function St({htmlFor:e,...t}){return o(c,{asChild:!0,className:n("absolute -top-[22px] left-0"),size:"sm",variant:"label",weight:"medium",children:o("label",{htmlFor:e,...t})})}function It({className:e,...t}){return o("input",{className:n(e,"flex-1 outline-none"),...t})}function Nt({className:e,mask:t,customMask:a,...r}){return o(G,{...t?{...f(t)}:a&&{...a},className:n(e,"flex-1 outline-none"),...r})}function Ot({className:e,...t}){return o(Q,{className:n(e,"flex-1 outline-none"),...t})}function _t(e){return o("div",{...e,"data-slot":"search-input-slot"})}function wt({className:e,appearance:t="ghost",variant:a="outlined",...r}){return o(P,{...r,appearance:t,className:n(e,"cursor-pointer","h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex min-w-[148px] items-center justify-center rounded-none","text-size-body-md text-neutral-dark gap-small-1x !border-l-0"),"data-slot":"search-input-action",variant:a})}export{wt as SearchInputAction,Mt as SearchInputContent,St as SearchInputLabel,Nt as SearchInputMask,Ot as SearchInputNumber,kt as SearchInputRoot,_t as SearchInputSlot,It as SearchInputText};

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

@@ -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 _({...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};
+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,...m}){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,{...m,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,children:a,...i})=>h(o?me:"span",{className:ue({variant:e,size:t,weight:r,className:n}),...i,children: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:m}=xe(f);if(m&&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 d}from"react/jsx-runtime";var J=We({variant:"outlined"});function U({className:e,variant:t="outlined",...r}){return d(J.Provider,{value:{variant:t},children:d("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 d(J.Consumer,{children:({variant:o})=>d("div",{className:v(e,r({variant:o})),"data-variant":o,...t})})}function Q({className:e,...t}){return d("input",{className:v(e,"flex-1 outline-none"),...t})}function X({className:e,mask:t,customMask:r,...o}){return d(Ge,{...t?{...W(t)}:r&&{...r},className:v(e,"flex-1 outline-none"),...o})}function Z(e){return d("div",{...e,"data-slot":"search-input-slot"})}function j({className:e,appearance:t="ghost",variant:r="outlined",...o}){return d(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 min-w-[148px] 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[m,u]=Ue(a),p=Je(()=>e.find(l=>l.value===m)?.label,[e,m]);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:m===l.value,onClick:()=>{u(l.value),n?.(l.value)},children:s(V,{children:l.label})},l.value))})})]})]})}export{pr as SearchSelector};

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

@@ -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-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};
+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 e=Q(C);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 p=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}=p();function Z({className:e,state:t="normal",defaultOpen:o,variant:r="normal",modal:i,open:a,onOpenChange:n,...s}){return P(I.Root,{defaultOpen:o,modal:i,open:a,onOpenChange:n,children:P(C.Provider,{value:{state:t,variant:r},children:P("div",{className:X({className:e,state:t}),...s})})})}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}=p();function ot({className:e,...t}){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:e}),r==="filter"&&i({state:o,className:e}));return rt(O.Trigger,{className:a,disabled:o==="disabled",...t})}import{cx as at}from"@xjur-ui/util";import{jsx as it}from"react/jsx-runtime";function H({className:e,filled:t=!1,name:o,...r}){return it("span",{...r,className:at("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{jsx as E}from"react/jsx-runtime";var{icon:nt}=p();function lt({className:e,name:t,orientation:o="left",...r}){let{state:i}=l();return E("div",{className:nt({className:e,state:i}),"data-slot":`control-${o}-slot`,...r,children:E(H,{name:t})})}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:e=0,...t}){return _(x.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function T({...e}){return _(st,{children:_(x.Root,{"data-slot":"tooltip",...e})})}import*as A from"@radix-ui/react-tooltip";import{jsx as pt}from"react/jsx-runtime";function w({...e}){return pt(A.Trigger,{"data-slot":"tooltip-trigger",...e})}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:e,sideOffset:t=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)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...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"}}),m=$(({variant:e,size:t,weight:o,asChild:r,className:i,children:a,...n})=>y(r?dt:"span",{className:ut({variant:e,size:t,weight:o,className:i}),...n,children:a}));m.displayName="Typography";var S=$(({children:e,...t})=>{let[o,r]=ft(!1);return xt(T,{children:[y(w,{asChild:!0,children:y(m,{onMouseEnter:({currentTarget:a})=>{let n=a.scrollWidth>a.clientWidth;r(n),n?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),o&&y(z,{children:e})]})});S.displayName="TruncatedTypography";import{tv as gt}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";function v({className:e,htmlFor:t,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:e,state:i}),htmlFor:t,...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:e,value:t,placeholder:o,renderValue:r,...i}){let{variant:a}=l(),n=vt(()=>{let s=r?r(t??""):typeof t=="object"?t?.label:t;return a==="filter"?s:s||o},[t,o,a,r]);return ht("div",{className:"grid w-full items-center",children:[o&&a==="filter"&&b(v,{children:o}),o&&a==="filter"&&b(m,{className:"invisible col-start-1 row-start-1 self-center",children:o}),b(m,{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",e),hidden:!0,placeholder:" ",readOnly:!0,value:typeof t=="object"?t?.value??"":t??""})]})}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:e,value:t,placeholder:o,renderValue:r,...i}){let{variant:a}=l(),n=W(()=>a==="filter"?!1:!t&&o,[t,o,a]),s=W(()=>Array.isArray(t)&&t.length>0,[t]);return _t("div",{className:B(e,"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(m,{className:"invisible col-start-1 row-start-1 self-center",children:o}),n&&f(m,{className:"text-neutral-dark",children:o}),f("div",{className:"gap-small-1x col-start-1 row-start-1 flex items-center",children:t.map(d=>f(Ct,{children:r?r(d):d.label},d.value))}),f("input",{...i,"aria-readonly":!0,className:B(e,"pointer-events-none"),hidden:!0,placeholder:s?"":" ",readOnly:!0,value:Array.isArray(t)?t.join(","):t})]})}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:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:n=5,...s}){let d=t?wt:"div",c=Vt(null),Y=St({count:i,getScrollElement:()=>c.current,estimateSize:a,overscan:n,enabled:r});return G(u.Provider,{value:{virtualizer:Y,enabled:r},children:G(d,{...s,className:zt(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:c,children:o})})}import{Slot as kt}from"@radix-ui/react-slot";import{cx as Rt}from"@xjur-ui/util";import{jsx as Nt}from"react/jsx-runtime";function k({className:e,asChild:t,...o}){return Nt(t?kt:"div",{...o,className:Rt(e,"px-small pt-small-1x")})}import{cx as Lt}from"@xjur-ui/util";import{jsx as Ft}from"react/jsx-runtime";function R({variant:e="label",size:t="sm",weight:o="medium",className:r,...i}){return Ft(m,{className:Lt(r,"text-neutral-placeholder"),size:t,variant:e,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:e,asChild:t,children:o,renderItem:r,...i}){let a=t?Mt:"ul",{virtualizer:n,enabled:s}=It(u);if(s&&n&&r){let d=n.getVirtualItems();return N(a,{...i,className:J("p-small relative flex flex-col",e),style:{height:`${n.getTotalSize()}px`},children:d.map(c=>N("div",{className:"absolute top-0 left-0 w-full","data-index":c.index,ref:n.measureElement,style:{transform:`translateY(${c.start}px)`},children:r(c.index)},c.key))})}return N(a,{...i,className:J("gap-small-1x p-small flex flex-col",e),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:e,size:t,isActive:o,asChild:r,...i}){return Dt(r?Ot:"li",{...i,className:Ht(At({size:t,isActive:o}),e)})}import{jsx as M}from"react/jsx-runtime";var{content:$t}=p();function qt({className:e,sideOffset:t=5,side:o="bottom",align:r="start",children:i,virtualized:a=!1,overscan:n=5,estimateSize:s=()=>32,...d}){let{state:c}=l();return M(h.Portal,{children:M(h.Content,{align:r,className:$t({className:e,state:c}),side:o,sideOffset:t,...d,children:M(V,{estimateSize:s,overscan:n,virtualized:a,children:i})})})}import{jsx as Gt}from"react/jsx-runtime";var{caption:Bt}=p();function Wt({className:e,...t}){let{state:o}=l();return Gt("p",{className:Bt({className:e,state:o}),...t})}import{jsx as Kt}from"react/jsx-runtime";var{slotText:Jt}=p();function Yt({className:e,...t}){let{state:o}=l();return Kt("span",{className:Jt({className:e,state:o}),"data-slot":"control-left-slot",...t})}import{jsx as Ut}from"react/jsx-runtime";function Qt(e){return Ut(L,{...e})}import{twMerge as Xt}from"@xjur-ui/util";import{jsx as jt}from"react/jsx-runtime";function Zt({className:e,value:t,...o}){return jt(F,{className:Xt(e,"cursor-pointer"),value:typeof t=="object"?t?.value:t,...o})}import{twMerge as te}from"@xjur-ui/util";import{jsx as oe}from"react/jsx-runtime";function ee({className:e,...t}){return oe(S,{className:te(e,"truncate"),...t})}import{jsx as ae}from"react/jsx-runtime";function re(e){return ae(k,{...e})}import{jsx as ne}from"react/jsx-runtime";function ie(e){return ne(R,{...e})}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};

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

@@ -1 +1 @@
-import*as c from"@radix-ui/react-popover";import{Slot as S}from"@radix-ui/react-slot";import{cx as N}from"@xjur-ui/util";import{useVirtualizer as M}from"@tanstack/react-virtual";import{useRef as E}from"react";import{createContext as w}from"react";var s=w({virtualizer:null,enabled:!1});import{jsx as z}from"react/jsx-runtime";function u({className:t,asChild:e,children:a,virtualized:o=!1,itemCount:i=0,estimateSize:r=()=>48,overscan:l=5,...x}){let f=e?S:"div",n=E(null),L=M({count:i,getScrollElement:()=>n.current,estimateSize:r,overscan:l,enabled:o});return z(s.Provider,{value:{virtualizer:L,enabled:o},children:z(f,{...x,className:N(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:n,children:a})})}import{Slot as it}from"@radix-ui/react-slot";import{cx as nt}from"@xjur-ui/util";import{jsx as pt}from"react/jsx-runtime";import{cx as wt}from"@xjur-ui/util";import{Slot as I}from"@radix-ui/react-slot";import{cva as O}from"@xjur-ui/util";import{memo as V,useState as A}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function H({delayDuration:t=0,...e}){return v(p.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function y({...t}){return v(H,{children:v(p.Root,{"data-slot":"tooltip",...t})})}import*as P from"@radix-ui/react-tooltip";import{jsx as F}from"react/jsx-runtime";function b({...t}){return F(P.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as m from"@radix-ui/react-tooltip";import{cx as D}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function g({className:t,sideOffset:e=1,variant:a="simple",children:o,...i}){return T(m.Portal,{children:T(m.Content,{className:D("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":a,sideOffset:e,...i,children:o})})}import{jsx as d,jsxs as $}from"react/jsx-runtime";var B=O("",{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=V(({variant:t,size:e,weight:a,asChild:o,className:i,...r})=>d(o?I:"span",{className:B({variant:t,size:e,weight:a,className:i}),...r}));C.displayName="Typography";var W=V(({children:t,...e})=>{let[a,o]=A(!1);return $(y,{children:[d(b,{asChild:!0,children:d(C,{onMouseEnter:({currentTarget:r})=>{let l=r.scrollWidth>r.clientWidth;o(l),l?r.style.cursor="pointer":r.style.cursor="text"},...e,children:t})}),a&&d(g,{children:t})]})});W.displayName="TruncatedTypography";import{jsx as Mt}from"react/jsx-runtime";import{Slot as Ft}from"@radix-ui/react-slot";import{cx as It}from"@xjur-ui/util";import{useContext as At}from"react";import{jsx as $t}from"react/jsx-runtime";import{Slot as qt}from"@radix-ui/react-slot";import{cx as Jt,cva as Y}from"@xjur-ui/util";import{jsx as Ut}from"react/jsx-runtime";var Kt=Y(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{createContext as _,useContext as q}from"react";var G=_({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function R(){let t=q(G);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as J}from"@xjur-ui/util";var k=J({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 h}from"react/jsx-runtime";var{content:K}=k();function ve({className:t,sideOffset:e=5,side:a="bottom",align:o="start",children:i,virtualized:r=!1,overscan:l=5,estimateSize:x=()=>32,...f}){let{state:n}=R();return h(c.Portal,{children:h(c.Content,{align:o,className:K({className:t,state:n}),side:a,sideOffset:e,...f,children:h(u,{estimateSize:x,overscan:l,virtualized:r,children:i})})})}export{ve as SelectContent};
+import*as x from"@radix-ui/react-popover";import{Slot as S}from"@radix-ui/react-slot";import{cx as N}from"@xjur-ui/util";import{useVirtualizer as M}from"@tanstack/react-virtual";import{useRef as E}from"react";import{createContext as w}from"react";var p=w({virtualizer:null,enabled:!1});import{jsx as z}from"react/jsx-runtime";function u({className:t,asChild:e,children:a,virtualized:o=!1,itemCount:i=0,estimateSize:r=()=>48,overscan:l=5,...n}){let f=e?S:"div",s=E(null),L=M({count:i,getScrollElement:()=>s.current,estimateSize:r,overscan:l,enabled:o});return z(p.Provider,{value:{virtualizer:L,enabled:o},children:z(f,{...n,className:N(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:s,children:a})})}import{Slot as it}from"@radix-ui/react-slot";import{cx as nt}from"@xjur-ui/util";import{jsx as pt}from"react/jsx-runtime";import{cx as wt}from"@xjur-ui/util";import{Slot as I}from"@radix-ui/react-slot";import{cva as O}from"@xjur-ui/util";import{memo as V,useState as A}from"react";import*as m from"@radix-ui/react-tooltip";import{jsx as v}from"react/jsx-runtime";function H({delayDuration:t=0,...e}){return v(m.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function y({...t}){return v(H,{children:v(m.Root,{"data-slot":"tooltip",...t})})}import*as P from"@radix-ui/react-tooltip";import{jsx as F}from"react/jsx-runtime";function b({...t}){return F(P.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as d from"@radix-ui/react-tooltip";import{cx as D}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function g({className:t,sideOffset:e=1,variant:a="simple",children:o,...i}){return T(d.Portal,{children:T(d.Content,{className:D("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":a,sideOffset:e,...i,children:o})})}import{jsx as c,jsxs as $}from"react/jsx-runtime";var B=O("",{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=V(({variant:t,size:e,weight:a,asChild:o,className:i,children:r,...l})=>c(o?I:"span",{className:B({variant:t,size:e,weight:a,className:i}),...l,children:r}));C.displayName="Typography";var W=V(({children:t,...e})=>{let[a,o]=A(!1);return $(y,{children:[c(b,{asChild:!0,children:c(C,{onMouseEnter:({currentTarget:r})=>{let l=r.scrollWidth>r.clientWidth;o(l),l?r.style.cursor="pointer":r.style.cursor="text"},...e,children:t})}),a&&c(g,{children:t})]})});W.displayName="TruncatedTypography";import{jsx as Mt}from"react/jsx-runtime";import{Slot as Ft}from"@radix-ui/react-slot";import{cx as It}from"@xjur-ui/util";import{useContext as At}from"react";import{jsx as $t}from"react/jsx-runtime";import{Slot as qt}from"@radix-ui/react-slot";import{cx as Jt,cva as Y}from"@xjur-ui/util";import{jsx as Ut}from"react/jsx-runtime";var Kt=Y(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{createContext as _,useContext as q}from"react";var G=_({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function R(){let t=q(G);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as J}from"@xjur-ui/util";var k=J({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 h}from"react/jsx-runtime";var{content:K}=k();function ve({className:t,sideOffset:e=5,side:a="bottom",align:o="start",children:i,virtualized:r=!1,overscan:l=5,estimateSize:n=()=>32,...f}){let{state:s}=R();return h(x.Portal,{children:h(x.Content,{align:o,className:K({className:t,state:s}),side:a,sideOffset:e,...f,children:h(u,{estimateSize:n,overscan:l,virtualized:r,children:i})})})}export{ve as SelectContent};

package/dist/components/controls/select/select-header-title.js

@@ -1 +1 @@
-import{Slot as B}from"@radix-ui/react-slot";import{cx as $}from"@xjur-ui/util";import{useVirtualizer as O}from"@tanstack/react-virtual";import{useRef as q}from"react";import{createContext as h}from"react";var d=h({virtualizer:null,enabled:!1});import{jsx as J}from"react/jsx-runtime";import{Slot as U}from"@radix-ui/react-slot";import{cx as Z}from"@xjur-ui/util";import{jsx as j}from"react/jsx-runtime";import{cx as S}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as V}from"@xjur-ui/util";import{memo as g,useState as L}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function z({delayDuration:t=0,...e}){return c(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(z,{children:c(l.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as C}from"react/jsx-runtime";function x({...t}){return C(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as s from"@radix-ui/react-tooltip";import{cx as T}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function v({className:t,sideOffset:e=1,variant:o="simple",children:r,...i}){return b(s.Portal,{children:b(s.Content,{className:T("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 n,jsxs as H}from"react/jsx-runtime";var R=V("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=g(({variant:t,size:e,weight:o,asChild:r,className:i,...a})=>n(r?P:"span",{className:R({variant:t,size:e,weight:o,className:i}),...a}));p.displayName="Typography";var N=g(({children:t,...e})=>{let[o,r]=L(!1);return H(f,{children:[n(x,{asChild:!0,children:n(p,{onMouseEnter:({currentTarget:a})=>{let m=a.scrollWidth>a.clientWidth;r(m),m?a.style.cursor="pointer":a.style.cursor="text"},...e,children:t})}),o&&n(v,{children:t})]})});N.displayName="TruncatedTypography";import{jsx as E}from"react/jsx-runtime";function u({variant:t="label",size:e="sm",weight:o="medium",className:r,...i}){return E(p,{className:S(r,"text-neutral-placeholder"),size:e,variant:t,weight:o,...i})}import{Slot as Tt}from"@radix-ui/react-slot";import{cx as Vt}from"@xjur-ui/util";import{useContext as Rt}from"react";import{jsx as St}from"react/jsx-runtime";import{Slot as kt}from"@radix-ui/react-slot";import{cx as Dt,cva as w}from"@xjur-ui/util";import{jsx as Wt}from"react/jsx-runtime";var At=w(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{jsx as k}from"react/jsx-runtime";function _t(t){return k(u,{...t})}export{_t as SelectHeaderTitle};
+import{Slot as W}from"@radix-ui/react-slot";import{cx as I}from"@xjur-ui/util";import{useVirtualizer as Y}from"@tanstack/react-virtual";import{useRef as F}from"react";import{createContext as h}from"react";var d=h({virtualizer:null,enabled:!1});import{jsx as K}from"react/jsx-runtime";import{Slot as X}from"@radix-ui/react-slot";import{cx as _}from"@xjur-ui/util";import{jsx as tt}from"react/jsx-runtime";import{cx as S}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as V}from"@xjur-ui/util";import{memo as g,useState as L}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function C({delayDuration:t=0,...e}){return c(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(C,{children:c(s.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as z}from"react/jsx-runtime";function x({...t}){return z(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as T}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function v({className:t,sideOffset:e=1,variant:o="simple",children:r,...i}){return b(n.Portal,{children:b(n.Content,{className:T("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 p,jsxs as H}from"react/jsx-runtime";var R=V("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),m=g(({variant:t,size:e,weight:o,asChild:r,className:i,children:a,...l})=>p(r?P:"span",{className:R({variant:t,size:e,weight:o,className:i}),...l,children:a}));m.displayName="Typography";var N=g(({children:t,...e})=>{let[o,r]=L(!1);return H(f,{children:[p(x,{asChild:!0,children:p(m,{onMouseEnter:({currentTarget:a})=>{let l=a.scrollWidth>a.clientWidth;r(l),l?a.style.cursor="pointer":a.style.cursor="text"},...e,children:t})}),o&&p(v,{children:t})]})});N.displayName="TruncatedTypography";import{jsx as E}from"react/jsx-runtime";function u({variant:t="label",size:e="sm",weight:o="medium",className:r,...i}){return E(m,{className:S(r,"text-neutral-placeholder"),size:e,variant:t,weight:o,...i})}import{Slot as Pt}from"@radix-ui/react-slot";import{cx as Lt}from"@xjur-ui/util";import{useContext as Nt}from"react";import{jsx as Et}from"react/jsx-runtime";import{Slot as Mt}from"@radix-ui/react-slot";import{cx as At,cva as w}from"@xjur-ui/util";import{jsx as $t}from"react/jsx-runtime";var Bt=w(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{jsx as k}from"react/jsx-runtime";function jt(t){return k(u,{...t})}export{jt as SelectHeaderTitle};

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

@@ -1 +1 @@
-import{Slot as W}from"@radix-ui/react-slot";import{cx as I}from"@xjur-ui/util";import{useVirtualizer as Y}from"@tanstack/react-virtual";import{useRef as F}from"react";import{createContext as h}from"react";var m=h({virtualizer:null,enabled:!1});import{jsx as K}from"react/jsx-runtime";import{Slot as z}from"@radix-ui/react-slot";import{cx as C}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function d({className:t,asChild:e,...o}){return T(e?z:"div",{...o,className:C(t,"px-small pt-small-1x")})}import{cx as yt}from"@xjur-ui/util";import{Slot as R}from"@radix-ui/react-slot";import{cva as N}from"@xjur-ui/util";import{memo as g,useState as H}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function P({delayDuration:t=0,...e}){return c(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(P,{children:c(l.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as V}from"react/jsx-runtime";function x({...t}){return V(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as s from"@radix-ui/react-tooltip";import{cx as L}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function v({className:t,sideOffset:e=1,variant:o="simple",children:r,...a}){return b(s.Portal,{children:b(s.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,...a,children:r})})}import{jsx as n,jsxs as w}from"react/jsx-runtime";var S=N("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),u=g(({variant:t,size:e,weight:o,asChild:r,className:a,...i})=>n(r?R:"span",{className:S({variant:t,size:e,weight:o,className:a}),...i}));u.displayName="Typography";var E=g(({children:t,...e})=>{let[o,r]=H(!1);return w(f,{children:[n(x,{asChild:!0,children:n(u,{onMouseEnter:({currentTarget:i})=>{let p=i.scrollWidth>i.clientWidth;r(p),p?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),o&&n(v,{children:t})]})});E.displayName="TruncatedTypography";import{jsx as ht}from"react/jsx-runtime";import{Slot as Tt}from"@radix-ui/react-slot";import{cx as Vt}from"@xjur-ui/util";import{useContext as Rt}from"react";import{jsx as St}from"react/jsx-runtime";import{Slot as kt}from"@radix-ui/react-slot";import{cx as Dt,cva as k}from"@xjur-ui/util";import{jsx as Wt}from"react/jsx-runtime";var At=k(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{jsx as M}from"react/jsx-runtime";function _t(t){return M(d,{...t})}export{_t as SelectHeader};
+import{Slot as $}from"@radix-ui/react-slot";import{cx as O}from"@xjur-ui/util";import{useVirtualizer as q}from"@tanstack/react-virtual";import{useRef as G}from"react";import{createContext as h}from"react";var m=h({virtualizer:null,enabled:!1});import{jsx as Q}from"react/jsx-runtime";import{Slot as C}from"@radix-ui/react-slot";import{cx as z}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function d({className:t,asChild:e,...o}){return T(e?C:"div",{...o,className:z(t,"px-small pt-small-1x")})}import{cx as bt}from"@xjur-ui/util";import{Slot as R}from"@radix-ui/react-slot";import{cva as N}from"@xjur-ui/util";import{memo as g,useState as H}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function P({delayDuration:t=0,...e}){return c(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(P,{children:c(s.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as V}from"react/jsx-runtime";function x({...t}){return V(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as L}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function v({className:t,sideOffset:e=1,variant:o="simple",children:r,...a}){return b(n.Portal,{children:b(n.Content,{className:L("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":o,sideOffset:e,...a,children:r})})}import{jsx as p,jsxs as w}from"react/jsx-runtime";var S=N("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),u=g(({variant:t,size:e,weight:o,asChild:r,className:a,children:i,...l})=>p(r?R:"span",{className:S({variant:t,size:e,weight:o,className:a}),...l,children:i}));u.displayName="Typography";var E=g(({children:t,...e})=>{let[o,r]=H(!1);return w(f,{children:[p(x,{asChild:!0,children:p(u,{onMouseEnter:({currentTarget:i})=>{let l=i.scrollWidth>i.clientWidth;r(l),l?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),o&&p(v,{children:t})]})});E.displayName="TruncatedTypography";import{jsx as Ct}from"react/jsx-runtime";import{Slot as Pt}from"@radix-ui/react-slot";import{cx as Lt}from"@xjur-ui/util";import{useContext as Nt}from"react";import{jsx as Et}from"react/jsx-runtime";import{Slot as Mt}from"@radix-ui/react-slot";import{cx as At,cva as k}from"@xjur-ui/util";import{jsx as $t}from"react/jsx-runtime";var Bt=k(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{jsx as M}from"react/jsx-runtime";function jt(t){return M(d,{...t})}export{jt as SelectHeader};

package/dist/components/controls/select/select-multi-value.d.ts

@@ -4,7 +4,5 @@ interface SelectMultiValueProps extends Omit<ComponentProps<'input'>, 'value'> {
     renderValue: (value: TSelectValue) => React.ReactNode;
     value: TSelectValue[];
 }
-export declare function SelectMultiValue({ className, value, placeholder, renderValue, ...props }: SelectMultiValueProps & {
-    renderValue: (value: TSelectValue) => React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function SelectMultiValue({ className, value, placeholder, renderValue, ...props }: SelectMultiValueProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/controls/select/select-multi-value.js

@@ -1 +1 @@
-import{twMerge as P}from"@xjur-ui/util";import{Fragment as D,useMemo as C}from"react";import{Slot as R}from"@radix-ui/react-slot";import{cva as F}from"@xjur-ui/util";import{memo as b,useState as N}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function k({delayDuration:t=0,...e}){return c(p.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(k,{children:c(p.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as V}from"react/jsx-runtime";function g({...t}){return V(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as m from"@radix-ui/react-tooltip";import{cx as M}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function x({className:t,sideOffset:e=1,variant:o="simple",children:i,...r}){return v(m.Portal,{children:v(m.Content,{className:M("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":o,sideOffset:e,...r,children:i})})}import{jsx as d,jsxs as I}from"react/jsx-runtime";var S=F("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),n=b(({variant:t,size:e,weight:o,asChild:i,className:r,...a})=>d(i?R:"span",{className:S({variant:t,size:e,weight:o,className:r}),...a}));n.displayName="Typography";var E=b(({children:t,...e})=>{let[o,i]=N(!1);return I(f,{children:[d(g,{asChild:!0,children:d(n,{onMouseEnter:({currentTarget:a})=>{let s=a.scrollWidth>a.clientWidth;i(s),s?a.style.cursor="pointer":a.style.cursor="text"},...e,children:t})}),o&&d(x,{children:t})]})});E.displayName="TruncatedTypography";import{createContext as L,useContext as O}from"react";var A=L({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function u(){let t=O(A);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as B}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function z({className:t,htmlFor:e,children:o,...i}){let{state:r}=u(),a=B({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return T("label",{className:a({className:t,state:r}),htmlFor:e,...i,children:T("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as l,jsxs as W}from"react/jsx-runtime";function gt({className:t,value:e,placeholder:o,renderValue:i,...r}){let{variant:a}=u(),s=C(()=>a==="filter"?!1:!e&&o,[e,o,a]),w=C(()=>Array.isArray(e)&&e.length>0,[e]);return W("div",{className:P(t,"gap-small-1x scrollbar-hide grid w-full items-center overflow-x-hidden","group-disabled:!pl-0"),children:[o&&a==="filter"&&l(z,{children:o}),o&&a==="filter"&&l(n,{className:"invisible col-start-1 row-start-1 self-center",children:o}),s&&l(n,{className:"text-neutral-dark",children:o}),l("div",{className:"gap-small-1x col-start-1 row-start-1 flex items-center",children:e.map(h=>l(D,{children:i(h)},h.value))}),l("input",{...r,"aria-readonly":!0,className:P(t,"pointer-events-none"),hidden:!0,placeholder:w?"":" ",readOnly:!0,value:Array.isArray(e)?e.join(","):e})]})}export{gt as SelectMultiValue};
+import{twMerge as C}from"@xjur-ui/util";import{Fragment as D,useMemo as w}from"react";import{Slot as F}from"@radix-ui/react-slot";import{cva as R}from"@xjur-ui/util";import{memo as T,useState as N}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function k({delayDuration:t=0,...e}){return f(p.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function g({...t}){return f(k,{children:f(p.Root,{"data-slot":"tooltip",...t})})}import*as v from"@radix-ui/react-tooltip";import{jsx as M}from"react/jsx-runtime";function x({...t}){return M(v.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as m from"@radix-ui/react-tooltip";import{cx as V}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function h({className:t,sideOffset:e=1,variant:o="simple",children:i,...r}){return b(m.Portal,{children:b(m.Content,{className:V("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":o,sideOffset:e,...r,children:i})})}import{jsx as d,jsxs as I}from"react/jsx-runtime";var S=R("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),n=T(({variant:t,size:e,weight:o,asChild:i,className:r,children:a,...l})=>d(i?F:"span",{className:S({variant:t,size:e,weight:o,className:r}),...l,children:a}));n.displayName="Typography";var E=T(({children:t,...e})=>{let[o,i]=N(!1);return I(g,{children:[d(x,{asChild:!0,children:d(n,{onMouseEnter:({currentTarget:a})=>{let l=a.scrollWidth>a.clientWidth;i(l),l?a.style.cursor="pointer":a.style.cursor="text"},...e,children:t})}),o&&d(h,{children:t})]})});E.displayName="TruncatedTypography";import{createContext as L,useContext as O}from"react";var A=L({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function u(){let t=O(A);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as B}from"@xjur-ui/util";import{jsx as z}from"react/jsx-runtime";function P({className:t,htmlFor:e,children:o,...i}){let{state:r}=u(),a=B({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 z("label",{className:a({className:t,state:r}),htmlFor:e,...i,children:z("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as s,jsxs as W}from"react/jsx-runtime";function gt({className:t,value:e,placeholder:o,renderValue:i,...r}){let{variant:a}=u(),l=w(()=>a==="filter"?!1:!e&&o,[e,o,a]),y=w(()=>Array.isArray(e)&&e.length>0,[e]);return W("div",{className:C(t,"gap-small-1x scrollbar-hide grid w-full items-center overflow-x-hidden","group-disabled:!pl-0"),children:[o&&a==="filter"&&s(P,{children:o}),o&&a==="filter"&&s(n,{className:"invisible col-start-1 row-start-1 self-center",children:o}),l&&s(n,{className:"text-neutral-dark",children:o}),s("div",{className:"gap-small-1x col-start-1 row-start-1 flex items-center",children:e.map(c=>s(D,{children:i?i(c):c.label},c.value))}),s("input",{...r,"aria-readonly":!0,className:C(t,"pointer-events-none"),hidden:!0,placeholder:y?"":" ",readOnly:!0,value:Array.isArray(e)?e.join(","):e})]})}export{gt as SelectMultiValue};

package/dist/components/controls/select/select-option-text.js

@@ -1 +1 @@
-import{twMerge as M}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as u}from"@xjur-ui/util";import{memo as g,useState as C}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as m}from"react/jsx-runtime";function h({delayDuration:t=0,...o}){return m(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function d({...t}){return m(h,{children:m(s.Root,{"data-slot":"tooltip",...t})})}import*as v from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function c({...t}){return b(v.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as z}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function y({className:t,sideOffset:o=1,variant:i="simple",children:a,...r}){return T(l.Portal,{children:T(l.Content,{className:z("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":i,sideOffset:o,...r,children:a})})}import{jsx as n,jsxs as V}from"react/jsx-runtime";var R=u("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),x=g(({variant:t,size:o,weight:i,asChild:a,className:r,...e})=>n(a?P:"span",{className:R({variant:t,size:o,weight:i,className:r}),...e}));x.displayName="Typography";var f=g(({children:t,...o})=>{let[i,a]=C(!1);return V(d,{children:[n(c,{asChild:!0,children:n(x,{onMouseEnter:({currentTarget:e})=>{let p=e.scrollWidth>e.clientWidth;a(p),p?e.style.cursor="pointer":e.style.cursor="text"},...o,children:t})}),i&&n(y,{children:t})]})});f.displayName="TruncatedTypography";import{jsx as N}from"react/jsx-runtime";function X({className:t,...o}){return N(f,{className:M(t,"truncate"),...o})}export{X as SelectOptionText};
+import{twMerge as M}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as u}from"@xjur-ui/util";import{memo as g,useState as C}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as m}from"react/jsx-runtime";function h({delayDuration:t=0,...o}){return m(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function d({...t}){return m(h,{children:m(l.Root,{"data-slot":"tooltip",...t})})}import*as v from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function c({...t}){return b(v.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as z}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function y({className:t,sideOffset:o=1,variant:i="simple",children:a,...r}){return T(n.Portal,{children:T(n.Content,{className:z("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":i,sideOffset:o,...r,children:a})})}import{jsx as p,jsxs as V}from"react/jsx-runtime";var R=u("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),x=g(({variant:t,size:o,weight:i,asChild:a,className:r,children:e,...s})=>p(a?P:"span",{className:R({variant:t,size:o,weight:i,className:r}),...s,children:e}));x.displayName="Typography";var f=g(({children:t,...o})=>{let[i,a]=C(!1);return V(d,{children:[p(c,{asChild:!0,children:p(x,{onMouseEnter:({currentTarget:e})=>{let s=e.scrollWidth>e.clientWidth;a(s),s?e.style.cursor="pointer":e.style.cursor="text"},...o,children:t})}),i&&p(y,{children:t})]})});f.displayName="TruncatedTypography";import{jsx as N}from"react/jsx-runtime";function Y({className:t,...o}){return N(f,{className:M(t,"truncate"),...o})}export{Y as SelectOptionText};

package/dist/components/controls/select/select-option.d.ts

@@ -1,3 +1,9 @@
 import type { ComponentProps } from 'react';
 import { ListItem } from '../../list';
-export declare function SelectOption({ className, ...props }: ComponentProps<typeof ListItem>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectOption({ className, value, ...props }: Omit<ComponentProps<typeof ListItem>, 'value'> & {
+    className?: string;
+    value?: string | {
+        value: string;
+        label: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-import{twMerge as D}from"@xjur-ui/util";import{Slot as W}from"@radix-ui/react-slot";import{cx as Y}from"@xjur-ui/util";import{useVirtualizer as F}from"@tanstack/react-virtual";import{useRef as J}from"react";import{createContext as h}from"react";var m=h({virtualizer:null,enabled:!1});import{jsx as U}from"react/jsx-runtime";import{Slot as _}from"@radix-ui/react-slot";import{cx as tt}from"@xjur-ui/util";import{jsx as ot}from"react/jsx-runtime";import{cx as Ct}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as V}from"@xjur-ui/util";import{memo as g,useState as L}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function z({delayDuration:t=0,...e}){return d(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function c({...t}){return d(z,{children:d(l.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as C}from"react/jsx-runtime";function f({...t}){return C(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as s from"@radix-ui/react-tooltip";import{cx as T}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function x({className:t,sideOffset:e=1,variant:o="simple",children:r,...a}){return b(s.Portal,{children:b(s.Content,{className:T("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,...a,children:r})})}import{jsx as n,jsxs as S}from"react/jsx-runtime";var N=V("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),u=g(({variant:t,size:e,weight:o,asChild:r,className:a,...i})=>n(r?P:"span",{className:N({variant:t,size:e,weight:o,className:a}),...i}));u.displayName="Typography";var R=g(({children:t,...e})=>{let[o,r]=L(!1);return S(c,{children:[n(f,{asChild:!0,children:n(u,{onMouseEnter:({currentTarget:i})=>{let p=i.scrollWidth>i.clientWidth;r(p),p?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),o&&n(x,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as Vt}from"react/jsx-runtime";import{Slot as Rt}from"@radix-ui/react-slot";import{cx as wt}from"@xjur-ui/util";import{useContext as kt}from"react";import{jsx as Dt}from"react/jsx-runtime";import{Slot as w}from"@radix-ui/react-slot";import{cx as E,cva as k}from"@xjur-ui/util";import{jsx as M}from"react/jsx-runtime";var H=k(["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 v({className:t,size:e,isActive:o,asChild:r,...a}){return M(r?w:"li",{...a,className:E(H({size:e,isActive:o}),t)})}import{jsx as I}from"react/jsx-runtime";function te({className:t,...e}){return I(v,{className:D(t,"cursor-pointer"),...e})}export{te as SelectOption};
+import{twMerge as D}from"@xjur-ui/util";import{Slot as $}from"@radix-ui/react-slot";import{cx as q}from"@xjur-ui/util";import{useVirtualizer as G}from"@tanstack/react-virtual";import{useRef as K}from"react";import{createContext as h}from"react";var m=h({virtualizer:null,enabled:!1});import{jsx as X}from"react/jsx-runtime";import{Slot as j}from"@radix-ui/react-slot";import{cx as et}from"@xjur-ui/util";import{jsx as rt}from"react/jsx-runtime";import{cx as Tt}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as V}from"@xjur-ui/util";import{memo as g,useState as L}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function C({delayDuration:t=0,...e}){return d(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function c({...t}){return d(C,{children:d(s.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as z}from"react/jsx-runtime";function f({...t}){return z(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as n from"@radix-ui/react-tooltip";import{cx as T}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function x({className:t,sideOffset:e=1,variant:o="simple",children:r,...a}){return b(n.Portal,{children:b(n.Content,{className:T("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,...a,children:r})})}import{jsx as p,jsxs as S}from"react/jsx-runtime";var N=V("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),u=g(({variant:t,size:e,weight:o,asChild:r,className:a,children:i,...l})=>p(r?P:"span",{className:N({variant:t,size:e,weight:o,className:a}),...l,children:i}));u.displayName="Typography";var R=g(({children:t,...e})=>{let[o,r]=L(!1);return S(c,{children:[p(f,{asChild:!0,children:p(u,{onMouseEnter:({currentTarget:i})=>{let l=i.scrollWidth>i.clientWidth;r(l),l?i.style.cursor="pointer":i.style.cursor="text"},...e,children:t})}),o&&p(x,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as Lt}from"react/jsx-runtime";import{Slot as St}from"@radix-ui/react-slot";import{cx as Et}from"@xjur-ui/util";import{useContext as Ht}from"react";import{jsx as It}from"react/jsx-runtime";import{Slot as w}from"@radix-ui/react-slot";import{cx as E,cva as k}from"@xjur-ui/util";import{jsx as M}from"react/jsx-runtime";var H=k(["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 v({className:t,size:e,isActive:o,asChild:r,...a}){return M(r?w:"li",{...a,className:E(H({size:e,isActive:o}),t)})}import{jsx as I}from"react/jsx-runtime";function ee({className:t,value:e,...o}){return I(v,{className:D(t,"cursor-pointer"),value:typeof e=="object"?e?.value:e,...o})}export{ee as SelectOption};

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

@@ -1 +1 @@
-import{Slot as Y}from"@radix-ui/react-slot";import{cx as F}from"@xjur-ui/util";import{useVirtualizer as J}from"@tanstack/react-virtual";import{useRef as Q}from"react";import{createContext as V}from"react";var n=V({virtualizer:null,enabled:!1});import{jsx as Z}from"react/jsx-runtime";import{Slot as tt}from"@radix-ui/react-slot";import{cx as ot}from"@xjur-ui/util";import{jsx as rt}from"react/jsx-runtime";import{cx as Pt}from"@xjur-ui/util";import{Slot as S}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as C,useState as w}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function L({delayDuration:t=0,...e}){return c(p.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(L,{children:c(p.Root,{"data-slot":"tooltip",...t})})}import*as g from"@radix-ui/react-tooltip";import{jsx as R}from"react/jsx-runtime";function x({...t}){return R(g.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as m from"@radix-ui/react-tooltip";import{cx as N}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function v({className:t,sideOffset:e=1,variant:a="simple",children:i,...l}){return h(m.Portal,{children:h(m.Content,{className:N("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,...l,children:i})})}import{jsx as d,jsxs as M}from"react/jsx-runtime";var k=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"}}),u=C(({variant:t,size:e,weight:a,asChild:i,className:l,...o})=>d(i?S:"span",{className:k({variant:t,size:e,weight:a,className:l}),...o}));u.displayName="Typography";var H=C(({children:t,...e})=>{let[a,i]=w(!1);return M(f,{children:[d(x,{asChild:!0,children:d(u,{onMouseEnter:({currentTarget:o})=>{let r=o.scrollWidth>o.clientWidth;i(r),r?o.style.cursor="pointer":o.style.cursor="text"},...e,children:t})}),a&&d(v,{children:t})]})});H.displayName="TruncatedTypography";import{jsx as Rt}from"react/jsx-runtime";import{Slot as D}from"@radix-ui/react-slot";import{cx as z}from"@xjur-ui/util";import{useContext as A}from"react";import{jsx as y}from"react/jsx-runtime";function b({className:t,asChild:e,children:a,renderItem:i,...l}){let o=e?D:"ul",{virtualizer:r,enabled:T}=A(n);if(T&&r&&i){let P=r.getVirtualItems();return y(o,{...l,className:z("p-small relative flex flex-col",t),style:{height:`${r.getTotalSize()}px`},children:P.map(s=>y("div",{className:"absolute top-0 left-0 w-full","data-index":s.index,ref:r.measureElement,style:{transform:`translateY(${s.start}px)`},children:i(s.index)},s.key))})}return y(o,{...l,className:z("gap-small-1x p-small flex flex-col",t),children:a})}import{Slot as At}from"@radix-ui/react-slot";import{cx as Ot,cva as B}from"@xjur-ui/util";import{jsx as It}from"react/jsx-runtime";var Wt=B(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{jsx as O}from"react/jsx-runtime";function ee(t){return O(b,{...t})}export{ee as SelectOptions};
+import{Slot as Y}from"@radix-ui/react-slot";import{cx as F}from"@xjur-ui/util";import{useVirtualizer as J}from"@tanstack/react-virtual";import{useRef as Q}from"react";import{createContext as V}from"react";var n=V({virtualizer:null,enabled:!1});import{jsx as Z}from"react/jsx-runtime";import{Slot as tt}from"@radix-ui/react-slot";import{cx as ot}from"@xjur-ui/util";import{jsx as rt}from"react/jsx-runtime";import{cx as Pt}from"@xjur-ui/util";import{Slot as S}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as z,useState as w}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as c}from"react/jsx-runtime";function L({delayDuration:t=0,...e}){return c(p.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function f({...t}){return c(L,{children:c(p.Root,{"data-slot":"tooltip",...t})})}import*as C from"@radix-ui/react-tooltip";import{jsx as R}from"react/jsx-runtime";function x({...t}){return R(C.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as m from"@radix-ui/react-tooltip";import{cx as N}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function v({className:t,sideOffset:e=1,variant:a="simple",children:r,...l}){return h(m.Portal,{children:h(m.Content,{className:N("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,...l,children:r})})}import{jsx as d,jsxs as M}from"react/jsx-runtime";var k=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"}}),u=z(({variant:t,size:e,weight:a,asChild:r,className:l,children:o,...i})=>d(r?S:"span",{className:k({variant:t,size:e,weight:a,className:l}),...i,children:o}));u.displayName="Typography";var H=z(({children:t,...e})=>{let[a,r]=w(!1);return M(f,{children:[d(x,{asChild:!0,children:d(u,{onMouseEnter:({currentTarget:o})=>{let i=o.scrollWidth>o.clientWidth;r(i),i?o.style.cursor="pointer":o.style.cursor="text"},...e,children:t})}),a&&d(v,{children:t})]})});H.displayName="TruncatedTypography";import{jsx as Rt}from"react/jsx-runtime";import{Slot as D}from"@radix-ui/react-slot";import{cx as T}from"@xjur-ui/util";import{useContext as A}from"react";import{jsx as y}from"react/jsx-runtime";function b({className:t,asChild:e,children:a,renderItem:r,...l}){let o=e?D:"ul",{virtualizer:i,enabled:g}=A(n);if(g&&i&&r){let P=i.getVirtualItems();return y(o,{...l,className:T("p-small relative flex flex-col",t),style:{height:`${i.getTotalSize()}px`},children:P.map(s=>y("div",{className:"absolute top-0 left-0 w-full","data-index":s.index,ref:i.measureElement,style:{transform:`translateY(${s.start}px)`},children:r(s.index)},s.key))})}return y(o,{...l,className:T("gap-small-1x p-small flex flex-col",t),children:a})}import{Slot as At}from"@radix-ui/react-slot";import{cx as Ot,cva as B}from"@xjur-ui/util";import{jsx as It}from"react/jsx-runtime";var Wt=B(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});import{jsx as O}from"react/jsx-runtime";function ee(t){return O(b,{...t})}export{ee as SelectOptions};

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

@@ -1,3 +1,5 @@
 import type { ComponentProps } from 'react';
 import * as RadixPopover from '@radix-ui/react-popover';
-export declare function SelectTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectTrigger({ className, ...props }: Omit<ComponentProps<typeof RadixPopover.Trigger>, 'className'> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;