@cryptlex/web-components 6.6.38 → 6.6.40

package/dist/components/id-search.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as n,jsxs as C}from"react/jsx-runtime";import{useQuery as w}from"@tanstack/react-query";import{useId as L,useState as K}from"react";import{Select as R,Autocomplete as _}from"react-aria-components";import{Loader as P}from"./loader.js";import{Menu as V,MenuItem as D}from"./menu.js";import{PopoverTrigger as G}from"./popover.js";import{SearchField as Q}from"./searchfield.js";import{useCtxClient as k}from"../utilities/ctx-client.js";import{isEmptyValue as z,getEmptyLabel as F}from"../utilities/empty-option.js";import{getFieldErrorMessage as c}from"../utilities/form.js";import{useFieldContext as M}from"../utilities/form-context.js";import{FormField as H}from"./form.js";import{SelectTrigger as J,SelectPopover as U}from"./select.js";import"../utilities/theme.js";import"clsx";import"./icons.js";import"@icons-pack/react-simple-icons";import"./list-box.js";import"./button.js";import"class-variance-authority";import"@tanstack/react-form";import"./card.js";function W(r){return Array.isArray(r)&&r.every(i=>i&&typeof i=="object"&&"id"in i&&"name"in i)}function N({label:r,description:i,errorMessage:e,requiredIndicator:t,isDisabled:o,isInvalid:s,onBlur:u,path:a,onChange:h,value:f,renderLabel:q,accessor:p,defaultParams:g,className:x,emptyOption:E,...y}){if(a==="/v3/me")throw Error('Path "/v3/me" is not supported with IdSearch since it is not a searchable resource.');const A=L(),S=y.id||A,B=k(),[d,T]=K(""),{data:I,isError:v,isFetching:b,error:j}=w({queryKey:["get",a,d],queryFn:async()=>{const m=(await B.GET(a,{params:{query:{search:d,...g?.query,limit:50,page:1},path:{...g?.path}}})).data;return m&&W(m)?m:[]}});return n("div",{className:"group form-field","data-invalid":s?"":void 0,children:n(H,{label:r,description:i,errorMessage:e,requiredIndicator:t,htmlFor:S,children:n(R,{isInvalid:s,children:C(G,{onOpenChange:l=>{l||u?.(f)},children:[n(J,{id:S,isDisabled:o,className:x??"w-full",children:q(f,I,E)}),n(U,{placement:"bottom start",children:C(_,{inputValue:d,onInputChange:T,children:[n(Q,{className:"p-2",autoFocus:!0}),b&&n("div",{className:"p-input",children:n(P,{className:"mx-auto"})}),!b&&!v&&n(V,{...y,className:"max-h-48",items:I,renderEmptyState:()=>n("div",{className:"body-sm p-2",children:"No results found."}),children:l=>n(D,{id:l[p],children:l.name},l[p])}),v&&n("div",{className:"text-destructive p-icon body-sm",children:j.message})]})})]})})})})}function X({...r}){const i=r.value?[r.value]:[];return n(N,{selectedKeys:i,onSelectionChange:e=>{const t=Array.from(e).filter(o=>typeof o=="string")[0];r.onChange(t)},renderLabel:(e,t,o)=>o&&z(e)?F(o):t?.find(s=>s.id===e)?.name??"",selectionMode:"single",...r})}function Y({...r}){const i=r.value;return n(N,{selectedKeys:i,onSelectionChange:e=>{const t=Array.from(e).filter(o=>typeof o=="string");r.onChange(t.length>0?t:[])},selectionMode:"multiple",renderLabel:(e,t,o)=>{if(o&&(!e||e.length===0))return F(o);const u=(e??[]).map(a=>t?.find(h=>h.id===a)?.name??a);return u.length>0?u.join(","):""},...r})}function ve({isDisabled:r,...i}){const e=M({disabled:r});return n(X,{requiredIndicator:e.isRequired,isDisabled:r||e.isSubmitting,value:e.state.value,onBlur:t=>e.handleBlur(),onChange:t=>e.handleChange(t),isInvalid:!!c(e),errorMessage:c(e),...i})}function be({isDisabled:r,...i}){const e=M({disabled:r});return n(Y,{requiredIndicator:e.isRequired,isDisabled:r||e.isSubmitting,value:e.state.value,onBlur:t=>e.handleBlur(),onChange:t=>e.handleChange(t),isInvalid:!!c(e),errorMessage:c(e),...i})}export{Y as MultipleIdSearchInput,X as SingleIdSearchInput,be as TfMultipleIdSearchInput,ve as TfSingleIdSearchInput};
+"use client";import{jsx as n,jsxs as C}from"react/jsx-runtime";import{useQuery as w}from"@tanstack/react-query";import{useId as L,useState as K}from"react";import{Select as R,Autocomplete as _}from"react-aria-components";import{Loader as P}from"./loader.js";import{Menu as V,MenuItem as D}from"./menu.js";import{PopoverTrigger as G}from"./popover.js";import{SearchField as Q}from"./searchfield.js";import{useCtxClient as k}from"../utilities/ctx-client.js";import{getEmptyLabel as F,isEmptyValue as z}from"../utilities/empty-option.js";import{getFieldErrorMessage as c}from"../utilities/form.js";import{useFieldContext as M}from"../utilities/form-context.js";import{FormField as H}from"./form.js";import{SelectTrigger as J,SelectPopover as U}from"./select.js";import"../utilities/theme.js";import"clsx";import"./icons.js";import"@icons-pack/react-simple-icons";import"./list-box.js";import"./button.js";import"class-variance-authority";import"@tanstack/react-form";import"./card.js";function W(r){return Array.isArray(r)&&r.every(i=>i&&typeof i=="object"&&"id"in i&&"name"in i)}function N({label:r,description:i,errorMessage:e,requiredIndicator:t,isDisabled:o,isInvalid:s,onBlur:u,path:a,onChange:h,value:f,renderLabel:q,accessor:p,defaultParams:g,className:x,emptyOption:E,...y}){if(a==="/v3/me")throw Error('Path "/v3/me" is not supported with IdSearch since it is not a searchable resource.');const A=L(),S=y.id||A,B=k(),[d,T]=K(""),{data:I,isError:v,isFetching:b,error:j}=w({queryKey:["get",a,d],queryFn:async()=>{const m=(await B.GET(a,{params:{query:{search:d,...g?.query,limit:50,page:1},path:{...g?.path}}})).data;return m&&W(m)?m:[]}});return n("div",{className:"group form-field","data-invalid":s?"":void 0,children:n(H,{label:r,description:i,errorMessage:e,requiredIndicator:t,htmlFor:S,children:n(R,{isInvalid:s,children:C(G,{onOpenChange:l=>{l||u?.(f)},children:[n(J,{id:S,isDisabled:o,className:x??"w-full",children:q(f,I,E)}),n(U,{placement:"bottom start",children:C(_,{inputValue:d,onInputChange:T,children:[n(Q,{className:"p-2",autoFocus:!0}),b&&n("div",{className:"p-input",children:n(P,{className:"mx-auto"})}),!b&&!v&&n(V,{...y,className:"max-h-48",items:I,renderEmptyState:()=>n("div",{className:"body-sm p-2",children:"No results found."}),children:l=>n(D,{id:l[p],children:l.name},l[p])}),v&&n("div",{className:"text-destructive p-icon body-sm",children:j.message})]})})]})})})})}function X({...r}){const i=r.value?[r.value]:[];return n(N,{selectedKeys:i,onSelectionChange:e=>{const t=Array.from(e).filter(o=>typeof o=="string")[0];r.onChange(t)},renderLabel:(e,t,o)=>o&&z(e)?F(o):t?.find(s=>s.id===e)?.name??"",selectionMode:"single",...r})}function Y({...r}){const i=r.value;return n(N,{selectedKeys:i,onSelectionChange:e=>{const t=Array.from(e).filter(o=>typeof o=="string");r.onChange(t.length>0?t:[])},selectionMode:"multiple",renderLabel:(e,t,o)=>{if(o&&(!e||e.length===0))return F(o);const u=(e??[]).map(a=>t?.find(h=>h.id===a)?.name??a);return u.length>0?u.join(","):""},...r})}function ve({isDisabled:r,...i}){const e=M({disabled:r});return n(X,{requiredIndicator:e.isRequired,isDisabled:r||e.isSubmitting,value:e.state.value,onBlur:t=>e.handleBlur(),onChange:t=>e.handleChange(t),isInvalid:!!c(e),errorMessage:c(e),...i})}function be({isDisabled:r,...i}){const e=M({disabled:r});return n(Y,{requiredIndicator:e.isRequired,isDisabled:r||e.isSubmitting,value:e.state.value,onBlur:t=>e.handleBlur(),onChange:t=>e.handleChange(t),isInvalid:!!c(e),errorMessage:c(e),...i})}export{Y as MultipleIdSearchInput,X as SingleIdSearchInput,be as TfMultipleIdSearchInput,ve as TfSingleIdSearchInput};
 //# sourceMappingURL=id-search.js.map

package/dist/components/menu.js

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as o,Fragment as c}from"react/jsx-runtime";import{MenuTrigger as d,MenuItem as b,composeRenderProps as m,Menu as f,SubmenuTrigger as M,Header as g,Separator as y,Keyboard as N}from"react-aria-components";import{classNames as a}from"../utilities/theme.js";import{IcDot as x,IcCheck as h,IcRight as S}from"./icons.js";import{ListBoxCollection as v}from"./list-box.js";import{SelectTrigger as I,SelectPopover as T}from"./select.js";import"clsx";import"@icons-pack/react-simple-icons";import"react";import"./button.js";import"class-variance-authority";import"./loader.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./form.js";import"./card.js";import"./popover.js";const j=d,U=M,W=v;function z({className:e,...t}){return o(T,{className:m(e,r=>a(r)),...t})}function w({className:e,...t}){return o(f,{className:a("overflow-auto p-1 outline-0 body-base",e),escapeKeyBehavior:"none",...t})}function X({children:e,className:t,...r}){return o(b,{textValue:r.textValue||(typeof e=="string"?e:void 0),className:m(t,i=>a("btn btn-ghost relative flex justify-start input-dim","data-[selection-mode]:pl-input",i)),...r,children:m(e,(i,n)=>u(c,{children:[o("span",{className:"absolute left-2 flex size-icon items-center justify-center",children:n.isSelected&&u(c,{children:[n.selectionMode=="single"&&o(x,{className:"size-icon fill-current"}),n.selectionMode=="multiple"&&o(h,{className:"size-icon"})]})}),i,n.hasSubmenu&&o(S,{className:"ml-auto size-icon"})]}))})}function Y({className:e,inset:t,separator:r=!0,...i}){return o(g,{className:a("px-3 py-1.5 body font-semibold",t&&"pl-input",r&&"-mx-1 mb-1 border-b border-b-border pb-2.5",e),...i})}function Z({className:e,...t}){return o(y,{className:a("-mx-1 my-1 h-px bg-muted",e),...t})}function _({className:e,...t}){return o(N,{className:a("ml-auto body-sm tracking-widest opacity-60",e),...t})}function ee({label:e,children:t,variant:r,isDisabled:i,size:n,isNonModal:C,id:l,"aria-label":p="Menu",...s}){return u(j,{...s,children:[o(I,{id:l,isDisabled:i,autoFocus:!!s.autoFocus,variant:r,size:n,"aria-label":p,children:e}),o(z,{className:"overflow-auto",children:o(w,{...s,children:t})})]})}export{ee as EasyMenu,w as Menu,W as MenuCollection,Y as MenuHeader,X as MenuItem,_ as MenuKeyboard,z as MenuPopover,Z as MenuSeparator,U as MenuSubTrigger,j as MenuTrigger};
+import{jsxs as u,jsx as o,Fragment as c}from"react/jsx-runtime";import{MenuTrigger as d,MenuItem as b,composeRenderProps as m,Menu as f,SubmenuTrigger as M,Header as g,Keyboard as y,Separator as N}from"react-aria-components";import{classNames as a}from"../utilities/theme.js";import{IcDot as x,IcCheck as h,IcRight as S}from"./icons.js";import{ListBoxCollection as v}from"./list-box.js";import{SelectTrigger as I,SelectPopover as T}from"./select.js";import"clsx";import"@icons-pack/react-simple-icons";import"react";import"./button.js";import"class-variance-authority";import"./loader.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./form.js";import"./card.js";import"./popover.js";const j=d,U=M,W=v;function z({className:e,...t}){return o(T,{className:m(e,r=>a(r)),...t})}function w({className:e,...t}){return o(f,{className:a("overflow-auto p-1 outline-0 body-base",e),escapeKeyBehavior:"none",...t})}function X({children:e,className:t,...r}){return o(b,{textValue:r.textValue||(typeof e=="string"?e:void 0),className:m(t,i=>a("btn btn-ghost relative flex justify-start input-dim","data-[selection-mode]:pl-input",i)),...r,children:m(e,(i,n)=>u(c,{children:[o("span",{className:"absolute left-2 flex size-icon items-center justify-center",children:n.isSelected&&u(c,{children:[n.selectionMode=="single"&&o(x,{className:"size-icon fill-current"}),n.selectionMode=="multiple"&&o(h,{className:"size-icon"})]})}),i,n.hasSubmenu&&o(S,{className:"ml-auto size-icon"})]}))})}function Y({className:e,inset:t,separator:r=!0,...i}){return o(g,{className:a("px-3 py-1.5 body font-semibold",t&&"pl-input",r&&"-mx-1 mb-1 border-b border-b-border pb-2.5",e),...i})}function Z({className:e,...t}){return o(N,{className:a("-mx-1 my-1 h-px bg-muted",e),...t})}function _({className:e,...t}){return o(y,{className:a("ml-auto body-sm tracking-widest opacity-60",e),...t})}function ee({label:e,children:t,variant:r,isDisabled:i,size:n,isNonModal:C,id:l,"aria-label":p="Menu",...s}){return u(j,{...s,children:[o(I,{id:l,isDisabled:i,autoFocus:!!s.autoFocus,variant:r,size:n,"aria-label":p,children:e}),o(z,{className:"overflow-auto",children:o(w,{...s,children:t})})]})}export{ee as EasyMenu,w as Menu,W as MenuCollection,Y as MenuHeader,X as MenuItem,_ as MenuKeyboard,z as MenuPopover,Z as MenuSeparator,U as MenuSubTrigger,j as MenuTrigger};
 //# sourceMappingURL=menu.js.map

package/dist/components/select.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as i,jsxs as a,Fragment as p}from"react/jsx-runtime";import{useId as g}from"react";import{Select as h,composeRenderProps as l,SelectValue as S,ListBox as x}from"react-aria-components";import{Button as N}from"./button.js";import{getFieldErrorMessage as b}from"../utilities/form.js";import{useFieldContext as B}from"../utilities/form-context.js";import{classNames as o}from"../utilities/theme.js";import{FormField as w}from"./form.js";import{IcDown as I}from"./icons.js";import{ListBoxItem as F,ListBoxHeader as v,ListBoxCollection as C}from"./list-box.js";import{Popover as L}from"./popover.js";import"class-variance-authority";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";import"@tanstack/react-form";import"./card.js";const D=h,j=F,Z=v,_=C,y=({className:r,...e})=>i(S,{className:l(r,t=>o("line-clamp-1 data-[placeholder]:text-muted-foreground","[&>[slot=description]]:hidden",t)),...e});function P({className:r,children:e,...t}){return i(N,{type:"button",...t,className:o("justify-between px-2",r),children:l(e,n=>a(p,{children:[i("span",{className:"inline-flex gap-1",children:n}),i(I,{"aria-hidden":"true"})]}))})}function V({className:r,...e}){return i(L,{className:l(r,t=>o("w-auto min-w-(--trigger-width)",t)),...e})}function q({className:r,...e}){return i(x,{className:l(r,t=>o("overflow-auto p-1 outline-none",t)),...e})}function H({label:r,description:e,errorMessage:t,children:n,className:d,requiredIndicator:m,items:u,...s}){const f=g(),c=s.id||f;return i("div",{className:o("group form-field",d),children:i(w,{label:r,description:e,errorMessage:t,requiredIndicator:m,htmlFor:c,children:a(D,{...s,children:[i(P,{className:"w-full",id:c,children:i(y,{className:"inline-flex gap-1 items-center"})}),i(V,{children:i(q,{items:u,children:n})})]})})})}function ee({...r}){const e=B({disabled:r.isDisabled});return i(H,{requiredIndicator:e.isRequired,selectedKey:e.state.value,onSelectionChange:t=>e.handleChange(t.toString()),onBlur:e.handleBlur,errorMessage:b(e),...r,isDisabled:r.isDisabled||e.isSubmitting,children:t=>i(j,{id:t.id,children:t.label},t.id)})}export{_ as SelectCollection,Z as SelectHeader,j as SelectItem,V as SelectPopover,P as SelectTrigger,y as SelectValue,H as SingleSelect,ee as TfSingleSelect};
+"use client";import{jsx as i,jsxs as a,Fragment as p}from"react/jsx-runtime";import{useId as g}from"react";import{Select as h,composeRenderProps as l,SelectValue as S,ListBox as x}from"react-aria-components";import{Button as N}from"./button.js";import{getFieldErrorMessage as b}from"../utilities/form.js";import{useFieldContext as B}from"../utilities/form-context.js";import{classNames as o}from"../utilities/theme.js";import{FormField as w}from"./form.js";import{IcDown as I}from"./icons.js";import{ListBoxItem as F,ListBoxCollection as v,ListBoxHeader as C}from"./list-box.js";import{Popover as L}from"./popover.js";import"class-variance-authority";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";import"@tanstack/react-form";import"./card.js";const D=h,j=F,Z=C,_=v,y=({className:r,...e})=>i(S,{className:l(r,t=>o("line-clamp-1 data-[placeholder]:text-muted-foreground","[&>[slot=description]]:hidden",t)),...e});function P({className:r,children:e,...t}){return i(N,{type:"button",...t,className:o("justify-between px-2",r),children:l(e,n=>a(p,{children:[i("span",{className:"inline-flex gap-1",children:n}),i(I,{"aria-hidden":"true"})]}))})}function V({className:r,...e}){return i(L,{className:l(r,t=>o("w-auto min-w-(--trigger-width)",t)),...e})}function q({className:r,...e}){return i(x,{className:l(r,t=>o("overflow-auto p-1 outline-none",t)),...e})}function H({label:r,description:e,errorMessage:t,children:n,className:d,requiredIndicator:m,items:u,...s}){const f=g(),c=s.id||f;return i("div",{className:o("group form-field",d),children:i(w,{label:r,description:e,errorMessage:t,requiredIndicator:m,htmlFor:c,children:a(D,{...s,children:[i(P,{className:"w-full",id:c,children:i(y,{className:"inline-flex gap-1 items-center"})}),i(V,{children:i(q,{items:u,children:n})})]})})})}function ee({...r}){const e=B({disabled:r.isDisabled});return i(H,{requiredIndicator:e.isRequired,selectedKey:e.state.value,onSelectionChange:t=>e.handleChange(t.toString()),onBlur:e.handleBlur,errorMessage:b(e),...r,isDisabled:r.isDisabled||e.isSubmitting,children:t=>i(j,{id:t.id,children:t.label},t.id)})}export{_ as SelectCollection,Z as SelectHeader,j as SelectItem,V as SelectPopover,P as SelectTrigger,y as SelectValue,H as SingleSelect,ee as TfSingleSelect};
 //# sourceMappingURL=select.js.map

package/dist/components/sidebar.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,Fragment as O,jsxs as h}from"react/jsx-runtime";import{createContext as D,use as I,useState as x,useCallback as S,useEffect as j,useMemo as z}from"react";import{Button as N}from"./button.js";import{DialogTrigger as B,DialogOverlay as T,DialogContent as E}from"./dialog.js";import{TooltipTrigger as G,Tooltip as H}from"./tooltip.js";import{classNames as i}from"../utilities/theme.js";import{useIsMobile as K}from"../utilities/use-mobile.js";import{IcMoreHorizontal as L,IcLeft as R,IcRight as A}from"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const F="/",y=D(null);function v(){const e=I(y);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function te({defaultOpen:e=!0,open:a,onOpenChange:n,className:o,style:s,children:l,...b}){const d=K(),[f,u]=x(!1),[_,k]=x(e),p=a??_,m=S(r=>{const c=typeof r=="function"?r(p):r;n?n(c):k(c)},[n,p]),g=S(()=>d?u(r=>!r):m(r=>!r),[d,m,u]);j(()=>{const r=c=>{c.key===F&&(c.metaKey||c.ctrlKey)&&(c.preventDefault(),g())};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[g]);const w=p?"expanded":"collapsed",C=z(()=>({state:w,open:p,setOpen:m,isMobile:d,openMobile:f,setOpenMobile:u,toggleSidebar:g}),[w,p,m,d,f,u,g]);return t(y.Provider,{value:C,children:t("div",{className:i("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1",o),...b,children:l})})}function ie({side:e="left",variant:a="sidebar",collapsible:n="icon",className:o,children:s,...l}){const{isMobile:b,state:d,openMobile:f,setOpenMobile:u}=v();return n==="none"?t("div",{className:i("flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground",o),...l,children:s}):b?t(B,{isOpen:f,onOpenChange:u,...l,children:t(T,{children:t(E,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden",side:"left",children:()=>t(O,{children:s})})})}):h("div",{className:"group peer hidden text-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":a,"data-side":e,children:[t("div",{className:i("relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{className:i("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",o),...l,children:t("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border",children:s})})]})}function ne({className:e,onClick:a,...n}){const{toggleSidebar:o,open:s,isMobile:l}=v();return t(N,{"data-sidebar":"trigger",variant:"neutral",size:"icon",className:"!rounded-full",onClick:b=>{a?.(b),o()},...n,children:l?t(L,{}):s?t(R,{}):t(A,{})})}function oe({className:e,...a}){return t("div",{"data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}function re({className:e,...a}){return t("div",{"data-sidebar":"group",className:i("relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2",e),...a})}function le({className:e,...a}){return t("div",{"data-sidebar":"group-label",className:i("flex h-input shrink-0 items-center px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0",e),...a})}function se({className:e,...a}){return t("div",{"data-sidebar":"group-content",className:i("w-full body-sm",e),...a})}function de({className:e,...a}){return t("ul",{"data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col",e),...a})}function ce({className:e,...a}){return t("li",{"data-sidebar":"menu-item",className:i("group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden",e),...a})}function ue({className:e,...a}){return t("button",{"data-sidebar":"menu-action",className:i("absolute top-0 right-0 btn btn-ghost h-input","group-data-[collapsible=icon]:hidden",e),...a})}function be({className:e,number:a,...n}){return t("div",{"data-sidebar":"menu-badge",className:i("absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums","group-data-[collapsible=icon]:hidden",e),...n,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(a)})}function pe({className:e,...a}){return t("ul",{"data-sidebar":"menu-sub",className:i("ms-2 flex min-w-0 flex-col","group-data-[collapsible=icon]:hidden",e),...a})}function fe({className:e,...a}){return t("li",{className:i("list-none ms-0",e),...a})}const M="btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none";function me({isActive:e=!1,className:a,children:n,...o}){const{isMobile:s,state:l}=v();return h(G,{isDisabled:s||l!=="collapsed",children:[t(N,{"data-sidebar":"menu-button",...e&&{"data-selected":!0},className:i("peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input",M,a),...o,children:n}),t(H,{placement:"right",children:t("span",{className:"flex items-center gap-2",children:n})})]})}function ge({isActive:e,className:a,...n}){return t("button",{"data-sidebar":"menu-sub-button","data-active":e,className:i(M,a),...n})}function he({className:e,logo:a,children:n,...o}){return h("div",{"data-sidebar":"header",className:i("flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...o,children:[a&&t("div",{className:"flex items-center justify-center size-input shrink-0",children:a}),n&&t("div",{className:"flex-1 min-w-0 group-data-[collapsible=icon]:hidden",children:n})]})}function ve({className:e,...a}){return t("div",{className:i(e,"w-full overflow-auto"),...a})}function we({className:e,...a}){return t("nav",{className:i("flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b",e),...a})}export{ie as Sidebar,oe as SidebarContent,y as SidebarContext,re as SidebarGroup,se as SidebarGroupContent,le as SidebarGroupLabel,he as SidebarHeader,de as SidebarMenu,ue as SidebarMenuAction,be as SidebarMenuBadge,me as SidebarMenuButton,ce as SidebarMenuItem,pe as SidebarMenuSub,ge as SidebarMenuSubButton,fe as SidebarMenuSubItem,ve as SidebarOutlet,we as SidebarOutletHeader,te as SidebarProvider,ne as SidebarTrigger,M as sidebarMenuButtonClasses,v as useSidebar};
+"use client";import{jsx as t,Fragment as O,jsxs as h}from"react/jsx-runtime";import{createContext as D,useState as x,useCallback as S,useEffect as I,useMemo as j,use as z}from"react";import{Button as N}from"./button.js";import{DialogTrigger as B,DialogOverlay as T,DialogContent as E}from"./dialog.js";import{TooltipTrigger as G,Tooltip as H}from"./tooltip.js";import{classNames as i}from"../utilities/theme.js";import{useIsMobile as K}from"../utilities/use-mobile.js";import{IcMoreHorizontal as L,IcLeft as R,IcRight as A}from"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const F="/",y=D(null);function v(){const e=z(y);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function te({defaultOpen:e=!0,open:a,onOpenChange:n,className:o,style:s,children:l,...b}){const d=K(),[f,u]=x(!1),[_,k]=x(e),p=a??_,m=S(r=>{const c=typeof r=="function"?r(p):r;n?n(c):k(c)},[n,p]),g=S(()=>d?u(r=>!r):m(r=>!r),[d,m,u]);I(()=>{const r=c=>{c.key===F&&(c.metaKey||c.ctrlKey)&&(c.preventDefault(),g())};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[g]);const w=p?"expanded":"collapsed",C=j(()=>({state:w,open:p,setOpen:m,isMobile:d,openMobile:f,setOpenMobile:u,toggleSidebar:g}),[w,p,m,d,f,u,g]);return t(y.Provider,{value:C,children:t("div",{className:i("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1",o),...b,children:l})})}function ie({side:e="left",variant:a="sidebar",collapsible:n="icon",className:o,children:s,...l}){const{isMobile:b,state:d,openMobile:f,setOpenMobile:u}=v();return n==="none"?t("div",{className:i("flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground",o),...l,children:s}):b?t(B,{isOpen:f,onOpenChange:u,...l,children:t(T,{children:t(E,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden",side:"left",children:()=>t(O,{children:s})})})}):h("div",{className:"group peer hidden text-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":a,"data-side":e,children:[t("div",{className:i("relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{className:i("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",o),...l,children:t("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border",children:s})})]})}function ne({className:e,onClick:a,...n}){const{toggleSidebar:o,open:s,isMobile:l}=v();return t(N,{"data-sidebar":"trigger",variant:"neutral",size:"icon",className:"!rounded-full",onClick:b=>{a?.(b),o()},...n,children:l?t(L,{}):s?t(R,{}):t(A,{})})}function oe({className:e,...a}){return t("div",{"data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}function re({className:e,...a}){return t("div",{"data-sidebar":"group",className:i("relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2",e),...a})}function le({className:e,...a}){return t("div",{"data-sidebar":"group-label",className:i("flex h-input shrink-0 items-center px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0",e),...a})}function se({className:e,...a}){return t("div",{"data-sidebar":"group-content",className:i("w-full body-sm",e),...a})}function de({className:e,...a}){return t("ul",{"data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col",e),...a})}function ce({className:e,...a}){return t("li",{"data-sidebar":"menu-item",className:i("group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden",e),...a})}function ue({className:e,...a}){return t("button",{"data-sidebar":"menu-action",className:i("absolute top-0 right-0 btn btn-ghost h-input","group-data-[collapsible=icon]:hidden",e),...a})}function be({className:e,number:a,...n}){return t("div",{"data-sidebar":"menu-badge",className:i("absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums","group-data-[collapsible=icon]:hidden",e),...n,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(a)})}function pe({className:e,...a}){return t("ul",{"data-sidebar":"menu-sub",className:i("ms-2 flex min-w-0 flex-col","group-data-[collapsible=icon]:hidden",e),...a})}function fe({className:e,...a}){return t("li",{className:i("list-none ms-0",e),...a})}const M="btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none";function me({isActive:e=!1,className:a,children:n,...o}){const{isMobile:s,state:l}=v();return h(G,{isDisabled:s||l!=="collapsed",children:[t(N,{"data-sidebar":"menu-button",...e&&{"data-selected":!0},className:i("peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input",M,a),...o,children:n}),t(H,{placement:"right",children:t("span",{className:"flex items-center gap-2",children:n})})]})}function ge({isActive:e,className:a,...n}){return t("button",{"data-sidebar":"menu-sub-button","data-active":e,className:i(M,a),...n})}function he({className:e,logo:a,children:n,...o}){return h("div",{"data-sidebar":"header",className:i("flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...o,children:[a&&t("div",{className:"flex items-center justify-center size-input shrink-0",children:a}),n&&t("div",{className:"flex-1 min-w-0 group-data-[collapsible=icon]:hidden",children:n})]})}function ve({className:e,...a}){return t("div",{className:i(e,"w-full overflow-auto"),...a})}function we({className:e,...a}){return t("nav",{className:i("flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b",e),...a})}export{ie as Sidebar,oe as SidebarContent,y as SidebarContext,re as SidebarGroup,se as SidebarGroupContent,le as SidebarGroupLabel,he as SidebarHeader,de as SidebarMenu,ue as SidebarMenuAction,be as SidebarMenuBadge,me as SidebarMenuButton,ce as SidebarMenuItem,pe as SidebarMenuSub,ge as SidebarMenuSubButton,fe as SidebarMenuSubItem,ve as SidebarOutlet,we as SidebarOutletHeader,te as SidebarProvider,ne as SidebarTrigger,M as sidebarMenuButtonClasses,v as useSidebar};
 //# sourceMappingURL=sidebar.js.map

package/dist/components/tabs.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{useRef as c,useEffect as u}from"react";import{Tabs as b,composeRenderProps as n,TabList as f,Tab as m,TabPanel as d}from"react-aria-components";import{classNames as i}from"../utilities/theme.js";import"clsx";function w({className:t,...a}){return o(b,{className:n(t,e=>i("group flex flex-col gap-2","data-[orientation=vertical]:flex-row",e)),...a})}function N({className:t,...a}){const e=c(null);return u(()=>{const r=e.current;if(!r)return;const s=new MutationObserver(()=>{const l=r.querySelector("[data-selected]");l&&requestAnimationFrame(()=>{l.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})})});return s.observe(r,{attributes:!0,subtree:!0,attributeFilter:["data-selected"]}),()=>s.disconnect()},[]),o(f,{ref:e,className:n(t,r=>i("inline-flex items-center text-muted-foreground overflow-auto","data-[orientation=horizontal]:border-b data-[orientation=vertical]:h-auto data-[orientation=vertical]:border-e data-[orientation=vertical]:flex-col",r)),...a})}function h({className:t,...a}){return o(m,{className:n(t,e=>i("btn-tab","group-data-[orientation=vertical]:w-full",e)),...a})}function L({className:t,...a}){return o(d,{className:n(t,e=>i("ring-offset-background","focus-ring",e)),...a})}export{h as Tab,N as TabList,L as TabPanel,w as Tabs};
+"use client";import{jsx as o}from"react/jsx-runtime";import{useRef as c,useEffect as u}from"react";import{Tab as b,composeRenderProps as n,TabList as f,TabPanel as m,Tabs as d}from"react-aria-components";import{classNames as i}from"../utilities/theme.js";import"clsx";function w({className:t,...a}){return o(d,{className:n(t,e=>i("group flex flex-col gap-2","data-[orientation=vertical]:flex-row",e)),...a})}function N({className:t,...a}){const e=c(null);return u(()=>{const r=e.current;if(!r)return;const s=new MutationObserver(()=>{const l=r.querySelector("[data-selected]");l&&requestAnimationFrame(()=>{l.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})})});return s.observe(r,{attributes:!0,subtree:!0,attributeFilter:["data-selected"]}),()=>s.disconnect()},[]),o(f,{ref:e,className:n(t,r=>i("inline-flex items-center text-muted-foreground overflow-auto","data-[orientation=horizontal]:border-b data-[orientation=vertical]:h-auto data-[orientation=vertical]:border-e data-[orientation=vertical]:flex-col",r)),...a})}function h({className:t,...a}){return o(b,{className:n(t,e=>i("btn-tab","group-data-[orientation=vertical]:w-full",e)),...a})}function L({className:t,...a}){return o(m,{className:n(t,e=>i("ring-offset-background","focus-ring",e)),...a})}export{h as Tab,N as TabList,L as TabPanel,w as Tabs};
 //# sourceMappingURL=tabs.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.38",
+  "version": "6.6.40",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -55,7 +55,7 @@
     "@fontsource-variable/dm-sans": "5.2.8",
     "@fontsource/dm-mono": "5.2.7",
     "@icons-pack/react-simple-icons": "^13.13.0",
-    "@internationalized/date": "3.10.1",
+    "@internationalized/date": "3.12.1",
     "@shikijs/colorized-brackets": "^4.0.2",
     "@tanstack/react-form": "1.27.7",
     "@tanstack/react-query": "5.90.2",
@@ -65,7 +65,7 @@
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "date-fns": "3.0.0",
-    "lodash-es": "4.17.21",
+    "lodash-es": "4.18.1",
     "openapi-fetch": "0.15.0",
     "react": "^19.1.0",
     "react-aria-components": "1.12.0",
@@ -79,32 +79,32 @@
   "devDependencies": {
     "@icons-pack/react-simple-icons": "^13.13.0",
     "@rollup/plugin-node-resolve": "16.0.1",
-    "@storybook/addon-a11y": "9.1.4",
-    "@storybook/addon-docs": "9.1.4",
-    "@storybook/addon-links": "9.1.4",
-    "@storybook/addon-onboarding": "9.1.4",
-    "@storybook/addon-vitest": "9.1.4",
-    "@storybook/react-vite": "9.1.4",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-links": "10.3.5",
+    "@storybook/addon-onboarding": "10.3.5",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/react-vite": "10.3.5",
     "@tailwindcss/cli": "4.1.12",
     "@tailwindcss/vite": "4.1.12",
     "@tariq007/storybook-addon-html-validator-w3c": "5.0.1",
-    "@types/node": "^22.7.8",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.0",
+    "@types/node": "^22.19.17",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "5.0.1",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.4",
+    "lint-staged": "^16.4.0",
     "lucide-react": "0.541.0",
-    "playwright": "^1.55.1",
+    "playwright": "^1.59.1",
     "prettier": "3.6.2",
     "rollup-preserve-directives": "1.1.3",
     "sass": "1.89.2",
-    "storybook": "9.1.4",
+    "storybook": "10.3.5",
     "tailwindcss-react-aria-components": "2.0.1",
     "typescript": "5.9.2",
-    "vite": "7.1.11",
+    "vite": "7.3.2",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
     "vitest": "^3.2.4"