@xjur-ui/react 2.3.1 → 3.0.1

package/dist/components/controls/rating.d.ts

@@ -1,9 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { ComponentProps } from 'react';
-import { FloatingLabel } from './floating-label.js';
-
-declare const rating: tailwind_variants.TVReturnType<{
+import type { ComponentProps } from 'react';
+import { FloatingLabel } from './floating-label';
+export declare const rating: import("tailwind-variants").TVReturnType<{
     state: {
         normal: {
             star: string;
@@ -61,7 +58,7 @@ declare const rating: tailwind_variants.TVReturnType<{
     root: string;
     star: string;
     caption: string;
-}, tailwind_variants.TVReturnType<{
+}, import("tailwind-variants").TVReturnType<{
     state: {
         normal: {
             star: string;
@@ -91,7 +88,7 @@ declare const rating: tailwind_variants.TVReturnType<{
     star: string;
     caption: string;
 }, undefined, unknown, unknown, undefined>>;
-interface RatingRootProps {
+export interface RatingRootProps {
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
@@ -103,23 +100,23 @@ interface RatingRootProps {
     id?: string;
     children: React.ReactNode;
 }
-declare function RatingRoot({ value: controlledValue, defaultValue, onValueChange: handleValueChange, max, state, size, disabled, className, id, children, ...props }: RatingRootProps): react_jsx_runtime.JSX.Element;
-interface RatingTrackProps {
+export declare function RatingRoot({ value: controlledValue, defaultValue, onValueChange: handleValueChange, max, state, size, disabled, className, id, children, ...props }: RatingRootProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingTrackProps {
     className?: string;
 }
-declare function RatingTrack({ className }: RatingTrackProps): react_jsx_runtime.JSX.Element;
-interface RatingStarProps {
+export declare function RatingTrack({ className }: RatingTrackProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingStarProps {
     value: number;
     className?: string;
 }
-declare function RatingStar({ value, className }: RatingStarProps): react_jsx_runtime.JSX.Element;
-type RatingLabelProps = ComponentProps<typeof FloatingLabel>;
-declare function RatingLabel(props: RatingLabelProps): react_jsx_runtime.JSX.Element;
-interface RatingCaptionProps extends ComponentProps<'p'> {
+export declare function RatingStar({ value, className }: RatingStarProps): import("react/jsx-runtime").JSX.Element;
+export type RatingLabelProps = ComponentProps<typeof FloatingLabel>;
+export declare function RatingLabel(props: RatingLabelProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingCaptionProps extends ComponentProps<'p'> {
     className?: string;
 }
-declare function RatingCaption({ className, ...props }: RatingCaptionProps): react_jsx_runtime.JSX.Element;
-interface RatingProps {
+export declare function RatingCaption({ className, ...props }: RatingCaptionProps): import("react/jsx-runtime").JSX.Element;
+export interface RatingProps {
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
@@ -132,6 +129,4 @@ interface RatingProps {
     disabled?: boolean;
     id?: string;
 }
-declare function Rating({ value, defaultValue, onValueChange: handleValueChange, max, state, size, label, caption, className, disabled, id, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
-
-export { Rating, RatingCaption, type RatingCaptionProps, RatingLabel, type RatingLabelProps, type RatingProps, RatingRoot, type RatingRootProps, RatingStar, type RatingStarProps, RatingTrack, type RatingTrackProps, rating };
+export declare function Rating({ value, defaultValue, onValueChange: handleValueChange, max, state, size, label, caption, className, disabled, id, ...props }: RatingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/rich-editor.d.ts

@@ -1,26 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { EditorOptions, EditorContent } from '@tiptap/react';
-export { useCurrentEditor as useRichTextEditor, useEditorState as useRichTextEditorState } from '@tiptap/react';
-import { Extension } from '@tiptap/core';
-import { ButtonProps } from './button.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-declare function RichEditorRoot({ className, editorOptions, ...props }: ComponentProps<'div'> & {
+import { type ComponentProps } from 'react';
+import { EditorContent, useCurrentEditor as useRichTextEditor, useEditorState as useRichTextEditorState, type EditorOptions } from '@tiptap/react';
+import type { Extension } from '@tiptap/core';
+import { type ButtonProps } from './button';
+export declare function RichEditorRoot({ className, editorOptions, ...props }: ComponentProps<'div'> & {
     editorOptions?: Partial<Omit<EditorOptions, 'extensions'> & {
         extensions?: Extension[];
     }>;
-}): react_jsx_runtime.JSX.Element;
-declare function RichEditorContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function RichEditorCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
-declare function RichEditorAreaText({ className, ...props }: Omit<ComponentProps<typeof EditorContent>, 'editor'>): react_jsx_runtime.JSX.Element;
-declare function RichEditorToolbar({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function ToolbarButton({ appearance, variant, onMouseDown, onPointerDown, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorCaption({ className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorAreaText({ className, ...props }: Omit<ComponentProps<typeof EditorContent>, 'editor'>): import("react/jsx-runtime").JSX.Element;
+export declare function RichEditorToolbar({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarButton({ appearance, variant, onMouseDown, onPointerDown, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 type ToggleButtonName = 'bold' | 'italic' | 'underline' | 'strike' | 'bulletList' | 'orderedList' | 'undo' | 'redo';
-declare function ToggleButton({ name, ...props }: ButtonProps & {
+export declare function ToggleButton({ name, ...props }: ButtonProps & {
     name: ToggleButtonName;
-}): react_jsx_runtime.JSX.Element;
-declare function HeadingButton({ appearance, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-export { HeadingButton, RichEditorAreaText, RichEditorCaption, RichEditorContent, RichEditorRoot, RichEditorToolbar, ToggleButton, ToolbarButton };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function HeadingButton({ appearance, variant, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { useRichTextEditorState, useRichTextEditor };

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

@@ -1 +1 @@
-import{cx as b}from"@xjur-ui/util";import{useCallback as R,useMemo as k,useState as we}from"react";import{EditorContent as _e,EditorContext as Ce,useCurrentEditor as E,useEditorState as G,useEditor as Pe}from"@tiptap/react";import{StarterKit as Te}from"@tiptap/starter-kit";import{Heading as ze}from"@tiptap/extension-heading";import{Placeholder as Le}from"@tiptap/extension-placeholder";import{useState as U,useEffect as W}from"react";function h(){let[e,t]=U("unknown");return W(()=>{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 Y}from"@xjur-ui/util";import{jsx as F}from"react/jsx-runtime";function w({className:e,filled:t=!1,name:o,...r}){return F("span",{...r,className:Y("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 K}from"@radix-ui/react-slot";import{cva as Z,cx as J}from"@xjur-ui/util";import{jsx as X}from"react/jsx-runtime";var Q=Z(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function _({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return X(e?K:"button",{className:J(Q({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as f from"@radix-ui/react-dropdown-menu";import{cx as I}from"@xjur-ui/util";import{Slot as ee}from"@radix-ui/react-slot";import{cx as te}from"@xjur-ui/util";import{useVirtualizer as oe}from"@tanstack/react-virtual";import{useRef as re}from"react";import{createContext as j}from"react";var x=j({virtualizer:null,enabled:!1});import{jsx as V}from"react/jsx-runtime";function C({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:l=5,...m}){let p=t?ee:"div",c=re(null),s=oe({count:i,getScrollElement:()=>c.current,estimateSize:a,overscan:l,enabled:r});return V(x.Provider,{value:{virtualizer:s,enabled:r},children:V(p,{...m,className:te(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:c,children:o})})}import{Slot as je}from"@radix-ui/react-slot";import{cx as tt}from"@xjur-ui/util";import{jsx as rt}from"react/jsx-runtime";import{cx as mt}from"@xjur-ui/util";import{Slot as ae}from"@radix-ui/react-slot";import{cva as ie}from"@xjur-ui/util";import{memo as ne}from"react";import{jsx as se}from"react/jsx-runtime";var le=ie("",{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"}}),g=ne(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>se(r?ae:"span",{className:le({variant:e,size:t,weight:o,className:i}),...a}));g.displayName="Typography";import{jsx as ft}from"react/jsx-runtime";import{Slot as pe}from"@radix-ui/react-slot";import{cx as S}from"@xjur-ui/util";import{useContext as de}from"react";import{jsx as P}from"react/jsx-runtime";function T({className:e,asChild:t,children:o,renderItem:r,...i}){let a=t?pe:"ul",{virtualizer:l,enabled:m}=de(x);if(m&&l&&r){let p=l.getVirtualItems();return P(a,{...i,className:S("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:p.map(c=>P("div",{className:"absolute top-0 left-0 w-full","data-index":c.index,ref:l.measureElement,style:{transform:`translateY(${c.start}px)`},children:r(c.index)},c.key))})}return P(a,{...i,className:S("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as me}from"@radix-ui/react-slot";import{cx as ce,cva as ue}from"@xjur-ui/util";import{jsx as ge}from"react/jsx-runtime";var fe=ue(["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,...i}){return ge(r?me:"li",{...i,className:ce(fe({size:t,isActive:o}),e)})}import"react";import*as be from"@radix-ui/react-separator";import{cx as St}from"@xjur-ui/util";import{jsx as Bt}from"react/jsx-runtime";import{jsx as u}from"react/jsx-runtime";function B({...e}){return u(f.Root,{"data-slot":"dropdown-menu",...e})}function H({...e}){return u(f.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function O({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:i,...a}){return u(f.Portal,{children:u(f.Content,{align:o,className:I("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:u(C,{children:i})})})}function A({...e}){return u(T,{...e})}function $({className:e,...t}){return u(z,{className:I(e,"cursor-pointer"),...t})}function q({...e}){return u(g,{...e})}import*as d from"@radix-ui/react-tooltip";import{cx as ye}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function he({delayDuration:e=0,...t}){return v(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function L({...e}){return v(he,{children:v(d.Root,{"data-slot":"tooltip",...e})})}function M({...e}){return v(d.Trigger,{"data-slot":"tooltip-trigger",...e})}function D({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return v(d.Portal,{children:v(d.Content,{className:ye("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 N}from"react/jsx-runtime";var y={1:"text-size-body-md",2:"text-size-title-lg",3:"text-size-headline-lg"};function so({className:e,editorOptions:t,...o}){let r=Pe({...t,extensions:[Te.configure({bulletList:{HTMLAttributes:{class:"list-disc list-outside pl-large-1x"}},orderedList:{HTMLAttributes:{class:"list-decimal list-outside pl-large-1x"}},heading:!1}),Le.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"}),ze.configure({levels:[1,2,3]}).extend({renderHTML({node:a,HTMLAttributes:l}){let m=a.attrs.level??1;return["h",{...l,class:y[m]},0]}}),...t?.extensions??[]]}),i=k(()=>({editor:r}),[r]);return n(Ce.Provider,{value:i,children:n("div",{className:b("gap-small flex w-full flex-col",e),"data-slot":"text-area-root",...o})})}function po({className:e,...t}){return n("div",{className:b("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 mo({className:e,...t}){return n("p",{...t,className:b("text-size-body-sm text-neutral-dark font-normal",e),"data-slot":"text-area-caption"})}function co({className:e,...t}){let{editor:o}=E();return n(_e,{className:b("text-size-body-md text-neutral-dark max-h-[116px] *:h-full *:w-full *:outline-0",e),editor:o,...t})}function uo({className:e,...t}){return n("div",{className:b("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 Me({appearance:e="ghost",variant:t="secondary",onMouseDown:o,onPointerDown:r,...i}){return n(_,{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 fo({name:e,...t}){let{editor:o}=E(),{shortcut:r}=h(),i=G({editor:o,selector:p=>p.editor?.isActive(e)??!1}),a=k(()=>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=k(()=>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]),m=R(()=>{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 N(L,{children:[n(M,{asChild:!0,children:n(Me,{onClick:m,...i&&{appearance:"solid"},...t,children:a&&n(w,{className:"text-icon-neutral-3",name:a})})}),n(D,{children:l&&n(g,{size:"sm",children:l})})]})}function go({appearance:e="ghost",variant:t="secondary",...o}){let[r,i]=we(!1),{editor:a}=E(),l=G({editor:a,selector:s=>s.editor?.isActive("heading")??!1}),m=R(s=>{if(!a)throw new Error("Editor not found");return a.isActive("heading",{level:s})},[a]),p=R(s=>{if(!a)throw new Error("Editor not found");i(!1),setTimeout(()=>{a.chain().focus().toggleHeading({level:s}).run()},0)},[a]),c=[{level:1,label:"Normal",className:y[1]},{level:2,label:"Grande",className:y[2]},{level:3,label:"Enorme",className:y[3]}];return N(B,{open:r,onOpenChange:s=>i(s),children:[n(H,{asChild:!0,children:n(_,{appearance:l?"solid":e,size:"icon_md",tabIndex:-1,type:"button",variant:t,...o,children:N(L,{children:[n(M,{asChild:!0,children:n(w,{className:"text-icon-neutral-3",name:"format_size"})}),n(D,{children:n(g,{size:"sm",children:"Tamanho"})})]})})}),n(O,{children:n(A,{children:c.map(s=>n($,{isActive:m(s.level),onPointerDown:()=>p(s.level),children:n(q,{className:s.className,children:s.label})},s.level))})})]})}export{go as HeadingButton,co as RichEditorAreaText,mo as RichEditorCaption,po as RichEditorContent,so as RichEditorRoot,uo as RichEditorToolbar,fo as ToggleButton,Me as ToolbarButton,E as useRichTextEditor,G as useRichTextEditorState};
+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-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 +1 @@
-import{useMemo as ke,useState as ze}from"react";import"react";import*as c from"@radix-ui/react-dropdown-menu";import{cx as k}from"@xjur-ui/util";import{Slot as q}from"@radix-ui/react-slot";import{cx as $}from"@xjur-ui/util";import{useVirtualizer as G}from"@tanstack/react-virtual";import{useRef as J}from"react";import{createContext as F}from"react";var y=F({virtualizer:null,enabled:!1});import{jsx as P}from"react/jsx-runtime";function b({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:a=0,estimateSize:n=()=>48,overscan:i=5,...u}){let f=t?q:"div",l=J(null),p=G({count:a,getScrollElement:()=>l.current,estimateSize:n,overscan:i,enabled:r});return P(y.Provider,{value:{virtualizer:p,enabled:r},children:P(f,{...u,className:$(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:l,children:o})})}import{Slot as Ee}from"@radix-ui/react-slot";import{cx as Ke}from"@xjur-ui/util";import{jsx as Fe}from"react/jsx-runtime";import{cx as We}from"@xjur-ui/util";import{Slot as U}from"@radix-ui/react-slot";import{cva as Y}from"@xjur-ui/util";import{memo as Q}from"react";import{jsx as X}from"react/jsx-runtime";var W=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"}}),x=Q(({variant:e,size:t,weight:o,asChild:r,className:a,...n})=>X(r?U:"span",{className:W({variant:e,size:t,weight:o,className:a}),...n}));x.displayName="Typography";import{jsx as je}from"react/jsx-runtime";import{Slot as Z}from"@radix-ui/react-slot";import{cx as M}from"@xjur-ui/util";import{useContext as j}from"react";import{jsx as g}from"react/jsx-runtime";function _({className:e,asChild:t,children:o,renderItem:r,...a}){let n=t?Z:"ul",{virtualizer:i,enabled:u}=j(y);if(u&&i&&r){let f=i.getVirtualItems();return g(n,{...a,className:M("p-small relative flex flex-col",e),style:{height:`${i.getTotalSize()}px`},children:f.map(l=>g("div",{className:"absolute top-0 left-0 w-full","data-index":l.index,ref:i.measureElement,style:{transform:`translateY(${l.start}px)`},children:r(l.index)},l.key))})}return g(n,{...a,className:M("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as ee}from"@radix-ui/react-slot";import{cx as te,cva as re}from"@xjur-ui/util";import{jsx as ae}from"react/jsx-runtime";var oe=re(["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 ae(r?ee:"li",{...a,className:te(oe({size:t,isActive:o}),e)})}import"react";import*as se from"@radix-ui/react-separator";import{cx as gt}from"@xjur-ui/util";import{jsx as Ct}from"react/jsx-runtime";import{jsx as m}from"react/jsx-runtime";function z({...e}){return m(c.Root,{"data-slot":"dropdown-menu",...e})}function S({...e}){return m(c.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function I({className:e,sideOffset:t=4,align:o="start",side:r="bottom",children:a,...n}){return m(c.Portal,{children:m(c.Content,{align:o,className:k("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(b,{children:a})})})}function D({...e}){return m(_,{...e})}function T({className:e,...t}){return m(C,{className:k(e,"cursor-pointer"),...t})}function R({...e}){return m(x,{...e})}import{cx as le}from"@xjur-ui/util";import{jsx as pe}from"react/jsx-runtime";function w({className:e,filled:t=!1,name:o,...r}){return pe("span",{...r,className:le("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 we,cx as h}from"@xjur-ui/util";import{createContext as Pe}from"react";import{InputMask as Me}from"@react-input/mask";import{NumericFormat as Ut}from"react-number-format";function N(e,t){switch(e){case"cpf":return{...t,...me};case"cnpj":return{...t,...ce};case"telefone":return{...t,...de};case"cep":return{...t,...ue};case"numero-processo":return{...t,...fe};case"data":return{...t,...ye};case"hora":return{...t,...xe};case"data-hora":return{...t,...he};case"custom":if(!t)throw new Error("Options are required for custom mask");return t}}var me={mask:"###.###.###-##",replacement:{"#":/\d/}},ce={mask:"##.###.###/####-##",replacement:{"#":/\d/}},de={mask:"(##) #####-####",replacement:{"#":/\d/}},ue={mask:"#####-###",replacement:{"#":/\d/}},fe={mask:"#######-##.####.#.##.####",replacement:{"#":/\d/}},ye={mask:"##/##/####",replacement:{"#":/\d/}},xe={mask:"##:##",replacement:{"#":/\d/}},he={mask:"##/##/#### ##:##",replacement:{"#":/\d/}};import{Slot as ve}from"@radix-ui/react-slot";import{cva as be,cx as ge}from"@xjur-ui/util";import{jsx as Ce}from"react/jsx-runtime";var _e=be(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function V({asChild:e,className:t,variant:o="primary",size:r="md",appearance:a="solid",...n}){return Ce(e?ve:"button",{className:ge(_e({variant:o,appearance:a,size:r}),t),...n})}import{jsx as d}from"react/jsx-runtime";var L=Pe({variant:"outlined"});function O({className:e,variant:t="outlined",...o}){return d(L.Provider,{value:{variant:t},children:d("div",{className:h("relative flex",e),...o})})}function A({className:e,...t}){let o=we(["gap-small py-small_1x-alt px-small flex items-center w-full","h-large-4x rounded-circle","border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal","group-hover:border-border-layer-3 transition-colors duration-200","disabled:opacity-60","focus-within:border-primary-idle"],{variants:{variant:{outlined:"rounded-circle focus-within:border-primary-idle ",line:"rounded-none border-t-0 border-b-1 border-x-0",action:"rounded-tr-none rounded-br-none border-r-0"}}});return d(L.Consumer,{children:({variant:r})=>d("div",{className:h(e,o({variant:r})),"data-variant":r,...t})})}function E({className:e,...t}){return d("input",{className:h(e,"flex-1 outline-none"),...t})}function H({className:e,mask:t,customMask:o,...r}){return d(Me,{...t?{...N(t)}:o&&{...o},className:h(e,"flex-1 outline-none"),...r})}function K(e){return d("div",{...e,"data-slot":"search-input-slot"})}function B({className:e,appearance:t="ghost",variant:o="outlined",...r}){return d(V,{...r,appearance:t,className:h(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 v}from"react/jsx-runtime";function or({options:e,mask:t,customMask:o,placeholder:r="Pesquisar",onChangeSearchOption:a,selectedSearchOption:n,...i}){let[u,f]=ze(n),l=ke(()=>e.find(p=>p.value===u)?.label,[e,u]);return v(O,{className:"w-full",variant:"action",children:[v(A,{children:[s(K,{children:s(w,{className:"text-icon-neutral-3",name:"search"})}),t||o?s(H,{customMask:o,mask:t,placeholder:r,...i}):s(E,{placeholder:r,...i})]}),v(z,{children:[s(S,{asChild:!0,children:v(B,{children:[l,s(w,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]})}),s(I,{children:s(D,{children:e.map(p=>s(T,{isActive:u===p.value,onClick:()=>{f(p.value),a?.(p.value)},children:s(R,{children:p.label})},p.value))})})]})]})}export{or as SearchSelector};
+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 +1 @@
-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 h}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 h(T.Root,{defaultOpen:o,modal:n,open:a,onOpenChange:l,children:h(b.Provider,{value:{state:t,variant:r},children:h("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,displayValue:t="",value:o,placeholder:r,...n}){let{variant:a}=i(),l=ae(()=>a==="filter"?t:t||r,[t,r,a]);return ie("div",{className:"grid w-full items-center",children:[r&&a==="filter"&&g(x,{children:r}),r&&a==="filter"&&g(p,{className:"invisible col-start-1 row-start-1 self-center",children:r}),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:o??""})]})}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 M}from"react/jsx-runtime";function v({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 M(u.Provider,{value:{virtualizer:O,enabled:r},children:M(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 he}from"react/jsx-runtime";function _({variant:e="label",size:t="sm",weight:o="medium",className:r,...n}){return he(p,{className:be(r,"text-neutral-placeholder"),size:t,variant:e,weight:o,...n})}import{Slot as ve}from"@radix-ui/react-slot";import{cx as I}from"@xjur-ui/util";import{useContext as Ce}from"react";import{jsx as w}from"react/jsx-runtime";function P({className:e,asChild:t,children:o,renderItem:r,...n}){let a=t?ve:"ul",{virtualizer:l,enabled:m}=Ce(u);if(m&&l&&r){let c=l.getVirtualItems();return w(a,{...n,className:I("p-small relative flex flex-col",e),style:{height:`${l.getTotalSize()}px`},children:c.map(d=>w("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 w(a,{...n,className:I("gap-small-1x p-small flex flex-col",e),children:o})}import{Slot as _e}from"@radix-ui/react-slot";import{cx as we,cva as Pe}from"@xjur-ui/util";import{jsx as Se}from"react/jsx-runtime";var ze=Pe(["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:we(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,...a}){let{state:l}=i();return S(y.Portal,{children:S(y.Content,{align:r,className:Te({className:e,state:l}),side:o,sideOffset:t,...a,children:S(v,{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 Me}from"react/jsx-runtime";var{slotText:Ne}=s();function Fe({className:e,...t}){let{state:o}=i();return Me("span",{className:Ne({className:e,state:o}),"data-slot":"control-left-slot",...t})}import{jsx as Oe}from"react/jsx-runtime";function Ie(e){return Oe(P,{...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,Ie as SelectOptions,$ as SelectRoot,Fe as SelectSlot,J as SelectTrigger,ne as SelectValue};
+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-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 +1 @@
-import*as n 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 s=g({virtualizer:null,enabled:!1});import{jsx as x}from"react/jsx-runtime";function m({className:e,asChild:o,children:r,virtualized:t=!1,itemCount:a=0,estimateSize:i=()=>48,overscan:l=5,...b}){let v=o?z:"div",d=P(null),y=h({count:a,getScrollElement:()=>d.current,estimateSize:i,overscan:l,enabled:t});return x(s.Provider,{value:{virtualizer:y,enabled:t},children:x(v,{...b,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:d,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 L}from"react/jsx-runtime";var w=k("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),c=R(({variant:e,size:o,weight:r,asChild:t,className:a,...i})=>L(t?V:"span",{className:w({variant:e,size:o,weight:r,className:a}),...i}));c.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 N,useContext as S}from"react";var M=N({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function f(){let e=S(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 u=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 p}from"react/jsx-runtime";var{content:F}=u();function qe({className:e,sideOffset:o=5,side:r="bottom",align:t="start",children:a,...i}){let{state:l}=f();return p(n.Portal,{children:p(n.Content,{align:t,className:F({className:e,state:l}),side:r,sideOffset:o,...i,children:p(m,{children:a})})})}export{qe as SelectContent};
+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.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-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-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 {};