@customafk/lunas-ui 0.2.20 → 0.2.21

package/dist/ui/multi-select.mjs

@@ -1,2 +1,2 @@
-"use client";import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";import"../heading-D8K7UGv2.mjs";import"../paragraph-jzLzzEYZ.mjs";import"../close-BcOkVqd8.mjs";import"../dialog-dqqupmOT.mjs";import{c as t,i as n,o as r,s as ee,t as te}from"../command-B8y4H5q5.mjs";import{PlusIcon as ne,X as i}from"lucide-react";import{forwardRef as a,useCallback as o,useEffect as s,useImperativeHandle as c,useMemo as re,useRef as l,useState as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{cn as m}from"@customafk/react-toolkit/utils";import{Command as h,useCommandState as g}from"cmdk";function _(e,t){let[n,r]=u(e);return s(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function v(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function ie(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function ae(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const y=a(({className:e,...t},n)=>g(e=>e.filtered.count===0)?f(`div`,{ref:n,className:m(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);y.displayName=`CommandEmpty`;const b=a(({value:a,onChange:g,placeholder:b,defaultOptions:x=[],options:S,delay:oe,onSearch:C,onSearchSync:w,loadingIndicator:se,emptyIndicator:T,maxSelected:E=2**53-1,onMaxSelected:D,hidePlaceholderWhenSelected:O,disabled:k,groupBy:A,className:ce,badgeClassName:le,selectFirstItem:ue=!0,creatable:j=!1,triggerSearchOnFocus:M=!1,commandProps:N,inputProps:P,hideClearAllButton:F=!1,onAddNewItem:I},de)=>{let L=l(null),R=l(null),[z,B]=u(!1),[V,H]=u(!1),[U,W]=u(!1),[G,K]=u(a||[]),[q,J]=u(v(x,A)),[Y,X]=u(``),Z=_(Y,oe||500);c(de,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=o(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=o(e=>{let t=G.filter(t=>t.value!==e.value);K(t),g?.(t)},[g,G]),fe=o(e=>{let t=L.current;t&&((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0&&(G[G.length-1].fixed||$(G[G.length-1])),e.key===`Escape`&&t.blur())},[$,G]);s(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),s(()=>{a&&K(a)},[a]),s(()=>{if(!S||C)return;let e=v(S||[],A);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[x,S,A,C,q]),s(()=>{let e=()=>{let e=w?.(Z);J(v(e||[],A))};(async()=>{!w||!z||(M&&e(),Z&&e())})()},[Z,A,z,M]),s(()=>{let e=async()=>{W(!0),J(v(await C?.(Z)||[],A)),W(!1)};(async()=>{!C||!z||(M&&await e(),Z&&await e())})()},[Z,A,z,M]);let pe=()=>{if(!j||ae(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=f(r,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=E){D?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),g?.(t)},children:`Create "${Y}"`});if(!C&&Y.length>0||C&&Z.length>0&&!U)return e},me=o(()=>{if(T)return C&&!j&&Object.keys(q).length===0?f(r,{value:`-`,disabled:!0,children:T}):f(y,{children:T})},[j,T,C,q]),he=re(()=>ie(q,G),[q,G]),ge=o(()=>{if(N?.filter)return N.filter;if(j)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[j,N?.filter]);return p(te,{ref:R,...N,onKeyDown:e=>{fe(e),N?.onKeyDown?.(e)},className:m(`h-auto overflow-visible bg-transparent`,N?.className),shouldFilter:N?.shouldFilter===void 0?!C:N.shouldFilter,filter:ge(),children:[f(`div`,{className:m(`border-border-weak relative rounded-md border text-sm transition-shadow`,`focus-within:border-primary`,`focus-within:ring-primary-weak`,`focus-within:ring-4`,`focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,G.length!==0&&`p-1`,!k&&G.length!==0&&`cursor-text`,!F&&`pe-9`,ce),onClick:()=>{k||L?.current?.focus()},children:p(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>p(`div`,{className:m(`animate-fadeIn`,`bg-background`,`hover:bg-background`,`border-border-weak border border-solid`,`text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-fixed:pe-2`,le),"data-fixed":e.fixed,"data-disabled":k||void 0,children:[e.label,f(`button`,{type:`button`,disabled:k||e.fixed,className:m(`text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-primary-weak`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:f(i,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),f(h.Input,{...P,ref:L,value:Y,disabled:k,onValueChange:e=>{X(e),P?.onValueChange?.(e)},onBlur:e=>{V||B(!1),P?.onBlur?.(e)},onFocus:e=>{B(!0),M&&C?.(Z),P?.onFocus?.(e)},placeholder:O&&G.length!==0?``:b,className:m(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":O,"px-3 py-2":G.length===0,"ml-1":G.length!==0},P?.className)}),f(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),g?.(G.filter(e=>e.fixed))},className:m(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-text-positive`,`focus-visible:outline-primary-weak`,(F||k||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:f(i,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),f(`div`,{className:`relative`,children:f(`div`,{className:m(`shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&p(ee,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[I&&p(d,{children:[f(t,{}),f(n,{children:p(e,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:I,children:[f(ne,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?se:p(d,{children:[me(),pe(),!ue&&f(r,{value:`-`,className:`hidden`}),Object.entries(he).map(([e,t])=>f(n,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>f(r,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=E){D?.(G.length);return}let t=[...G,e];X(``),K(t),g?.(t)},className:m(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});b.displayName=`MultipleSelector`;export{b as MultipleSelector,_ as useDebounce};
+"use client";import"../button.variants-CwcJHcI5.mjs";import{t as e}from"../button-Bc8L9sFb.mjs";import"../heading-BnaNuvDS.mjs";import"../paragraph-CnHNC0rS.mjs";import"../close-BS6EeCrQ.mjs";import"../dialog-DG4vMCr5.mjs";import{c as t,i as n,o as r,s as ee,t as te}from"../command-B5DpL6OG.mjs";import{PlusIcon as ne,X as i}from"lucide-react";import{forwardRef as a,useCallback as o,useEffect as s,useImperativeHandle as c,useMemo as re,useRef as l,useState as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{cn as m}from"@customafk/react-toolkit/utils";import{Command as h,useCommandState as g}from"cmdk";function _(e,t){let[n,r]=u(e);return s(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function v(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function ie(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function ae(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const y=a(({className:e,...t},n)=>g(e=>e.filtered.count===0)?f(`div`,{ref:n,className:m(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);y.displayName=`CommandEmpty`;const b=a(({value:a,onChange:g,placeholder:b,defaultOptions:x=[],options:S,delay:oe,onSearch:C,onSearchSync:w,loadingIndicator:se,emptyIndicator:T,maxSelected:E=2**53-1,onMaxSelected:D,hidePlaceholderWhenSelected:O,disabled:k,groupBy:A,className:ce,badgeClassName:le,selectFirstItem:ue=!0,creatable:j=!1,triggerSearchOnFocus:M=!1,commandProps:N,inputProps:P,hideClearAllButton:F=!1,onAddNewItem:I},de)=>{let L=l(null),R=l(null),[z,B]=u(!1),[V,H]=u(!1),[U,W]=u(!1),[G,K]=u(a||[]),[q,J]=u(v(x,A)),[Y,X]=u(``),Z=_(Y,oe||500);c(de,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=o(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=o(e=>{let t=G.filter(t=>t.value!==e.value);K(t),g?.(t)},[g,G]),fe=o(e=>{let t=L.current;t&&((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0&&(G[G.length-1].fixed||$(G[G.length-1])),e.key===`Escape`&&t.blur())},[$,G]);s(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),s(()=>{a&&K(a)},[a]),s(()=>{if(!S||C)return;let e=v(S||[],A);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[x,S,A,C,q]),s(()=>{let e=()=>{let e=w?.(Z);J(v(e||[],A))};(async()=>{!w||!z||(M&&e(),Z&&e())})()},[Z,A,z,M]),s(()=>{let e=async()=>{W(!0),J(v(await C?.(Z)||[],A)),W(!1)};(async()=>{!C||!z||(M&&await e(),Z&&await e())})()},[Z,A,z,M]);let pe=()=>{if(!j||ae(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=f(r,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=E){D?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),g?.(t)},children:`Create "${Y}"`});if(!C&&Y.length>0||C&&Z.length>0&&!U)return e},me=o(()=>{if(T)return C&&!j&&Object.keys(q).length===0?f(r,{value:`-`,disabled:!0,children:T}):f(y,{children:T})},[j,T,C,q]),he=re(()=>ie(q,G),[q,G]),ge=o(()=>{if(N?.filter)return N.filter;if(j)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[j,N?.filter]);return p(te,{ref:R,...N,onKeyDown:e=>{fe(e),N?.onKeyDown?.(e)},className:m(`h-auto overflow-visible bg-transparent`,N?.className),shouldFilter:N?.shouldFilter===void 0?!C:N.shouldFilter,filter:ge(),children:[f(`div`,{className:m(`border-border-weak relative rounded-md border text-sm transition-shadow`,`focus-within:border-primary`,`focus-within:ring-primary-weak`,`focus-within:ring-4`,`focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,G.length!==0&&`p-1`,!k&&G.length!==0&&`cursor-text`,!F&&`pe-9`,ce),onClick:()=>{k||L?.current?.focus()},children:p(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>p(`div`,{className:m(`animate-fadeIn`,`bg-background`,`hover:bg-background`,`border-border-weak border border-solid`,`text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-fixed:pe-2`,le),"data-fixed":e.fixed,"data-disabled":k||void 0,children:[e.label,f(`button`,{type:`button`,disabled:k||e.fixed,className:m(`text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-primary-weak`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:f(i,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),f(h.Input,{...P,ref:L,value:Y,disabled:k,onValueChange:e=>{X(e),P?.onValueChange?.(e)},onBlur:e=>{V||B(!1),P?.onBlur?.(e)},onFocus:e=>{B(!0),M&&C?.(Z),P?.onFocus?.(e)},placeholder:O&&G.length!==0?``:b,className:m(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":O,"px-3 py-2":G.length===0,"ml-1":G.length!==0},P?.className)}),f(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),g?.(G.filter(e=>e.fixed))},className:m(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-text-positive`,`focus-visible:outline-primary-weak`,(F||k||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:f(i,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),f(`div`,{className:`relative`,children:f(`div`,{className:m(`shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&p(ee,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[I&&p(d,{children:[f(t,{}),f(n,{children:p(e,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:I,children:[f(ne,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?se:p(d,{children:[me(),pe(),!ue&&f(r,{value:`-`,className:`hidden`}),Object.entries(he).map(([e,t])=>f(n,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>f(r,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=E){D?.(G.length);return}let t=[...G,e];X(``),K(t),g?.(t)},className:m(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});b.displayName=`MultipleSelector`;export{b as MultipleSelector,_ as useDebounce};
 //# sourceMappingURL=multi-select.mjs.map

package/dist/ui/navigation-menu.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime103 from "react/jsx-runtime";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/navigation-menu.d.ts
@@ -34,44 +34,44 @@ declare function NavigationMenu({
 }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
   /** When false, the viewport animation panel is omitted (useful for inline menus). */
   viewport?: boolean;
-}): react_jsx_runtime103.JSX.Element;
+}): react_jsx_runtime145.JSX.Element;
 /** Horizontal list that holds NavigationMenuItems. */
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime145.JSX.Element;
 /** A single navigation entry that may contain a trigger and a dropdown content panel. */
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime103.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types6.ClassProp | undefined) => string;
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime145.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types7.ClassProp | undefined) => string;
 /** Button that opens the associated NavigationMenuContent panel on focus or hover. */
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime145.JSX.Element;
 /** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
 declare function NavigationMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime145.JSX.Element;
 /** Animated viewport container that hosts the active NavigationMenuContent. */
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime145.JSX.Element;
 /** A styled link used inside NavigationMenuContent that highlights when active. */
 declare function NavigationMenuLink({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime145.JSX.Element;
 /** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime145.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.cts.map

package/dist/ui/navigation-menu.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime186 from "react/jsx-runtime";
+import * as react_jsx_runtime194 from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 
@@ -34,44 +34,44 @@ declare function NavigationMenu({
 }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
   /** When false, the viewport animation panel is omitted (useful for inline menus). */
   viewport?: boolean;
-}): react_jsx_runtime186.JSX.Element;
+}): react_jsx_runtime194.JSX.Element;
 /** Horizontal list that holds NavigationMenuItems. */
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime194.JSX.Element;
 /** A single navigation entry that may contain a trigger and a dropdown content panel. */
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime194.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types10.ClassProp | undefined) => string;
 /** Button that opens the associated NavigationMenuContent panel on focus or hover. */
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime194.JSX.Element;
 /** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
 declare function NavigationMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime194.JSX.Element;
 /** Animated viewport container that hosts the active NavigationMenuContent. */
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime194.JSX.Element;
 /** A styled link used inside NavigationMenuContent that highlights when active. */
 declare function NavigationMenuLink({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime194.JSX.Element;
 /** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime194.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.mts.map

package/dist/ui/pagination.d.cts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-UgIAM1cP.cjs";
-import * as react_jsx_runtime258 from "react/jsx-runtime";
+import { t as Button } from "../button-BxGWLI9o.cjs";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
 
 //#region packages/components/ui/pagination.d.ts
 
@@ -26,16 +26,16 @@ import * as react_jsx_runtime258 from "react/jsx-runtime";
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime155.JSX.Element;
 /** Horizontal list that holds PaginationItem elements. */
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime155.JSX.Element;
 /** Wrapper `<li>` for a single pagination button or link. */
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime155.JSX.Element;
 type PaginationLinkProps = {
   /** When true, the link is styled as the currently active page. */
   isActive?: boolean;
@@ -46,22 +46,22 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime258.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime155.JSX.Element;
 /** "Previous page" navigation link with a left chevron icon. */
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime155.JSX.Element;
 /** "Next page" navigation link with a right chevron icon. */
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime155.JSX.Element;
 /** Ellipsis indicator rendered between non-adjacent page numbers. */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime258.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime155.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.cts.map

package/dist/ui/pagination.d.mts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-DdwLbwWQ.mjs";
-import * as react_jsx_runtime197 from "react/jsx-runtime";
+import { t as Button } from "../button-DxWrJ_EO.mjs";
+import * as react_jsx_runtime204 from "react/jsx-runtime";
 
 //#region packages/components/ui/pagination.d.ts
 
@@ -26,16 +26,16 @@ import * as react_jsx_runtime197 from "react/jsx-runtime";
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime197.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime204.JSX.Element;
 /** Horizontal list that holds PaginationItem elements. */
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime197.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime204.JSX.Element;
 /** Wrapper `<li>` for a single pagination button or link. */
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime197.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime204.JSX.Element;
 type PaginationLinkProps = {
   /** When true, the link is styled as the currently active page. */
   isActive?: boolean;
@@ -46,22 +46,22 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime197.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime204.JSX.Element;
 /** "Previous page" navigation link with a left chevron icon. */
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime197.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime204.JSX.Element;
 /** "Next page" navigation link with a right chevron icon. */
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime197.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime204.JSX.Element;
 /** Ellipsis indicator rendered between non-adjacent page numbers. */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime197.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime204.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.mts.map

package/dist/ui/pagination.mjs

@@ -1,2 +1,2 @@
-"use client";import{n as e}from"../button.variants-B8KCLWPT.mjs";import{ChevronLeftIcon as t,ChevronRightIcon as n,MoreHorizontalIcon as r}from"lucide-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"@customafk/react-toolkit/utils";function s({className:e,...t}){return i(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:o(`mx-auto flex w-full justify-center`,e),...t})}function c({className:e,...t}){return i(`ul`,{"data-slot":`pagination-content`,className:o(`flex flex-row items-center gap-1`,e),...t})}function l({...e}){return i(`li`,{"data-slot":`pagination-item`,...e})}function u({className:t,isActive:n,size:r=`icon`,...a}){return i(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:o(e({variant:n?`outline`:`ghost`,size:r}),t),...a})}function d({className:e,...n}){return a(u,{"aria-label":`Go to previous page`,size:`default`,className:o(`gap-1 px-2.5 sm:pl-2.5`,e),...n,children:[i(t,{}),i(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function f({className:e,...t}){return a(u,{"aria-label":`Go to next page`,size:`default`,className:o(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[i(`span`,{className:`hidden sm:block`,children:`Next`}),i(n,{})]})}function p({className:e,...t}){return a(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:o(`flex size-9 items-center justify-center`,e),...t,children:[i(r,{className:`size-4`}),i(`span`,{className:`sr-only`,children:`More pages`})]})}export{s as Pagination,c as PaginationContent,p as PaginationEllipsis,l as PaginationItem,u as PaginationLink,f as PaginationNext,d as PaginationPrevious};
+"use client";import{n as e}from"../button.variants-CwcJHcI5.mjs";import{ChevronLeftIcon as t,ChevronRightIcon as n,MoreHorizontalIcon as r}from"lucide-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"@customafk/react-toolkit/utils";function s({className:e,...t}){return i(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:o(`mx-auto flex w-full justify-center`,e),...t})}function c({className:e,...t}){return i(`ul`,{"data-slot":`pagination-content`,className:o(`flex flex-row items-center gap-1`,e),...t})}function l({...e}){return i(`li`,{"data-slot":`pagination-item`,...e})}function u({className:t,isActive:n,size:r=`icon`,...a}){return i(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:o(e({variant:n?`outline`:`ghost`,size:r}),t),...a})}function d({className:e,...n}){return a(u,{"aria-label":`Go to previous page`,size:`default`,className:o(`gap-1 px-2.5 sm:pl-2.5`,e),...n,children:[i(t,{}),i(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function f({className:e,...t}){return a(u,{"aria-label":`Go to next page`,size:`default`,className:o(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[i(`span`,{className:`hidden sm:block`,children:`Next`}),i(n,{})]})}function p({className:e,...t}){return a(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:o(`flex size-9 items-center justify-center`,e),...t,children:[i(r,{className:`size-4`}),i(`span`,{className:`sr-only`,children:`More pages`})]})}export{s as Pagination,c as PaginationContent,p as PaginationEllipsis,l as PaginationItem,u as PaginationLink,f as PaginationNext,d as PaginationPrevious};
 //# sourceMappingURL=pagination.mjs.map

package/dist/ui/popover.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime126 from "react/jsx-runtime";
+import * as react_jsx_runtime134 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
@@ -26,27 +26,27 @@ import { Popover as Popover$1 } from "radix-ui";
  */
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime126.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime134.JSX.Element;
 /** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime126.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime134.JSX.Element;
 /** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime126.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime134.JSX.Element;
 /** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime126.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime134.JSX.Element;
 /** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
 declare function PopoverClose({
   className,
   ...props
-}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime126.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime134.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.cts.map

package/dist/ui/popover.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
@@ -26,27 +26,27 @@ import { Popover as Popover$1 } from "radix-ui";
  */
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime217.JSX.Element;
 /** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime217.JSX.Element;
 /** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime217.JSX.Element;
 /** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime217.JSX.Element;
 /** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
 declare function PopoverClose({
   className,
   ...props
-}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime217.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.mts.map

package/dist/ui/popover.mjs

@@ -1 +1 @@
-"use client";import"../close-BcOkVqd8.mjs";import{a as e,i as t,n,r,t as i}from"../popover-HZvZNeka.mjs";export{i as Popover,n as PopoverAnchor,r as PopoverClose,t as PopoverContent,e as PopoverTrigger};
+"use client";import"../close-BS6EeCrQ.mjs";import{a as e,i as t,n,r,t as i}from"../popover-DvGJ23lJ.mjs";export{i as Popover,n as PopoverAnchor,r as PopoverClose,t as PopoverContent,e as PopoverTrigger};

package/dist/ui/progress.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime141 from "react/jsx-runtime";
+import * as react_jsx_runtime144 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "radix-ui";
 
 //#region packages/components/ui/progress.d.ts
@@ -17,7 +17,7 @@ declare function Progress({
   className,
   value,
   ...props
-}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime141.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime144.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.cts.map

package/dist/ui/progress.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime196 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "radix-ui";
 
 //#region packages/components/ui/progress.d.ts
@@ -17,7 +17,7 @@ declare function Progress({
   className,
   value,
   ...props
-}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.mts.map

package/dist/ui/progress.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../progress-CgQ13rSf.mjs";export{e as Progress};
+"use client";import{t as e}from"../progress-2G9rCupJ.mjs";export{e as Progress};

package/dist/ui/radio-group.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime118 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/radio-group.d.ts
@@ -26,12 +26,12 @@ import { RadioGroup as RadioGroup$1 } from "radix-ui";
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime153.JSX.Element;
 /** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.cts.map

package/dist/ui/radio-group.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime204 from "react/jsx-runtime";
+import * as react_jsx_runtime223 from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/radio-group.d.ts
@@ -26,12 +26,12 @@ import { RadioGroup as RadioGroup$1 } from "radix-ui";
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime204.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime223.JSX.Element;
 /** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime204.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime223.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.mts.map

package/dist/ui/radio-group.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"../radio-group-BN5y5gZY.mjs";export{t as RadioGroup,e as RadioGroupItem};
+"use client";import{n as e,t}from"../radio-group-fN6o0QBx.mjs";export{t as RadioGroup,e as RadioGroupItem};

package/dist/ui/resizable.d.cts

@@ -1,4 +1,4 @@
-import * as react13 from "react";
+import * as react21 from "react";
 import * as node_modules_react_resizable_panels_dist_declarations_src_types0 from "node_modules/react-resizable-panels/dist/declarations/src/types";
 import * as ResizablePrimitive from "react-resizable-panels";
 
@@ -20,7 +20,7 @@ type TResizableHandle = React.ComponentProps<typeof ResizablePrimitive.PanelResi
  * </ResizablePanelGroup>
  * ```
  */
-declare const ResizablePanelGroup: react13.NamedExoticComponent<Omit<react13.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+declare const ResizablePanelGroup: react21.NamedExoticComponent<Omit<react21.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
   autoSaveId?: string | null;
   className?: string;
   direction: node_modules_react_resizable_panels_dist_declarations_src_types0.Direction;
@@ -28,14 +28,14 @@ declare const ResizablePanelGroup: react13.NamedExoticComponent<Omit<react13.HTM
   keyboardResizeBy?: number | null;
   onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
   storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react13.CSSProperties;
+  style?: react21.CSSProperties;
   tagName?: keyof HTMLElementTagNameMap;
   dir?: "auto" | "ltr" | "rtl" | undefined;
 } & {
-  children?: react13.ReactNode | undefined;
-} & react13.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+  children?: react21.ReactNode | undefined;
+} & react21.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
 /** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react13.NamedExoticComponent<Omit<react13.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLButtonElement | HTMLFieldSetElement | HTMLLegendElement | HTMLDivElement | HTMLLabelElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react21.NamedExoticComponent<Omit<react21.HTMLAttributes<HTMLInputElement | HTMLElement | HTMLParagraphElement | HTMLButtonElement | HTMLFieldSetElement | HTMLLegendElement | HTMLDivElement | HTMLLabelElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
   className?: string;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;
@@ -50,14 +50,14 @@ declare const ResizablePanel: react13.NamedExoticComponent<Omit<react13.HTMLAttr
   style?: object;
   tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-  children?: react13.ReactNode | undefined;
-} & react13.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+  children?: react21.ReactNode | undefined;
+} & react21.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 /**
  * The drag handle placed between two ResizablePanels to resize them.
  *
  * @param withHandle - When true, renders a visible grip icon centered on the handle.
  */
-declare const ResizableHandle: react13.NamedExoticComponent<TResizableHandle>;
+declare const ResizableHandle: react21.NamedExoticComponent<TResizableHandle>;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.cts.map

package/dist/ui/resizable.d.mts

@@ -35,7 +35,7 @@ declare const ResizablePanelGroup: react16.NamedExoticComponent<Omit<react16.HTM
   children?: react16.ReactNode | undefined;
 } & react16.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
 /** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react16.NamedExoticComponent<Omit<react16.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLButtonElement | HTMLFieldSetElement | HTMLLegendElement | HTMLDivElement | HTMLLabelElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react16.NamedExoticComponent<Omit<react16.HTMLAttributes<HTMLInputElement | HTMLElement | HTMLParagraphElement | HTMLButtonElement | HTMLFieldSetElement | HTMLLegendElement | HTMLDivElement | HTMLLabelElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
   className?: string;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;

package/dist/ui/resizable.mjs

@@ -1 +1 @@
-"use client";import{n as e,r as t,t as n}from"../resizable-CLUR91Hx.mjs";export{n as ResizableHandle,e as ResizablePanel,t as ResizablePanelGroup};
+"use client";import{n as e,r as t,t as n}from"../resizable-BxsL978e.mjs";export{n as ResizableHandle,e as ResizablePanel,t as ResizablePanelGroup};

package/dist/ui/scroll-area.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime142 from "react/jsx-runtime";
+import * as react_jsx_runtime121 from "react/jsx-runtime";
 import * as react11 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
@@ -22,7 +22,7 @@ declare const ScrollArea: react11.MemoExoticComponent<({
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime142.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime121.JSX.Element>;
 /**
  * The styled scrollbar track and thumb rendered inside a ScrollArea.
  *
@@ -32,7 +32,7 @@ declare const ScrollBar: react11.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime142.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime121.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.cts.map

package/dist/ui/scroll-area.d.mts

@@ -1,5 +1,5 @@
-import * as react14 from "react";
-import * as react_jsx_runtime194 from "react/jsx-runtime";
+import * as react11 from "react";
+import * as react_jsx_runtime202 from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
 //#region packages/components/ui/scroll-area.d.ts
@@ -16,23 +16,23 @@ import { ScrollArea as ScrollArea$1 } from "radix-ui";
  * </ScrollArea>
  * ```
  */
-declare const ScrollArea: react14.MemoExoticComponent<({
+declare const ScrollArea: react11.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime194.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime202.JSX.Element>;
 /**
  * The styled scrollbar track and thumb rendered inside a ScrollArea.
  *
  * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.
  */
-declare const ScrollBar: react14.MemoExoticComponent<({
+declare const ScrollBar: react11.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime194.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime202.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.mts.map