@xjur-ui/react 2.3.0 → 3.0.0

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

@@ -1,2 +1 @@
-import {b as b$1,c as c$1,d}from'../../chunk-NELCN6E2.js';import {a}from'../../chunk-KS6WGBHQ.js';import {a as a$2,c as c$2,d as d$1,e,h,i}from'../../chunk-6EDRVSCQ.js';import'../../chunk-HRG3L64O.js';import'../../chunk-XPC3GTK7.js';import'../../chunk-5CA552M6.js';import'../../chunk-4ZEXJODE.js';import'../../chunk-NQFPNHFQ.js';import'../../chunk-PN2PHVKQ.js';import'../../chunk-WW4B3LUO.js';import'../../chunk-CBFC4QME.js';import {b}from'../../chunk-M6ZI7M3R.js';import {b as b$2}from'../../chunk-DVDHTP4C.js';import {a as a$1}from'../../chunk-EIG6CBTQ.js';import {cx}from'@xjur-ui/util';import {useMemo,useCallback,useState}from'react';import {useEditor,EditorContext,useCurrentEditor,EditorContent,useEditorState}from'@tiptap/react';export{useCurrentEditor as useRichTextEditor,useEditorState as useRichTextEditorState}from'@tiptap/react';import {StarterKit}from'@tiptap/starter-kit';import {Heading}from'@tiptap/extension-heading';import {Placeholder}from'@tiptap/extension-placeholder';import {jsx,jsxs}from'react/jsx-runtime';var c={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function X({className:t,editorOptions:n,...r}){let i=useEditor({...n,extensions:[StarterKit.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:false}),Placeholder.configure({placeholder:({node:o,editor:s})=>o.type.name==="paragraph"&&s.isEmpty?"Digite aqui\u2026":"",showOnlyWhenEditable:true,includeChildren:false,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"}),Heading.configure({levels:[1,2,3]}).extend({renderHTML({node:o,HTMLAttributes:s}){let u=o.attrs.level??1;return ["h",{...s,class:c[u]},0]}}),...n?.extensions??[]]}),a=useMemo(()=>({editor:i}),[i]);return jsx(EditorContext.Provider,{value:a,children:jsx("div",{className:cx("gap-small flex w-full flex-col",t),"data-slot":"text-area-root",...r})})}function j({className:t,...n}){return jsx("div",{className:cx("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",t),"data-slot":"text-area-content",...n})}function ee({className:t,...n}){return jsx("p",{...n,className:cx("text-size-body-sm text-neutral-dark font-normal",t),"data-slot":"text-area-caption"})}function te({className:t,...n}){let{editor:r}=useCurrentEditor();return jsx(EditorContent,{className:cx("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",t),editor:r,...n})}function oe({className:t,...n}){return jsx("div",{className:cx("h-large-4x gap-small-1x h-large-6px scrollbar-hide flex flex-nowrap items-center overflow-x-auto overflow-y-hidden",t),"data-slot":"text-area-toolbar",...n})}function $({appearance:t="ghost",variant:n="secondary",onMouseDown:r,onPointerDown:i,...a}){return jsx(b,{appearance:t,size:"icon_md",tabIndex:-1,type:"button",variant:n,onMouseDown:o=>{o.preventDefault(),r?.(o);},onPointerDown:o=>{o.preventDefault(),i?.(o);},...a})}function re({name:t,...n}){let{editor:r}=useCurrentEditor(),{shortcut:i}=a(),a$2=useEditorState({editor:r,selector:d=>d.editor?.isActive(t)??false}),o=useMemo(()=>new Map([["bold","format_bold"],["italic","format_italic"],["underline","format_underlined"],["strike","format_strikethrough"],["bulletList","format_list_bulleted"],["orderedList","format_list_numbered"],["undo","undo"],["redo","redo"]]).get(t),[t]),s=useMemo(()=>new Map([["bold",`Negrito (${i} + B)`],["italic",`It\xE1lico (${i} + I)`],["underline",`Sublinhado (${i} + U)`],["strike",`Tachado (${i} + S)`],["bulletList",`Lista (${i} + Shift + 7)`],["orderedList",`Lista numerada (${i} + Shift + 8)`],["undo",`Desfazer (${i} + Z)`],["redo",`Refazer (${i} + Y)`]]).get(t),[t,i]),u=useCallback(()=>{if(!r)throw new Error("Editor not found");new Map([["bold",()=>r.chain().focus().toggleBold().run()],["italic",()=>r.chain().focus().toggleItalic().run()],["underline",()=>r.chain().focus().toggleUnderline().run()],["strike",()=>r.chain().focus().toggleStrike().run()],["bulletList",()=>r.chain().focus().toggleBulletList().run()],["orderedList",()=>r.chain().focus().toggleOrderedList().run()],["undo",()=>r.chain().focus().undo().run()],["redo",()=>r.chain().focus().redo().run()]]).get(t)?.();},[r,t]);return jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx($,{onClick:u,...a$2&&{appearance:"solid"},...n,children:o&&jsx(b$2,{className:"text-icon-neutral-3",name:o})})}),jsx(d,{children:s&&jsx(a$1,{size:"sm",children:s})})]})}function ne({appearance:t="ghost",variant:n="secondary",...r}){let[i$1,a]=useState(false),{editor:o}=useCurrentEditor(),s=useEditorState({editor:o,selector:l=>l.editor?.isActive("heading")??false}),u=useCallback(l=>{if(!o)throw new Error("Editor not found");return o.isActive("heading",{level:l})},[o]),d$2=useCallback(l=>{if(!o)throw new Error("Editor not found");a(false),setTimeout(()=>{o.chain().focus().toggleHeading({level:l}).run();},0);},[o]),P=[{level:1,label:"Normal",className:c[1]},{level:2,label:"Grande",className:c[2]},{level:3,label:"Enorme",className:c[3]}];return jsxs(a$2,{open:i$1,onOpenChange:l=>a(l),children:[jsx(c$2,{asChild:true,children:jsx(b,{appearance:s?"solid":t,size:"icon_md",tabIndex:-1,type:"button",variant:n,...r,children:jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(b$2,{className:"text-icon-neutral-3",name:"format_size"})}),jsx(d,{children:jsx(a$1,{size:"sm",children:"Tamanho"})})]})})}),jsx(d$1,{children:jsx(e,{children:P.map(l=>jsx(h,{isActive:u(l.level),onPointerDown:()=>d$2(l.level),children:jsx(i,{className:l.className,children:l.label})},l.level))})})]})}export{ne as HeadingButton,te as RichEditorAreaText,ee as RichEditorCaption,j as RichEditorContent,X as RichEditorRoot,oe as RichEditorToolbar,re as ToggleButton,$ as ToolbarButton};//# sourceMappingURL=rich-editor.js.map
-//# sourceMappingURL=rich-editor.js.map
+import{cx as f}from"@xjur-ui/util";import{useCallback as B,useMemo as H,useState as Ne}from"react";import{EditorContent as Ee,EditorContext as Ve,useCurrentEditor as A,useEditorState as K,useEditor as Ie}from"@tiptap/react";import{StarterKit as Se}from"@tiptap/starter-kit";import{Heading as Be}from"@tiptap/extension-heading";import{Placeholder as He}from"@tiptap/extension-placeholder";import{useState as Z,useEffect as J}from"react";function _(){let[e,t]=Z("unknown");return J(()=>{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 Q}from"@xjur-ui/util";import{jsx as X}from"react/jsx-runtime";function C({className:e,filled:t=!1,name:o,...r}){return X("span",{...r,className:Q("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 j}from"@radix-ui/react-slot";import{cva as ee,cx as te}from"@xjur-ui/util";import{jsx as re}from"react/jsx-runtime";var oe=ee(["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 re(e?j:"button",{className:te(oe({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as $ from"@radix-ui/react-dropdown-menu";import{jsx as ae}from"react/jsx-runtime";function T({...e}){return ae($.Root,{"data-slot":"dropdown-menu",...e})}import*as q from"@radix-ui/react-dropdown-menu";import{jsx as ie}from"react/jsx-runtime";function z({...e}){return ie(q.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as g from"@radix-ui/react-dropdown-menu";import{cx as Te}from"@xjur-ui/util";import{Slot as le}from"@radix-ui/react-slot";import{cx as se}from"@xjur-ui/util";import{useVirtualizer as pe}from"@tanstack/react-virtual";import{useRef as de}from"react";import{createContext as ne}from"react";var u=ne({virtualizer:null,enabled:!1});import{jsx as G}from"react/jsx-runtime";function M({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:l=5,...d}){let p=t?le:"div",m=de(null),s=pe({count:i,getScrollElement:()=>m.current,estimateSize:a,overscan:l,enabled:r});return G(u.Provider,{value:{virtualizer:s,enabled:r},children:G(p,{...d,className:se(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:m,children:o})})}import{Slot as gt}from"@radix-ui/react-slot";import{cx as xt}from"@xjur-ui/util";import{jsx as ht}from"react/jsx-runtime";import{cx as Mt}from"@xjur-ui/util";import{Slot as me}from"@radix-ui/react-slot";import{cva as ce}from"@xjur-ui/util";import{memo as ue}from"react";import{jsx as ge}from"react/jsx-runtime";var fe=ce("",{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=ue(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>ge(r?me:"span",{className:fe({variant:e,size:t,weight:o,className:i}),...a}));c.displayName="Typography";import{jsx as Rt}from"react/jsx-runtime";import{Slot as ve}from"@radix-ui/react-slot";import{cx as U}from"@xjur-ui/util";import{useContext as xe}from"react";import{jsx as D}from"react/jsx-runtime";function L({className:e,asChild:t,children:o,renderItem:r,...i}){let a=t?ve:"ul",{virtualizer:l,enabled:d}=xe(u);if(d&&l&&r){let p=l.getVirtualItems();return D(a,{...i,className:U("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:p.map(m=>D("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 D(a,{...i,className:U("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as be}from"@radix-ui/react-slot";import{cx as he,cva as ye}from"@xjur-ui/util";import{jsx as _e}from"react/jsx-runtime";var we=ye(["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 R({className:e,size:t,isActive:o,asChild:r,...i}){return _e(r?be:"li",{...i,className:he(we({size:t,isActive:o}),e)})}import{jsx as k}from"react/jsx-runtime";function N({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:i,...a}){return k(g.Portal,{children:k(g.Content,{align:o,className:Te("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:r,sideOffset:t,...a,children:k(M,{children:i})})})}import{jsx as ze}from"react/jsx-runtime";function E({...e}){return ze(L,{...e})}import{jsx as ao}from"react/jsx-runtime";import{cx as De}from"@xjur-ui/util";import"react";import*as Me from"@radix-ui/react-separator";import{cx as so}from"@xjur-ui/util";import{jsx as mo}from"react/jsx-runtime";import{jsx as W}from"react/jsx-runtime";function V({className:e,...t}){return W(R,{className:De(e,"cursor-pointer"),...t})}function I({...e}){return W(c,{...e})}import*as v from"@radix-ui/react-tooltip";import{jsx as S}from"react/jsx-runtime";function Le({delayDuration:e=0,...t}){return S(v.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function x({...e}){return S(Le,{children:S(v.Root,{"data-slot":"tooltip",...e})})}import*as Y from"@radix-ui/react-tooltip";import{jsx as Re}from"react/jsx-runtime";function b({...e}){return Re(Y.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as h from"@radix-ui/react-tooltip";import{cx as ke}from"@xjur-ui/util";import{jsx as F}from"react/jsx-runtime";function y({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return F(h.Portal,{children:F(h.Content,{className:ke("text-size-body-sm 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 n,jsxs as O}from"react/jsx-runtime";var w={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function jo({className:e,editorOptions:t,...o}){let r=Ie({...t,extensions:[Se.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),He.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"}),Be.configure({levels:[1,2,3]}).extend({renderHTML({node:a,HTMLAttributes:l}){let d=a.attrs.level??1;return["h",{...l,class:w[d]},0]}}),...t?.extensions??[]]}),i=H(()=>({editor:r}),[r]);return n(Ve.Provider,{value:i,children:n("div",{className:f("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...o})})}function er({className:e,...t}){return n("div",{className:f("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 tr({className:e,...t}){return n("p",{...t,className:f("text-size-body-sm text-neutral-dark font-normal",e),"data-slot":"text-area-caption"})}function or({className:e,...t}){let{editor:o}=A();return n(Ee,{className:f("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",e),editor:o,...t})}function rr({className:e,...t}){return n("div",{className:f("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 Oe({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 ar({name:e,...t}){let{editor:o}=A(),{shortcut:r}=_(),i=K({editor:o,selector:p=>p.editor?.isActive(e)??!1}),a=H(()=>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=H(()=>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=B(()=>{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 O(x,{children:[n(b,{asChild:!0,children:n(Oe,{onClick:d,...i&&{appearance:"solid"},...t,children:a&&n(C,{className:"text-icon-neutral-3",name:a})})}),n(y,{children:l&&n(c,{size:"sm",children:l})})]})}function ir({appearance:e="ghost",variant:t="secondary",...o}){let[r,i]=Ne(!1),{editor:a}=A(),l=K({editor:a,selector:s=>s.editor?.isActive("heading")??!1}),d=B(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),p=B(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:w[1]},{level:2,label:"Grande",className:w[2]},{level:3,label:"Enorme",className:w[3]}];return O(T,{open:r,onOpenChange:s=>i(s),children:[n(z,{asChild:!0,children:n(P,{appearance:l?"solid":e,size:"icon_md",tabIndex:-1,type:"button",variant:t,...o,children:O(x,{children:[n(b,{asChild:!0,children:n(C,{className:"text-icon-neutral-3",name:"format_size"})}),n(y,{children:n(c,{size:"sm",children:"Tamanho"})})]})})}),n(N,{children:n(E,{children:m.map(s=>n(V,{isActive:d(s.level),onPointerDown:()=>p(s.level),children:n(I,{className:s.className,children:s.label})},s.level))})})]})}export{ir as HeadingButton,or as RichEditorAreaText,tr as RichEditorCaption,er as RichEditorContent,jo as RichEditorRoot,rr as RichEditorToolbar,ar as ToggleButton,Oe as ToolbarButton,A as useRichTextEditor,K as useRichTextEditorState};

package/dist/components/controls/search-input.d.ts

@@ -1,25 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { MaskOptions } from '@react-input/mask';
-import { NumericFormatProps } from 'react-number-format';
-import { I as InputMaskType } from '../../input-mask-DhbtCxF7.js';
-import { ButtonProps } from './button.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-type SearchInputProps = {
+import { type ComponentProps } from 'react';
+import { type MaskOptions } from '@react-input/mask';
+import { type NumericFormatProps } from 'react-number-format';
+import { type InputMaskType } from '../../resources/input-mask';
+import { type ButtonProps } from './button';
+export type SearchInputProps = {
     variant?: 'outlined' | 'line' | 'action';
 };
-declare function SearchInputRoot({ className, variant, ...props }: ComponentProps<'div'> & SearchInputProps): react_jsx_runtime.JSX.Element;
-declare function SearchInputContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SearchInputLabel({ htmlFor, ...props }: ComponentProps<'label'>): react_jsx_runtime.JSX.Element;
-declare function SearchInputText({ className, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
-declare function SearchInputMask({ className, mask, customMask, ...props }: ComponentProps<'input'> & {
+export declare function SearchInputRoot({ className, variant, ...props }: ComponentProps<'div'> & SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInputContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInputLabel({ htmlFor, ...props }: ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInputText({ className, ...props }: ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInputMask({ className, mask, customMask, ...props }: ComponentProps<'input'> & {
     mask?: InputMaskType;
     customMask?: MaskOptions;
-}): react_jsx_runtime.JSX.Element;
-declare function SearchInputNumber({ className, ...props }: NumericFormatProps): react_jsx_runtime.JSX.Element;
-declare function SearchInputSlot(props: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SearchInputAction({ className, appearance, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-export { SearchInputAction, SearchInputContent, SearchInputLabel, SearchInputMask, SearchInputNumber, type SearchInputProps, SearchInputRoot, SearchInputSlot, SearchInputText };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInputNumber({ className, ...props }: NumericFormatProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInputSlot(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInputAction({ className, appearance, variant, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{h as SearchInputAction,b as SearchInputContent,c as SearchInputLabel,e as SearchInputMask,f as SearchInputNumber,a as SearchInputRoot,g as SearchInputSlot,d as SearchInputText}from'../../chunk-ZHLE6XEC.js';import'../../chunk-PBR7SFWY.js';import'../../chunk-M6ZI7M3R.js';import'../../chunk-EIG6CBTQ.js';//# sourceMappingURL=search-input.js.map
-//# sourceMappingURL=search-input.js.map
+import{cva as _,cx as s}from"@xjur-ui/util";import{createContext as V}from"react";import{InputMask as w}from"@react-input/mask";import{NumericFormat as A}from"react-number-format";import{Slot as u}from"@radix-ui/react-slot";import{cva as b}from"@xjur-ui/util";import{memo as y}from"react";import{jsx as h}from"react/jsx-runtime";var x=b("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),l=y(({variant:t,size:e,weight:a,asChild:o,className:n,...i})=>h(o?u:"span",{className:x({variant:t,size:e,weight:a,className:n}),...i}));l.displayName="Typography";function p(t,e){switch(t){case"cpf":return{...e,...v};case"cnpj":return{...e,...g};case"telefone":return{...e,...f};case"cep":return{...e,...z};case"numero-processo":return{...e,...k};case"data":return{...e,...C};case"hora":return{...e,...M};case"data-hora":return{...e,...P};case"custom":if(!e)throw new Error("Options are required for custom mask");return e}}var v={mask:"###.###.###-##",replacement:{"#":/\d/}},g={mask:"##.###.###/####-##",replacement:{"#":/\d/}},f={mask:"(##) #####-####",replacement:{"#":/\d/}},z={mask:"#####-###",replacement:{"#":/\d/}},k={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},C={mask:"##/##/####",replacement:{"#":/\d/}},M={mask:"##:##",replacement:{"#":/\d/}},P={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as S}from"@radix-ui/react-slot";import{cva as I,cx as O}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";var N=I(["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 c({asChild:t,className:e,variant:a="primary",size:o="md",appearance:n="solid",...i}){return T(t?S:"button",{className:O(N({variant:a,appearance:n,size:o}),e),...i})}import{jsx as r}from"react/jsx-runtime";var d=V({variant:"outlined"});function Z({className:t,variant:e="outlined",...a}){return r(d.Provider,{value:{variant:e},children:r("div",{className:s("relative flex",t),...a})})}function $({className:t,...e}){let a=_(["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 r(d.Consumer,{children:({variant:o})=>r("div",{className:s(t,a({variant:o})),"data-variant":o,...e})})}function ee({htmlFor:t,...e}){return r(l,{asChild:!0,className:s("absolute -top-[22px] left-0"),size:"sm",variant:"label",weight:"medium",children:r("label",{htmlFor:t,...e})})}function te({className:t,...e}){return r("input",{className:s(t,"flex-1 outline-none"),...e})}function ae({className:t,mask:e,customMask:a,...o}){return r(w,{...e?{...p(e)}:a&&{...a},className:s(t,"flex-1 outline-none"),...o})}function re({className:t,...e}){return r(A,{className:s(t,"flex-1 outline-none"),...e})}function oe(t){return r("div",{...t,"data-slot":"search-input-slot"})}function se({className:t,appearance:e="ghost",variant:a="outlined",...o}){return r(c,{...o,appearance:e,className:s(t,"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{se as SearchInputAction,$ as SearchInputContent,ee as SearchInputLabel,ae as SearchInputMask,re as SearchInputNumber,Z as SearchInputRoot,oe as SearchInputSlot,te as SearchInputText};

package/dist/components/controls/search-selector.d.ts

@@ -1,8 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { MaskOptions } from '@react-input/mask';
-import { I as InputMaskType } from '../../input-mask-DhbtCxF7.js';
-
+import { type ComponentProps } from 'react';
+import type { MaskOptions } from '@react-input/mask';
+import type { InputMaskType } from '../../resources/input-mask';
 interface SelectorOption {
     label: string;
     value: string;
@@ -14,6 +12,5 @@ interface SearchSelectorProps extends ComponentProps<'input'> {
     customMask?: MaskOptions;
     onChangeSearchOption?: (option: string) => void;
 }
-declare function SearchSelector({ options, mask, customMask, placeholder, onChangeSearchOption, selectedSearchOption: initialSelectedSearchOption, ...props }: SearchSelectorProps): react_jsx_runtime.JSX.Element;
-
-export { SearchSelector };
+export declare function SearchSelector({ options, mask, customMask, placeholder, onChangeSearchOption, selectedSearchOption: initialSelectedSearchOption, ...props }: SearchSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1 @@
-import {a,b,g,e,d,h}from'../../chunk-ZHLE6XEC.js';import'../../chunk-PBR7SFWY.js';import {a as a$1,c,d as d$1,e as e$1,h as h$1,i}from'../../chunk-6EDRVSCQ.js';import'../../chunk-HRG3L64O.js';import'../../chunk-XPC3GTK7.js';import'../../chunk-5CA552M6.js';import'../../chunk-4ZEXJODE.js';import'../../chunk-NQFPNHFQ.js';import'../../chunk-PN2PHVKQ.js';import'../../chunk-WW4B3LUO.js';import'../../chunk-CBFC4QME.js';import'../../chunk-M6ZI7M3R.js';import {b as b$1}from'../../chunk-DVDHTP4C.js';import'../../chunk-EIG6CBTQ.js';import {useState,useMemo}from'react';import {jsxs,jsx}from'react/jsx-runtime';function A({options:o,mask:p,customMask:c$1,placeholder:u="Pesquisar",onChangeSearchOption:g$1,selectedSearchOption:v,...s}){let[r,C]=useState(v),O=useMemo(()=>o.find(t=>t.value===r)?.label,[o,r]);return jsxs(a,{className:"w-full",variant:"action",children:[jsxs(b,{children:[jsx(g,{children:jsx(b$1,{className:"text-icon-neutral-3",name:"search"})}),p||c$1?jsx(e,{customMask:c$1,mask:p,placeholder:u,...s}):jsx(d,{placeholder:u,...s})]}),jsxs(a$1,{children:[jsx(c,{asChild:true,children:jsxs(h,{children:[O,jsx(b$1,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]})}),jsx(d$1,{children:jsx(e$1,{children:o.map(t=>jsx(h$1,{isActive:r===t.value,onClick:()=>{C(t.value),g$1?.(t.value);},children:jsx(i,{children:t.label})},t.value))})})]})]})}export{A as SearchSelector};//# sourceMappingURL=search-selector.js.map
-//# sourceMappingURL=search-selector.js.map
+import{useMemo as Ne,useState as Ve}from"react";import"react";import*as D from"@radix-ui/react-dropdown-menu";import{jsx as $}from"react/jsx-runtime";function v({...e}){return $(D.Root,{"data-slot":"dropdown-menu",...e})}import*as T from"@radix-ui/react-dropdown-menu";import{jsx as G}from"react/jsx-runtime";function b({...e}){return G(T.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}import*as x from"@radix-ui/react-dropdown-menu";import{cx as de}from"@xjur-ui/util";import{Slot as U}from"@radix-ui/react-slot";import{cx as Y}from"@xjur-ui/util";import{useVirtualizer as Q}from"@tanstack/react-virtual";import{useRef as W}from"react";import{createContext as J}from"react";var u=J({virtualizer:null,enabled:!1});import{jsx as R}from"react/jsx-runtime";function g({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:i=5,...d}){let c=t?U:"div",p=W(null),l=Q({count:a,getScrollElement:()=>p.current,estimateSize:n,overscan:i,enabled:r});return R(u.Provider,{value:{virtualizer:l,enabled:r},children:R(c,{...d,className:Y(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:p,children:o})})}import{Slot as We}from"@radix-ui/react-slot";import{cx as Ze}from"@xjur-ui/util";import{jsx as et}from"react/jsx-runtime";import{cx as pt}from"@xjur-ui/util";import{Slot as X}from"@radix-ui/react-slot";import{cva as Z}from"@xjur-ui/util";import{memo as j}from"react";import{jsx as te}from"react/jsx-runtime";var ee=Z("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=j(({variant:e,size:t,weight:o,asChild:r,className:a,...n})=>te(r?X:"span",{className:ee({variant:e,size:t,weight:o,className:a}),...n}));f.displayName="Typography";import{jsx as dt}from"react/jsx-runtime";import{Slot as re}from"@radix-ui/react-slot";import{cx as N}from"@xjur-ui/util";import{useContext as oe}from"react";import{jsx as _}from"react/jsx-runtime";function w({className:e,asChild:t,children:o,renderItem:r,...a}){let n=t?re:"ul",{virtualizer:i,enabled:d}=oe(u);if(d&&i&&r){let c=i.getVirtualItems();return _(n,{...a,className:N("p-small relative flex flex-col",e),style:{height:`${i.getTotalSize()}px`},children:c.map(p=>_("div",{className:"absolute top-0 left-0 w-full","data-index":p.index,ref:i.measureElement,style:{transform:`translateY(${p.start}px)`},children:r(p.index)},p.key))})}return _(n,{...a,className:N("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as ae}from"@radix-ui/react-slot";import{cx as ne,cva as ie}from"@xjur-ui/util";import{jsx as pe}from"react/jsx-runtime";var se=ie(["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 C({className:e,size:t,isActive:o,asChild:r,...a}){return pe(r?ae:"li",{...a,className:ne(se({size:t,isActive:o}),e)})}import{jsx as M}from"react/jsx-runtime";function P({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:a,...n}){return M(x.Portal,{children:M(x.Content,{align:o,className:de("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)]",e),"data-slot":"dropdown-menu-content",side:r,sideOffset:t,...n,children:M(g,{children:a})})})}import{jsx as ce}from"react/jsx-runtime";function k({...e}){return ce(w,{...e})}import{jsx as Et}from"react/jsx-runtime";import{cx as fe}from"@xjur-ui/util";import"react";import*as ue from"@radix-ui/react-separator";import{cx as qt}from"@xjur-ui/util";import{jsx as Gt}from"react/jsx-runtime";import{jsx as V}from"react/jsx-runtime";function z({className:e,...t}){return V(C,{className:fe(e,"cursor-pointer"),...t})}function S({...e}){return V(f,{...e})}import{cx as ye}from"@xjur-ui/util";import{jsx as xe}from"react/jsx-runtime";function I({className:e,filled:t=!1,name:o,...r}){return xe("span",{...r,className:ye("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{cva as De,cx as y}from"@xjur-ui/util";import{createContext as Te}from"react";import{InputMask as Re}from"@react-input/mask";import{NumericFormat as Pr}from"react-number-format";function L(e,t){switch(e){case"cpf":return{...t,...he};case"cnpj":return{...t,...ve};case"telefone":return{...t,...be};case"cep":return{...t,...ge};case"numero-processo":return{...t,..._e};case"data":return{...t,...we};case"hora":return{...t,...Ce};case"data-hora":return{...t,...Me};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var he={mask:"###.###.###-##",replacement:{"#":/\d/}},ve={mask:"##.###.###/####-##",replacement:{"#":/\d/}},be={mask:"(##) #####-####",replacement:{"#":/\d/}},ge={mask:"#####-###",replacement:{"#":/\d/}},_e={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},we={mask:"##/##/####",replacement:{"#":/\d/}},Ce={mask:"##:##",replacement:{"#":/\d/}},Me={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as Pe}from"@radix-ui/react-slot";import{cva as ke,cx as ze}from"@xjur-ui/util";import{jsx as Ie}from"react/jsx-runtime";var Se=ke(["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 O({asChild:e,className:t,variant:o="primary",size:r="md",appearance:a="solid",...n}){return Ie(e?Pe:"button",{className:ze(Se({variant:o,appearance:a,size:r}),t),...n})}import{jsx as m}from"react/jsx-runtime";var A=Te({variant:"outlined"});function H({className:e,variant:t="outlined",...o}){return m(A.Provider,{value:{variant:t},children:m("div",{className:y("relative flex",e),...o})})}function E({className:e,...t}){let o=De(["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(A.Consumer,{children:({variant:r})=>m("div",{className:y(e,o({variant:r})),"data-variant":r,...t})})}function K({className:e,...t}){return m("input",{className:y(e,"flex-1 outline-none"),...t})}function B({className:e,mask:t,customMask:o,...r}){return m(Re,{...t?{...L(t)}:o&&{...o},className:y(e,"flex-1 outline-none"),...r})}function F(e){return m("div",{...e,"data-slot":"search-input-slot"})}function q({className:e,appearance:t="ghost",variant:o="outlined",...r}){return m(O,{...r,appearance:t,className:y(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:o})}import{jsx as s,jsxs as h}from"react/jsx-runtime";function Lr({options:e,mask:t,customMask:o,placeholder:r="Pesquisar",onChangeSearchOption:a,selectedSearchOption:n,...i}){let[d,c]=Ve(n),p=Ne(()=>e.find(l=>l.value===d)?.label,[e,d]);return h(H,{className:"w-full",variant:"action",children:[h(E,{children:[s(F,{children:s(I,{className:"text-icon-neutral-3",name:"search"})}),t||o?s(B,{customMask:o,mask:t,placeholder:r,...i}):s(K,{placeholder:r,...i})]}),h(v,{children:[s(b,{asChild:!0,children:h(q,{children:[p,s(I,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]})}),s(P,{children:s(k,{children:e.map(l=>s(z,{isActive:d===l.value,onClick:()=>{c(l.value),a?.(l.value)},children:s(S,{children:l.label})},l.value))})})]})]})}export{Lr as SearchSelector};

package/dist/components/controls/select/index.d.ts

@@ -1,27 +1,14 @@
-export { SelectRoot } from './select-root.js';
-export { SelectTrigger } from './select-trigger.js';
-export { SelectIcon } from './select-icon.js';
-export { SelectValue } from './select-value.js';
-export { MultiSelectValue, SelectMultiValue } from './select-multi-value.js';
-export { SelectContent } from './select-content.js';
-export { SelectCaption } from './select-caption.js';
-export { SelectSlot } from './select-slot.js';
-export { SelectOptions } from './select-options.js';
-export { SelectOption } from './select-option.js';
-export { SelectOptionText } from './select-option-text.js';
-export { SelectHeader } from './select-header.js';
-export { SelectHeaderTitle } from './select-header-title.js';
-import 'react/jsx-runtime';
-import 'react';
-import '@radix-ui/react-popover';
-import '../context/field.context.js';
-import '@react-input/mask';
-import '../../../input-mask-DhbtCxF7.js';
-import '../../../icons-C-hGI45d.js';
-import '../../list/list-content.js';
-import '../../list/list-item.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-import '../../typography.js';
-import '../../list/list-header.js';
-import '../../list/list-header-title.js';
+export { SelectRoot } from './select-root';
+export { SelectTrigger } from './select-trigger';
+export { SelectIcon } from './select-icon';
+export { SelectValue } from './select-value';
+export { SelectMultiValue } from './select-multi-value';
+export { SelectContent } from './select-content';
+export { SelectCaption } from './select-caption';
+export { SelectSlot } from './select-slot';
+export { SelectOptions } from './select-options';
+export { SelectOption } from './select-option';
+export { SelectOptionText } from './select-option-text';
+export { SelectHeader } from './select-header';
+export { SelectHeaderTitle } from './select-header-title';
+export { type TSelectValue } from './types/select-value';

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

@@ -1,2 +1 @@
-import'../../../chunk-3QA5HU4T.js';export{a as SelectOptions}from'../../../chunk-RSILFO3M.js';export{a as SelectRoot}from'../../../chunk-EDVE3ICB.js';export{a as SelectSlot}from'../../../chunk-VWS2FZKZ.js';export{a as SelectTrigger}from'../../../chunk-WOVO46OF.js';export{a as SelectValue}from'../../../chunk-3RD2PGPH.js';export{a as SelectCaption}from'../../../chunk-TVYYMHLA.js';export{a as SelectContent}from'../../../chunk-H4XO5KQZ.js';export{a as SelectHeaderTitle}from'../../../chunk-CCSIBUKX.js';export{a as SelectHeader}from'../../../chunk-JHRYQ25B.js';export{a as SelectIcon}from'../../../chunk-XJFPH3IG.js';import'../../../chunk-SLQNE7TL.js';export{a as SelectMultiValue}from'../../../chunk-26RT6WUU.js';export{a as SelectOptionText}from'../../../chunk-3LWJK7RE.js';export{a as SelectOption}from'../../../chunk-LA22O6VE.js';import'../../../chunk-5Z3AIBBS.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-HRG3L64O.js';import'../../../chunk-XPC3GTK7.js';import'../../../chunk-5CA552M6.js';import'../../../chunk-4ZEXJODE.js';import'../../../chunk-NQFPNHFQ.js';import'../../../chunk-PN2PHVKQ.js';import'../../../chunk-WW4B3LUO.js';import'../../../chunk-DVDHTP4C.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import*as T from"@radix-ui/react-popover";import{createContext as H,useContext as A}from"react";var b=H({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function i(){let e=A(b);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as E}from"@xjur-ui/util";var s=E({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-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-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 v}from"react/jsx-runtime";var{wrapper:D}=s();function $({className:e,state:t="normal",defaultOpen:o,variant:r="normal",modal:n,open:a,onOpenChange:l,...m}){return v(T.Root,{defaultOpen:o,modal:n,open:a,onOpenChange:l,children:v(b.Provider,{value:{state:t,variant:r},children:v("div",{className:D({className:e,state:t}),...m})})})}import{tv as q,twMerge as B}from"@xjur-ui/util";import*as V from"@radix-ui/react-popover";import{jsx as Y}from"react/jsx-runtime";var{trigger:G}=s();function J({className:e,...t}){let{state:o,variant:r}=i(),n=q({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=B(G({state:o,className:e}),r==="filter"&&n({state:o,className:e}));return Y(V.Trigger,{className:a,disabled:o==="disabled",...t})}import{cx as K}from"@xjur-ui/util";import{jsx as Q}from"react/jsx-runtime";function k({className:e,filled:t=!1,name:o,...r}){return Q("span",{...r,className:K("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 R}from"react/jsx-runtime";var{icon:U}=s();function W({className:e,name:t,orientation:o="left",...r}){let{state:n}=i();return R("div",{className:U({className:e,state:n}),"data-slot":`control-${o}-slot`,...r,children:R(k,{name:t})})}import{twJoin as re}from"@xjur-ui/util";import{useMemo as ae}from"react";import{Slot as X}from"@radix-ui/react-slot";import{cva as Z}from"@xjur-ui/util";import{memo as j}from"react";import{jsx as te}from"react/jsx-runtime";var ee=Z("",{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=j(({variant:e,size:t,weight:o,asChild:r,className:n,...a})=>te(r?X:"span",{className:ee({variant:e,size:t,weight:o,className:n}),...a}));p.displayName="Typography";import{tv as oe}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";function x({className:e,htmlFor:t,children:o,...r}){let{state:n}=i(),a=oe({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 L("label",{className:a({className:e,state:n}),htmlFor:t,...r,children:L("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:o})})}import{jsx as g,jsxs as ie}from"react/jsx-runtime";function ne({className:e,value:t,placeholder:o,renderValue:r,...n}){let{variant:a}=i(),l=ae(()=>a==="filter"?r(t??""):r(t??"")||o,[t,o,a,r]);return ie("div",{className:"grid w-full items-center",children:[o&&a==="filter"&&g(x,{children:o}),o&&a==="filter"&&g(p,{className:"invisible col-start-1 row-start-1 self-center",children:o}),g(p,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:l}),g("input",{...n,"aria-readonly":!0,className:re("pointer-events-none",e),hidden:!0,placeholder:" ",readOnly:!0,value:t??""})]})}import{twMerge as N}from"@xjur-ui/util";import{Fragment as le,useMemo as F}from"react";import{jsx as f,jsxs as pe}from"react/jsx-runtime";function se({className:e,value:t,placeholder:o,renderValue:r,...n}){let{variant:a}=i(),l=F(()=>a==="filter"?!1:!t&&o,[t,o,a]),m=F(()=>Array.isArray(t)&&t.length>0,[t]);return pe("div",{className:N(e,"gap-small-1x scrollbar-hide grid w-full items-center overflow-x-hidden","group-disabled:!pl-0"),children:[o&&a==="filter"&&f(x,{children:o}),o&&a==="filter"&&f(p,{className:"invisible col-start-1 row-start-1 self-center",children:o}),l&&f(p,{className:"text-neutral-dark",children:o}),f("div",{className:"gap-small-1x col-start-1 row-start-1 flex items-center",children:t.map(c=>f(le,{children:r(c)},c.value))}),f("input",{...n,"aria-readonly":!0,className:N(e,"pointer-events-none"),hidden:!0,placeholder:m?"":" ",readOnly:!0,value:Array.isArray(t)?t.join(","):t})]})}import*as y from"@radix-ui/react-popover";import{Slot as de}from"@radix-ui/react-slot";import{cx as ce}from"@xjur-ui/util";import{useVirtualizer as fe}from"@tanstack/react-virtual";import{useRef as ue}from"react";import{createContext as me}from"react";var u=me({virtualizer:null,enabled:!1});import{jsx as I}from"react/jsx-runtime";function h({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:n=0,estimateSize:a=()=>48,overscan:l=5,...m}){let c=t?de:"div",d=ue(null),O=fe({count:n,getScrollElement:()=>d.current,estimateSize:a,overscan:l,enabled:r});return I(u.Provider,{value:{virtualizer:O,enabled:r},children:I(c,{...m,className:ce(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:d,children:o})})}import{Slot as xe}from"@radix-ui/react-slot";import{cx as ge}from"@xjur-ui/util";import{jsx as ye}from"react/jsx-runtime";function C({className:e,asChild:t,...o}){return ye(t?xe:"div",{...o,className:ge(e,"px-small pt-small-1x")})}import{cx as be}from"@xjur-ui/util";import{jsx as ve}from"react/jsx-runtime";function _({variant:e="label",size:t="sm",weight:o="medium",className:r,...n}){return ve(p,{className:be(r,"text-neutral-placeholder"),size:t,variant:e,weight:o,...n})}import{Slot as he}from"@radix-ui/react-slot";import{cx as M}from"@xjur-ui/util";import{useContext as Ce}from"react";import{jsx as P}from"react/jsx-runtime";function w({className:e,asChild:t,children:o,renderItem:r,...n}){let a=t?he:"ul",{virtualizer:l,enabled:m}=Ce(u);if(m&&l&&r){let c=l.getVirtualItems();return P(a,{...n,className:M("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:c.map(d=>P("div",{className:"absolute top-0 left-0 w-full","data-index":d.index,ref:l.measureElement,style:{transform:`translateY(${d.start}px)`},children:r(d.index)},d.key))})}return P(a,{...n,className:M("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as _e}from"@radix-ui/react-slot";import{cx as Pe,cva as we}from"@xjur-ui/util";import{jsx as Se}from"react/jsx-runtime";var ze=we(["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 z({className:e,size:t,isActive:o,asChild:r,...n}){return Se(r?_e:"li",{...n,className:Pe(ze({size:t,isActive:o}),e)})}import{jsx as S}from"react/jsx-runtime";var{content:Te}=s();function Ve({className:e,sideOffset:t=5,side:o="bottom",align:r="start",children:n,virtualized:a=!1,overscan:l=5,estimateSize:m=()=>32,...c}){let{state:d}=i();return S(y.Portal,{children:S(y.Content,{align:r,className:Te({className:e,state:d}),side:o,sideOffset:t,...c,children:S(h,{estimateSize:m,overscan:l,virtualized:a,children:n})})})}import{jsx as Le}from"react/jsx-runtime";var{caption:ke}=s();function Re({className:e,...t}){let{state:o}=i();return Le("p",{className:ke({className:e,state:o}),...t})}import{jsx as Ie}from"react/jsx-runtime";var{slotText:Ne}=s();function Fe({className:e,...t}){let{state:o}=i();return Ie("span",{className:Ne({className:e,state:o}),"data-slot":"control-left-slot",...t})}import{jsx as Oe}from"react/jsx-runtime";function Me(e){return Oe(w,{...e})}import{twMerge as He}from"@xjur-ui/util";import{jsx as Ee}from"react/jsx-runtime";function Ae({className:e,...t}){return Ee(z,{className:He(e,"cursor-pointer"),...t})}import{jsx as $e}from"react/jsx-runtime";function De(e){return $e(p,{...e})}import{jsx as Be}from"react/jsx-runtime";function qe(e){return Be(C,{...e})}import{jsx as Je}from"react/jsx-runtime";function Ge(e){return Je(_,{...e})}export{Re as SelectCaption,Ve as SelectContent,qe as SelectHeader,Ge as SelectHeaderTitle,W as SelectIcon,se as SelectMultiValue,Ae as SelectOption,De as SelectOptionText,Me as SelectOptions,$ as SelectRoot,Fe as SelectSlot,J as SelectTrigger,ne as SelectValue};

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

@@ -1,6 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare function SelectCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
-
-export { SelectCaption };
+import type { ComponentProps } from 'react';
+export declare function SelectCaption({ className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectCaption}from'../../../chunk-TVYYMHLA.js';import'../../../chunk-SLQNE7TL.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=select-caption.js.map
-//# sourceMappingURL=select-caption.js.map
+import{createContext as n,useContext as i}from"react";var l=n({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function t(){let e=i(l);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as s}from"@xjur-ui/util";var r=s({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x 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-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-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{caption:d}=r();function f({className:e,...o}){let{state:a}=t();return p("p",{className:d({className:e,state:a}),...o})}export{f as SelectCaption};

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

@@ -1,7 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import * as RadixPopover from '@radix-ui/react-popover';
-
-declare function SelectContent({ className, sideOffset, side, align, children, ...props }: ComponentProps<typeof RadixPopover.Content>): react_jsx_runtime.JSX.Element;
-
-export { SelectContent };
+import { ListRoot } from '../../list';
+type SelectContentProps = ComponentProps<typeof RadixPopover.Content> & Pick<ComponentProps<typeof ListRoot>, 'virtualized' | 'overscan' | 'estimateSize' | 'itemCount'>;
+export declare function SelectContent({ className, sideOffset, side, align, children, virtualized, overscan, estimateSize, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1 @@
-export{a as SelectContent}from'../../../chunk-H4XO5KQZ.js';import'../../../chunk-SLQNE7TL.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-HRG3L64O.js';import'../../../chunk-XPC3GTK7.js';import'../../../chunk-5CA552M6.js';import'../../../chunk-4ZEXJODE.js';import'../../../chunk-NQFPNHFQ.js';import'../../../chunk-PN2PHVKQ.js';import'../../../chunk-WW4B3LUO.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select-content.js.map
-//# sourceMappingURL=select-content.js.map
+import*as m from"@radix-ui/react-popover";import{Slot as z}from"@radix-ui/react-slot";import{cx as C}from"@xjur-ui/util";import{useVirtualizer as h}from"@tanstack/react-virtual";import{useRef as P}from"react";import{createContext as g}from"react";var n=g({virtualizer:null,enabled:!1});import{jsx as f}from"react/jsx-runtime";function x({className:e,asChild:o,children:r,virtualized:t=!1,itemCount:a=0,estimateSize:i=()=>48,overscan:l=5,...p}){let d=o?z:"div",s=P(null),y=h({count:a,getScrollElement:()=>s.current,estimateSize:i,overscan:l,enabled:t});return f(n.Provider,{value:{virtualizer:y,enabled:t},children:f(d,{...p,className:C(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:s,children:r})})}import{Slot as G}from"@radix-ui/react-slot";import{cx as K}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";import{cx as re}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as k}from"@xjur-ui/util";import{memo as R}from"react";import{jsx as w}from"react/jsx-runtime";var L=k("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),u=R(({variant:e,size:o,weight:r,asChild:t,className:a,...i})=>w(t?V:"span",{className:L({variant:e,size:o,weight:r,className:a}),...i}));u.displayName="Typography";import{jsx as le}from"react/jsx-runtime";import{Slot as me}from"@radix-ui/react-slot";import{cx as de}from"@xjur-ui/util";import{useContext as ce}from"react";import{jsx as be}from"react/jsx-runtime";import{Slot as ge}from"@radix-ui/react-slot";import{cx as Ce,cva as T}from"@xjur-ui/util";import{jsx as Ve}from"react/jsx-runtime";var he=T(["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 S,useContext as N}from"react";var M=S({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function b(){let e=N(M);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as E}from"@xjur-ui/util";var v=E({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-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-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 c}from"react/jsx-runtime";var{content:F}=v();function qe({className:e,sideOffset:o=5,side:r="bottom",align:t="start",children:a,virtualized:i=!1,overscan:l=5,estimateSize:p=()=>32,...d}){let{state:s}=b();return c(m.Portal,{children:c(m.Content,{align:t,className:F({className:e,state:s}),side:r,sideOffset:o,...d,children:c(x,{estimateSize:p,overscan:l,virtualized:i,children:a})})})}export{qe as SelectContent};

package/dist/components/controls/select/select-header-title.d.ts

@@ -1,10 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { ListHeaderTitle } from '../../list/list-header-title.js';
-import '../../typography.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-declare function SelectHeaderTitle(props: ComponentProps<typeof ListHeaderTitle>): react_jsx_runtime.JSX.Element;
-
-export { SelectHeaderTitle };
+import type { ComponentProps } from 'react';
+import { ListHeaderTitle } from '../../list';
+export declare function SelectHeaderTitle(props: ComponentProps<typeof ListHeaderTitle>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectHeaderTitle}from'../../../chunk-CCSIBUKX.js';import'../../../chunk-HRG3L64O.js';import'../../../chunk-XPC3GTK7.js';import'../../../chunk-5CA552M6.js';import'../../../chunk-4ZEXJODE.js';import'../../../chunk-NQFPNHFQ.js';import'../../../chunk-PN2PHVKQ.js';import'../../../chunk-WW4B3LUO.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select-header-title.js.map
-//# sourceMappingURL=select-header-title.js.map
+import{Slot as V}from"@radix-ui/react-slot";import{cx as L}from"@xjur-ui/util";import{useVirtualizer as N}from"@tanstack/react-virtual";import{useRef as S}from"react";import{createContext as m}from"react";var i=m({virtualizer:null,enabled:!1});import{jsx as R}from"react/jsx-runtime";import{Slot as D}from"@radix-ui/react-slot";import{cx as $}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";import{cx as b}from"@xjur-ui/util";import{Slot as p}from"@radix-ui/react-slot";import{cva as d}from"@xjur-ui/util";import{memo as x}from"react";import{jsx as f}from"react/jsx-runtime";var c=d("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),l=x(({variant:e,size:t,weight:o,asChild:r,className:a,...n})=>f(r?p:"span",{className:c({variant:e,size:t,weight:o,className:a}),...n}));l.displayName="Typography";import{jsx as u}from"react/jsx-runtime";function s({variant:e="label",size:t="sm",weight:o="medium",className:r,...a}){return u(l,{className:b(r,"text-neutral-placeholder"),size:t,variant:e,weight:o,...a})}import{Slot as Z}from"@radix-ui/react-slot";import{cx as j}from"@xjur-ui/util";import{useContext as te}from"react";import{jsx as ae}from"react/jsx-runtime";import{Slot as se}from"@radix-ui/react-slot";import{cx as me,cva as y}from"@xjur-ui/util";import{jsx as xe}from"react/jsx-runtime";var pe=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{jsx as z}from"react/jsx-runtime";function Te(e){return z(s,{...e})}export{Te as SelectHeaderTitle};

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

@@ -1,7 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { ListHeader } from '../../list/list-header.js';
-
-declare function SelectHeader(props: ComponentProps<typeof ListHeader>): react_jsx_runtime.JSX.Element;
-
-export { SelectHeader };
+import type { ComponentProps } from 'react';
+import { ListHeader } from '../../list';
+export declare function SelectHeader(props: ComponentProps<typeof ListHeader>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectHeader}from'../../../chunk-JHRYQ25B.js';import'../../../chunk-HRG3L64O.js';import'../../../chunk-XPC3GTK7.js';import'../../../chunk-5CA552M6.js';import'../../../chunk-4ZEXJODE.js';import'../../../chunk-NQFPNHFQ.js';import'../../../chunk-PN2PHVKQ.js';import'../../../chunk-WW4B3LUO.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select-header.js.map
-//# sourceMappingURL=select-header.js.map
+import{Slot as P}from"@radix-ui/react-slot";import{cx as T}from"@xjur-ui/util";import{useVirtualizer as H}from"@tanstack/react-virtual";import{useRef as k}from"react";import{createContext as m}from"react";var r=m({virtualizer:null,enabled:!1});import{jsx as E}from"react/jsx-runtime";import{Slot as p}from"@radix-ui/react-slot";import{cx as d}from"@xjur-ui/util";import{jsx as x}from"react/jsx-runtime";function a({className:e,asChild:t,...o}){return x(t?p:"div",{...o,className:d(e,"px-small pt-small-1x")})}import{cx as K}from"@xjur-ui/util";import{Slot as c}from"@radix-ui/react-slot";import{cva as f}from"@xjur-ui/util";import{memo as b}from"react";import{jsx as y}from"react/jsx-runtime";var u=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"}}),l=b(({variant:e,size:t,weight:o,asChild:i,className:s,...n})=>y(i?c:"span",{className:u({variant:e,size:t,weight:o,className:s}),...n}));l.displayName="Typography";import{jsx as U}from"react/jsx-runtime";import{Slot as Z}from"@radix-ui/react-slot";import{cx as j}from"@xjur-ui/util";import{useContext as te}from"react";import{jsx as ae}from"react/jsx-runtime";import{Slot as se}from"@radix-ui/react-slot";import{cx as me,cva as z}from"@xjur-ui/util";import{jsx as xe}from"react/jsx-runtime";var pe=z(["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 v}from"react/jsx-runtime";function Te(e){return v(a,{...e})}export{Te as SelectHeader};

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

@@ -1,10 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { I as IconType } from '../../../icons-C-hGI45d.js';
-
-declare function SelectIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
+import type { ComponentProps } from 'react';
+import { type IconType } from '../../icon';
+export declare function SelectIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
     name: IconType;
     orientation?: 'left' | 'right';
-}): react_jsx_runtime.JSX.Element;
-
-export { SelectIcon };
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectIcon}from'../../../chunk-XJFPH3IG.js';import'../../../chunk-SLQNE7TL.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-DVDHTP4C.js';//# sourceMappingURL=select-icon.js.map
-//# sourceMappingURL=select-icon.js.map
+import{cx as d}from"@xjur-ui/util";import{jsx as p}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return p("span",{...t,className:d("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{createContext as c,useContext as _}from"react";var m=c({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let e=_(m);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as u}from"@xjur-ui/util";var i=u({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}});import{jsx as l}from"react/jsx-runtime";var{icon:f}=i();function P({className:e,name:o,orientation:r="left",...t}){let{state:s}=n();return l("div",{className:f({className:e,state:s}),"data-slot":`control-${r}-slot`,...t,children:l(a,{name:o})})}export{P as SelectIcon};

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

@@ -1,16 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-interface MultiSelectValue {
-    value: string;
-    label: string;
-}
+import { type ComponentProps } from 'react';
+import type { TSelectValue } from './types/select-value';
 interface SelectMultiValueProps extends Omit<ComponentProps<'input'>, 'value'> {
-    renderValue: (value: MultiSelectValue) => React.ReactNode;
-    value: MultiSelectValue[];
+    renderValue: (value: TSelectValue) => React.ReactNode;
+    value: TSelectValue[];
 }
-declare function SelectMultiValue({ className, value, placeholder, renderValue, ...props }: SelectMultiValueProps & {
-    renderValue: (value: string) => React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-export { type MultiSelectValue, SelectMultiValue };
+export declare function SelectMultiValue({ className, value, placeholder, renderValue, ...props }: SelectMultiValueProps & {
+    renderValue: (value: TSelectValue) => React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1 @@
-export{a as SelectMultiValue}from'../../../chunk-26RT6WUU.js';import'../../../chunk-5Z3AIBBS.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select-multi-value.js.map
-//# sourceMappingURL=select-multi-value.js.map
+import{twMerge as c}from"@xjur-ui/util";import{Fragment as k,useMemo as x}from"react";import{Slot as g}from"@radix-ui/react-slot";import{cva as h}from"@xjur-ui/util";import{memo as b}from"react";import{jsx as v}from"react/jsx-runtime";var y=h("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),i=b(({variant:a,size:t,weight:e,asChild:l,className:r,...o})=>v(l?g:"span",{className:y({variant:a,size:t,weight:e,className:r}),...o}));i.displayName="Typography";import{createContext as z,useContext as w}from"react";var C=z({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function n(){let a=w(C);if(!a)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return a}import{tv as V}from"@xjur-ui/util";import{jsx as d}from"react/jsx-runtime";function u({className:a,htmlFor:t,children:e,...l}){let{state:r}=n(),o=V({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return d("label",{className:o({className:a,state:r}),htmlFor:t,...l,children:d("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as s,jsxs as P}from"react/jsx-runtime";function J({className:a,value:t,placeholder:e,renderValue:l,...r}){let{variant:o}=n(),p=x(()=>o==="filter"?!1:!t&&e,[t,e,o]),f=x(()=>Array.isArray(t)&&t.length>0,[t]);return P("div",{className:c(a,"gap-small-1x scrollbar-hide grid w-full items-center overflow-x-hidden","group-disabled:!pl-0"),children:[e&&o==="filter"&&s(u,{children:e}),e&&o==="filter"&&s(i,{className:"invisible col-start-1 row-start-1 self-center",children:e}),p&&s(i,{className:"text-neutral-dark",children:e}),s("div",{className:"gap-small-1x col-start-1 row-start-1 flex items-center",children:t.map(m=>s(k,{children:l(m)},m.value))}),s("input",{...r,"aria-readonly":!0,className:c(a,"pointer-events-none"),hidden:!0,placeholder:f?"":" ",readOnly:!0,value:Array.isArray(t)?t.join(","):t})]})}export{J as SelectMultiValue};

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

@@ -1,9 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { Typography } from '../../typography.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-declare function SelectOptionText(props: ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
-
-export { SelectOptionText };
+import type { ComponentProps } from 'react';
+import { Typography } from '../../typography';
+export declare function SelectOptionText(props: ComponentProps<typeof Typography>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectOptionText}from'../../../chunk-3LWJK7RE.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select-option-text.js.map
-//# sourceMappingURL=select-option-text.js.map
+import{Slot as n}from"@radix-ui/react-slot";import{cva as r}from"@xjur-ui/util";import{memo as m}from"react";import{jsx as d}from"react/jsx-runtime";var p=r("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),e=m(({variant:t,size:a,weight:s,asChild:i,className:l,...o})=>d(i?n:"span",{className:p({variant:t,size:a,weight:s,className:l}),...o}));e.displayName="Typography";import{jsx as y}from"react/jsx-runtime";function v(t){return y(e,{...t})}export{v as SelectOptionText};

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

@@ -1,9 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { ListItem } from '../../list/list-item.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-declare function SelectOption({ className, ...props }: ComponentProps<typeof ListItem>): react_jsx_runtime.JSX.Element;
-
-export { SelectOption };
+import type { ComponentProps } from 'react';
+import { ListItem } from '../../list';
+export declare function SelectOption({ className, ...props }: ComponentProps<typeof ListItem>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectOption}from'../../../chunk-LA22O6VE.js';import'../../../chunk-HRG3L64O.js';import'../../../chunk-XPC3GTK7.js';import'../../../chunk-5CA552M6.js';import'../../../chunk-4ZEXJODE.js';import'../../../chunk-NQFPNHFQ.js';import'../../../chunk-PN2PHVKQ.js';import'../../../chunk-WW4B3LUO.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select-option.js.map
-//# sourceMappingURL=select-option.js.map
+import{twMerge as C}from"@xjur-ui/util";import{Slot as T}from"@radix-ui/react-slot";import{cx as S}from"@xjur-ui/util";import{useVirtualizer as k}from"@tanstack/react-virtual";import{useRef as R}from"react";import{createContext as m}from"react";var i=m({virtualizer:null,enabled:!1});import{jsx as A}from"react/jsx-runtime";import{Slot as $}from"@radix-ui/react-slot";import{cx as O}from"@xjur-ui/util";import{jsx as q}from"react/jsx-runtime";import{cx as X}from"@xjur-ui/util";import{Slot as p}from"@radix-ui/react-slot";import{cva as d}from"@xjur-ui/util";import{memo as x}from"react";import{jsx as f}from"react/jsx-runtime";var c=d("",{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=x(({variant:e,size:t,weight:o,asChild:r,className:a,...s})=>f(r?p:"span",{className:c({variant:e,size:t,weight:o,className:a}),...s}));n.displayName="Typography";import{jsx as j}from"react/jsx-runtime";import{Slot as oe}from"@radix-ui/react-slot";import{cx as ae}from"@xjur-ui/util";import{useContext as le}from"react";import{jsx as me}from"react/jsx-runtime";import{Slot as b}from"@radix-ui/react-slot";import{cx as u,cva as y}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";var z=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}});function l({className:e,size:t,isActive:o,asChild:r,...a}){return v(r?b:"li",{...a,className:u(z({size:t,isActive:o}),e)})}import{jsx as g}from"react/jsx-runtime";function Se({className:e,...t}){return g(l,{className:C(e,"cursor-pointer"),...t})}export{Se as SelectOption};

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

@@ -1,7 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { ListContent } from '../../list/list-content.js';
-
-declare function SelectOptions(props: ComponentProps<typeof ListContent>): react_jsx_runtime.JSX.Element;
-
-export { SelectOptions };
+import type { ComponentProps } from 'react';
+import { ListContent } from '../../list';
+export declare function SelectOptions(props: ComponentProps<typeof ListContent>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectOptions}from'../../../chunk-RSILFO3M.js';import'../../../chunk-HRG3L64O.js';import'../../../chunk-XPC3GTK7.js';import'../../../chunk-5CA552M6.js';import'../../../chunk-4ZEXJODE.js';import'../../../chunk-NQFPNHFQ.js';import'../../../chunk-PN2PHVKQ.js';import'../../../chunk-WW4B3LUO.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select-options.js.map
-//# sourceMappingURL=select-options.js.map
+import{Slot as S}from"@radix-ui/react-slot";import{cx as w}from"@xjur-ui/util";import{useVirtualizer as R}from"@tanstack/react-virtual";import{useRef as A}from"react";import{createContext as b}from"react";var l=b({virtualizer:null,enabled:!1});import{jsx as $}from"react/jsx-runtime";import{Slot as Y}from"@radix-ui/react-slot";import{cx as F}from"@xjur-ui/util";import{jsx as I}from"react/jsx-runtime";import{cx as _}from"@xjur-ui/util";import{Slot as u}from"@radix-ui/react-slot";import{cva as y}from"@xjur-ui/util";import{memo as z}from"react";import{jsx as C}from"react/jsx-runtime";var v=y("",{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"}}),d=z(({variant:e,size:s,weight:n,asChild:o,className:r,...a})=>C(o?u:"span",{className:v({variant:e,size:s,weight:n,className:r}),...a}));d.displayName="Typography";import{jsx as te}from"react/jsx-runtime";import{Slot as h}from"@radix-ui/react-slot";import{cx as x}from"@xjur-ui/util";import{useContext as g}from"react";import{jsx as m}from"react/jsx-runtime";function p({className:e,asChild:s,children:n,renderItem:o,...r}){let a=s?h:"ul",{virtualizer:t,enabled:c}=g(l);if(c&&t&&o){let f=t.getVirtualItems();return m(a,{...r,className:x("p-small relative flex flex-col",e),style:{height:`${t.getTotalSize()}px`},children:f.map(i=>m("div",{className:"absolute top-0 left-0 w-full","data-index":i.index,ref:t.measureElement,style:{transform:`translateY(${i.start}px)`},children:o(i.index)},i.key))})}return m(a,{...r,className:x("gap-small-1x p-small flex flex-col",e),children:n})}import{Slot as pe}from"@radix-ui/react-slot";import{cx as xe,cva as V}from"@xjur-ui/util";import{jsx as be}from"react/jsx-runtime";var ce=V(["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 P}from"react/jsx-runtime";function ke(e){return P(p,{...e})}export{ke as SelectOptions};

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

@@ -1,10 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import * as RadixPopover from '@radix-ui/react-popover';
-import { FieldContextValue } from '../context/field.context.js';
-import '@react-input/mask';
-import '../../../input-mask-DhbtCxF7.js';
-
-declare function SelectRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
-
-export { SelectRoot };
+import { type FieldContextValue } from '../context/field.context';
+export declare function SelectRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-export{a as SelectRoot}from'../../../chunk-EDVE3ICB.js';import'../../../chunk-SLQNE7TL.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=select-root.js.map
-//# sourceMappingURL=select-root.js.map
+import*as a from"@radix-ui/react-popover";import{createContext as x,useContext as v}from"react";var r=x({state:"normal",variant:"normal",customMask:void 0,mask:void 0});import{tv as u}from"@xjur-ui/util";var o=u({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x 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-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-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 e}from"react/jsx-runtime";var{wrapper:c}=o();function k({className:n,state:t="normal",defaultOpen:i,variant:l="normal",modal:d,open:p,onOpenChange:s,...m}){return e(a.Root,{defaultOpen:i,modal:d,open:p,onOpenChange:s,children:e(r.Provider,{value:{state:t,variant:l},children:e("div",{className:c({className:n,state:t}),...m})})})}export{k as SelectRoot};