@customafk/lunas-ui 0.2.40 → 0.2.41

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

@@ -1,4 +1,4 @@
-import * as react272 from "react";
+import * as react291 from "react";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 import * as class_variance_authority_types11 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;
-}): react272.JSX.Element;
+}): react291.JSX.Element;
 /** Horizontal list that holds NavigationMenuItems. */
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react272.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react291.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>): react272.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react291.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types11.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>): react272.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react291.JSX.Element;
 /** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
 declare function NavigationMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react272.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react291.JSX.Element;
 /** Animated viewport container that hosts the active NavigationMenuContent. */
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react272.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react291.JSX.Element;
 /** A styled link used inside NavigationMenuContent that highlights when active. */
 declare function NavigationMenuLink({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react272.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react291.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>): react272.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react291.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/ui/pagination.cjs

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

package/dist/ui/pagination.d.cts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-CRSezlCi.cjs";
-import * as react125 from "react";
+import * as react291 from "react";
+import { Button } from "@/components/ui/button";
 
 //#region packages/components/ui/pagination.d.ts
 
@@ -26,16 +26,16 @@ import * as react125 from "react";
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react125.JSX.Element;
+}: React.ComponentProps<'nav'>): react291.JSX.Element;
 /** Horizontal list that holds PaginationItem elements. */
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react125.JSX.Element;
+}: React.ComponentProps<'ul'>): react291.JSX.Element;
 /** Wrapper `<li>` for a single pagination button or link. */
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react125.JSX.Element;
+}: React.ComponentProps<'li'>): react291.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): react125.JSX.Element;
+}: PaginationLinkProps): react291.JSX.Element;
 /** "Previous page" navigation link with a left chevron icon. */
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react125.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react291.JSX.Element;
 /** "Next page" navigation link with a right chevron icon. */
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react125.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react291.JSX.Element;
 /** Ellipsis indicator rendered between non-adjacent page numbers. */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react125.JSX.Element;
+}: React.ComponentProps<'span'>): react291.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.cts.map

package/dist/ui/pagination.d.ts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-DloFFxkz.js";
-import * as react101 from "react";
+import * as react227 from "react";
+import { Button } from "@/components/ui/button";
 
 //#region packages/components/ui/pagination.d.ts
 
@@ -26,16 +26,16 @@ import * as react101 from "react";
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react101.JSX.Element;
+}: React.ComponentProps<'nav'>): react227.JSX.Element;
 /** Horizontal list that holds PaginationItem elements. */
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react101.JSX.Element;
+}: React.ComponentProps<'ul'>): react227.JSX.Element;
 /** Wrapper `<li>` for a single pagination button or link. */
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react101.JSX.Element;
+}: React.ComponentProps<'li'>): react227.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): react101.JSX.Element;
+}: PaginationLinkProps): react227.JSX.Element;
 /** "Previous page" navigation link with a left chevron icon. */
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react101.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react227.JSX.Element;
 /** "Next page" navigation link with a right chevron icon. */
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react101.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react227.JSX.Element;
 /** Ellipsis indicator rendered between non-adjacent page numbers. */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react101.JSX.Element;
+}: React.ComponentProps<'span'>): react227.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/ui/pagination.js

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

package/dist/ui/popover.cjs

@@ -1 +1,2 @@
-"use client";require(`../close-Dlo1bI8x.cjs`);const e=require(`../popover-DBsC8Ltp.cjs`);exports.Popover=e.t,exports.PopoverAnchor=e.n,exports.PopoverClose=e.r,exports.PopoverContent=e.i,exports.PopoverTrigger=e.a;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../close-Dflkky9q.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:t=`start`,sideOffset:a=4,...o}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Content,{"data-slot":`popover-content`,align:t,sideOffset:a,className:(0,n.cn)(`relative bg-popover`,`text-text-positive`,`z-50`,`min-w-(--radix-popover-trigger-width)`,`max-h-(--radix-popover-content-available-height)`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]: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`,e),...o})})}function c({...e}){return(0,r.jsx)(i.Popover.Anchor,{"data-slot":`popover-anchor`,...e})}function l({className:e,...n}){return(0,r.jsx)(i.Popover.Close,{"data-slot":`popover-close`,...n,asChild:!0,children:(0,r.jsx)(t.t,{className:`absolute top-2 right-2`})})}exports.Popover=a,exports.PopoverAnchor=c,exports.PopoverClose=l,exports.PopoverContent=s,exports.PopoverTrigger=o;
+//# sourceMappingURL=popover.cjs.map

package/dist/ui/popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.cjs","names":["PopoverPrimitive","CloseButton"],"sources":["../../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\n\n/**\n * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.\n *\n * @example\n * ```tsx\n * import {\n *   Popover, PopoverTrigger, PopoverContent, PopoverClose,\n * } from '@customafk/lunas-ui/ui/popover';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Popover>\n *   <PopoverTrigger asChild>\n *     <Button variant=\"outline\">Open popover</Button>\n *   </PopoverTrigger>\n *   <PopoverContent>\n *     <PopoverClose />\n *     <p>Popover body content goes here.</p>\n *   </PopoverContent>\n * </Popover>\n * ```\n */\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\n/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\n/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'relative bg-popover',\n          'text-text-positive',\n          'z-50',\n          'min-w-(--radix-popover-trigger-width)',\n          'max-h-(--radix-popover-content-available-height)',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */\nfunction PopoverClose({ className, ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>) {\n  return (\n    <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} asChild>\n      <CloseButton className=\"absolute top-2 right-2\" />\n    </PopoverPrimitive.Close>\n  );\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PopoverClose };\n"],"mappings":"8LA4BA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAIjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAI5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,WAAA,EAAA,EAAA,IACE,sBACA,qBACA,OACA,wCACA,mDACA,oDACA,8CAEA,+BACA,8BACA,+BAEA,kCACA,iCACA,kCAEA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAK9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,GAAI,EAAO,QAAA,aAC3D,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAY,UAAU,yBAAA,CAA2B,EAC3B"}

package/dist/ui/popover.d.cts

@@ -1,4 +1,4 @@
-import * as react280 from "react";
+import * as react79 from "react";
 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>): react280.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react79.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>): react280.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react79.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>): react280.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react79.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>): react280.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react79.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>): react280.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react79.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.cts.map

package/dist/ui/popover.d.ts

@@ -1,4 +1,4 @@
-import * as react117 from "react";
+import * as react208 from "react";
 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>): react117.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react208.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>): react117.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react208.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>): react117.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react208.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>): react117.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react208.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>): react117.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react208.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/ui/popover.js

@@ -1 +1,2 @@
-"use client";import"../close-C0PdZGxr.js";import{a as e,i as t,n,r,t as i}from"../popover-6233wU1s.js";export{i as Popover,n as PopoverAnchor,r as PopoverClose,t as PopoverContent,e as PopoverTrigger};
+"use client";import{t as e}from"../close-DrkwaVXK.js";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";import{Popover as r}from"radix-ui";function i({...e}){return n(r.Root,{"data-slot":`popover`,...e})}function a({...e}){return n(r.Trigger,{"data-slot":`popover-trigger`,...e})}function o({className:e,align:i=`start`,sideOffset:a=4,...o}){return n(r.Portal,{children:n(r.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:t(`relative bg-popover`,`text-text-positive`,`z-50`,`min-w-(--radix-popover-trigger-width)`,`max-h-(--radix-popover-content-available-height)`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]: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`,e),...o})})}function s({...e}){return n(r.Anchor,{"data-slot":`popover-anchor`,...e})}function c({className:t,...i}){return n(r.Close,{"data-slot":`popover-close`,...i,asChild:!0,children:n(e,{className:`absolute top-2 right-2`})})}export{i as Popover,s as PopoverAnchor,c as PopoverClose,o as PopoverContent,a as PopoverTrigger};
+//# sourceMappingURL=popover.js.map

package/dist/ui/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\n\n/**\n * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.\n *\n * @example\n * ```tsx\n * import {\n *   Popover, PopoverTrigger, PopoverContent, PopoverClose,\n * } from '@customafk/lunas-ui/ui/popover';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Popover>\n *   <PopoverTrigger asChild>\n *     <Button variant=\"outline\">Open popover</Button>\n *   </PopoverTrigger>\n *   <PopoverContent>\n *     <PopoverClose />\n *     <p>Popover body content goes here.</p>\n *   </PopoverContent>\n * </Popover>\n * ```\n */\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\n/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\n/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'relative bg-popover',\n          'text-text-positive',\n          'z-50',\n          'min-w-(--radix-popover-trigger-width)',\n          'max-h-(--radix-popover-content-available-height)',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */\nfunction PopoverClose({ className, ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>) {\n  return (\n    <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} asChild>\n      <CloseButton className=\"absolute top-2 right-2\" />\n    </PopoverPrimitive.Close>\n  );\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PopoverClose };\n"],"mappings":"qLA4BA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAACA,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAIjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAI5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAACA,EAAiB,OAAA,CAAA,SAChB,EAACA,EAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,UAAW,EACT,sBACA,qBACA,OACA,wCACA,mDACA,oDACA,8CAEA,+BACA,8BACA,+BAEA,kCACA,iCACA,kCAEA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAK9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,GAAI,EAAO,QAAA,YAC3D,EAAC,EAAA,CAAY,UAAU,yBAAA,CAA2B,EAC3B"}

package/dist/ui/progress.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../progress-gvBqNiHp.cjs`);exports.Progress=e.t;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,value:i,...a}){return(0,n.jsx)(r.Progress.Root,{"data-slot":`progress`,className:(0,t.cn)(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,n.jsx)(r.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}exports.Progress=i;
+//# sourceMappingURL=progress.cjs.map

package/dist/ui/progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.cjs","names":["ProgressPrimitive"],"sources":["../../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\n/**\n * A horizontal progress bar that visually represents a completion percentage.\n *\n * @example\n * ```tsx\n * import { Progress } from '@customafk/lunas-ui/ui/progress';\n *\n * <Progress value={65} />\n * ```\n */\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"2JAeA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CAAK,YAAU,WAAW,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAAE,GAAI,YAC7I,EAAA,EAAA,KAACA,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/ui/progress.d.cts

@@ -1,4 +1,4 @@
-import * as react251 from "react";
+import * as react146 from "react";
 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>): react251.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react146.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.cts.map

package/dist/ui/progress.d.ts

@@ -1,4 +1,4 @@
-import * as react100 from "react";
+import * as react244 from "react";
 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>): react100.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react244.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.ts.map

package/dist/ui/progress.js

@@ -1 +1,2 @@
-"use client";import{t as e}from"../progress-AYknlEgK.js";export{e as Progress};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Progress as n}from"radix-ui";function r({className:r,value:i,...a}){return t(n.Root,{"data-slot":`progress`,className:e(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,r),...a,children:t(n.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}export{r as Progress};
+//# sourceMappingURL=progress.js.map

package/dist/ui/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["ProgressPrimitive"],"sources":["../../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\n/**\n * A horizontal progress bar that visually represents a completion percentage.\n *\n * @example\n * ```tsx\n * import { Progress } from '@customafk/lunas-ui/ui/progress';\n *\n * <Progress value={65} />\n * ```\n */\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"6IAeA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAACA,EAAkB,KAAA,CAAK,YAAU,WAAW,UAAW,EAAG,mEAAoE,EAAU,CAAE,GAAI,WAC7I,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/ui/radio-group.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../radio-group-_TdMkv8w.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,...t}){return(0,r.jsx)(i.RadioGroup.Root,{"data-slot":`radio-group`,className:(0,n.cn)(`grid gap-3`,e),...t})}function o({className:e,...a}){return(0,r.jsx)(i.RadioGroup.Item,{"data-slot":`radio-group-item`,className:(0,n.cn)(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,e),...a,children:(0,r.jsxs)(i.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[(0,r.jsx)(`div`,{className:`absolute size-4 rounded-full bg-primary`}),(0,r.jsx)(t.CircleIcon,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}exports.RadioGroup=a,exports.RadioGroupItem=o;
+//# sourceMappingURL=radio-group.cjs.map

package/dist/ui/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.cjs","names":["RadioGroupPrimitive","CircleIcon"],"sources":["../../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"qLA4BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CACnB,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,MAACA,EAAAA,WAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,kEACzE,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,EAC3D,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

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

@@ -1,4 +1,4 @@
-import * as react205 from "react";
+import * as react147 from "react";
 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>): react205.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react147.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>): react205.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react147.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react123 from "react";
+import * as react225 from "react";
 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>): react123.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react225.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>): react123.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react225.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/ui/radio-group.js

@@ -1 +1,2 @@
-"use client";import{n as e,t}from"../radio-group-ImoBjpqZ.js";export{t as RadioGroup,e as RadioGroupItem};
+"use client";import{CircleIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{RadioGroup as i}from"radix-ui";function a({className:e,...r}){return n(i.Root,{"data-slot":`radio-group`,className:t(`grid gap-3`,e),...r})}function o({className:a,...o}){return n(i.Item,{"data-slot":`radio-group-item`,className:t(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,a),...o,children:r(i.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[n(`div`,{className:`absolute size-4 rounded-full bg-primary`}),n(e,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}export{a as RadioGroup,o as RadioGroupItem};
+//# sourceMappingURL=radio-group.js.map

package/dist/ui/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive"],"sources":["../../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"mMA4BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAACA,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAoB,KAAA,CACnB,YAAU,mBACV,UAAW,EACT,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,iEACzE,EAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,CAC3D,EAAC,EAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

package/dist/ui/resizable.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../resizable-sgpaHAb8.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`react`),a=require(`react-resizable-panels`);a=e.t(a);const o=(0,i.memo)(({className:e,...t})=>(0,r.jsx)(a.PanelGroup,{"data-slot":`resizable-panel-group`,className:(0,n.cn)(`flex h-full w-full data-[panel-group-direction=vertical]:flex-col`,e),...t}));o.displayName=`ResizablePanelGroup`;const s=(0,i.memo)(({...e})=>(0,r.jsx)(a.Panel,{"data-slot":`resizable-panel`,...e}));s.displayName=`ResizablePanel`;const c=(0,i.memo)(({withHandle:e,className:i,...o})=>(0,r.jsx)(a.PanelResizeHandle,{"data-slot":`resizable-handle`,className:(0,n.cn)(`relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90`,i),...o,children:e&&(0,r.jsx)(`div`,{className:`z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border`,children:(0,r.jsx)(t.GripVerticalIcon,{className:`size-2.5`})})}));c.displayName=`ResizableHandle`,exports.ResizableHandle=c,exports.ResizablePanel=s,exports.ResizablePanelGroup=o;
+//# sourceMappingURL=resizable.cjs.map

package/dist/ui/resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.cjs","names":["ResizablePrimitive","GripVerticalIcon"],"sources":["../../packages/components/ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { GripVerticalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\ntype TResizablePanelGroup = React.ComponentProps<typeof ResizablePrimitive.PanelGroup>;\n\ntype TResizablePanel = React.ComponentProps<typeof ResizablePrimitive.Panel>;\n\ntype TResizableHandle = React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n};\n\n/**\n * Root container that manages a group of resizable panels; supports horizontal and vertical orientations.\n *\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@customafk/lunas-ui/ui/resizable';\n *\n * <ResizablePanelGroup direction=\"horizontal\">\n *   <ResizablePanel defaultSize={50}>Left</ResizablePanel>\n *   <ResizableHandle withHandle />\n *   <ResizablePanel defaultSize={50}>Right</ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = memo<TResizablePanelGroup>(({ className, ...props }) => {\n  return (\n    <ResizablePrimitive.PanelGroup\n      data-slot=\"resizable-panel-group\"\n      className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n});\nResizablePanelGroup.displayName = 'ResizablePanelGroup';\n\n/** An individual resizable panel within a ResizablePanelGroup. */\nconst ResizablePanel = memo<TResizablePanel>(({ ...props }) => {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n});\nResizablePanel.displayName = 'ResizablePanel';\n\n/**\n * The drag handle placed between two ResizablePanels to resize them.\n *\n * @param withHandle - When true, renders a visible grip icon centered on the handle.\n */\nconst ResizableHandle = memo<TResizableHandle>(({ withHandle, className, ...props }) => {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      data-slot=\"resizable-handle\"\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n});\nResizableHandle.displayName = 'ResizableHandle';\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"mappings":"+NAgCA,MAAM,GAAA,EAAA,EAAA,OAAkD,CAAE,YAAW,GAAG,MAEpE,EAAA,EAAA,KAACA,EAAmB,WAAA,CAClB,YAAU,wBACV,WAAA,EAAA,EAAA,IAAc,oEAAqE,EAAU,CAC7F,GAAI,GACJ,CAEJ,CACF,EAAoB,YAAc,sBAGlC,MAAM,GAAA,EAAA,EAAA,OAAwC,CAAE,GAAG,MAC1C,EAAA,EAAA,KAACA,EAAmB,MAAA,CAAM,YAAU,kBAAkB,GAAI,GAAS,CAC1E,CACF,EAAe,YAAc,iBAO7B,MAAM,GAAA,EAAA,EAAA,OAA0C,CAAE,aAAY,YAAW,GAAG,MAExE,EAAA,EAAA,KAACA,EAAmB,kBAAA,CAClB,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,4oBACA,EACD,CACD,GAAI,WAEH,IACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,sFACb,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,UAAU,WAAA,CAAa,EACrC,EAE6B,CAEzC,CACF,EAAgB,YAAc"}

package/dist/ui/resizable.d.cts

@@ -1,4 +1,4 @@
-import * as react293 from "react";
+import * as react151 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: react293.NamedExoticComponent<Omit<react293.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+declare const ResizablePanelGroup: react151.NamedExoticComponent<Omit<react151.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: react293.NamedExoticComponent<Omit<react293.H
   keyboardResizeBy?: number | null;
   onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
   storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react293.CSSProperties;
+  style?: react151.CSSProperties;
   tagName?: keyof HTMLElementTagNameMap;
   dir?: "auto" | "ltr" | "rtl" | undefined;
 } & {
-  children?: react293.ReactNode | undefined;
-} & react293.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+  children?: react151.ReactNode | undefined;
+} & react151.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
 /** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react293.NamedExoticComponent<Omit<react293.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLButtonElement | HTMLDivElement | HTMLLabelElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react151.NamedExoticComponent<Omit<react151.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLButtonElement | HTMLDivElement | HTMLLabelElement | HTMLFieldSetElement | HTMLLegendElement | 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 | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
   className?: string;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;
@@ -50,14 +50,14 @@ declare const ResizablePanel: react293.NamedExoticComponent<Omit<react293.HTMLAt
   style?: object;
   tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-  children?: react293.ReactNode | undefined;
-} & react293.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+  children?: react151.ReactNode | undefined;
+} & react151.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: react293.NamedExoticComponent<TResizableHandle>;
+declare const ResizableHandle: react151.NamedExoticComponent<TResizableHandle>;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.cts.map

package/dist/ui/resizable.d.ts

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

package/dist/ui/resizable.js

@@ -1 +1,2 @@
-"use client";import{n as e,r as t,t as n}from"../resizable-C-M-mu6b.js";export{n as ResizableHandle,e as ResizablePanel,t as ResizablePanelGroup};
+"use client";import{GripVerticalIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";import{memo as r}from"react";import*as i from"react-resizable-panels";const a=r(({className:e,...r})=>n(i.PanelGroup,{"data-slot":`resizable-panel-group`,className:t(`flex h-full w-full data-[panel-group-direction=vertical]:flex-col`,e),...r}));a.displayName=`ResizablePanelGroup`;const o=r(({...e})=>n(i.Panel,{"data-slot":`resizable-panel`,...e}));o.displayName=`ResizablePanel`;const s=r(({withHandle:r,className:a,...o})=>n(i.PanelResizeHandle,{"data-slot":`resizable-handle`,className:t(`relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90`,a),...o,children:r&&n(`div`,{className:`z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border`,children:n(e,{className:`size-2.5`})})}));s.displayName=`ResizableHandle`;export{s as ResizableHandle,o as ResizablePanel,a as ResizablePanelGroup};
+//# sourceMappingURL=resizable.js.map