@customafk/lunas-ui 0.2.44 → 0.2.47

package/dist/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive"],"sources":["../../packages/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cva } from 'class-variance-authority';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the NavigationMenu — a horizontal nav bar with dropdown content panels.\n *\n * @example\n * ```tsx\n * import {\n *   NavigationMenu, NavigationMenuList, NavigationMenuItem,\n *   NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink,\n * } from '@customafk/lunas-ui/ui/navigation-menu';\n *\n * <NavigationMenu>\n *   <NavigationMenuList>\n *     <NavigationMenuItem>\n *       <NavigationMenuTrigger>Products</NavigationMenuTrigger>\n *       <NavigationMenuContent>\n *         <NavigationMenuLink href=\"/products\">All Products</NavigationMenuLink>\n *       </NavigationMenuContent>\n *     </NavigationMenuItem>\n *   </NavigationMenuList>\n * </NavigationMenu>\n * ```\n */\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  /** When false, the viewport animation panel is omitted (useful for inline menus). */\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\n/** Horizontal list that holds NavigationMenuItems. */\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** A single navigation entry that may contain a trigger and a dropdown content panel. */\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />;\n}\n\nconst navigationMenuTriggerStyle = cva([\n  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium',\n  'outline-none transition-[color,box-shadow]',\n  'hover:bg-muted-muted',\n  'hover:text-text-positive-strong',\n  'focus:bg-muted-muted',\n  'focus:text-text-positive-strong',\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n  'data-[state=open]:hover:bg-muted-muted',\n  'data-[state=open]:text-text-positive-strong',\n  'data-[state=open]:focus:bg-muted-muted',\n  'data-[state=open]:bg-muted-weak',\n  'focus-visible:ring-primary-weak',\n  'focus-visible:ring-[3px]',\n  'focus-visible:outline-1',\n]);\n\n/** Button that opens the associated NavigationMenuContent panel on focus or hover. */\nfunction NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger data-slot=\"navigation-menu-trigger\" className={cn(navigationMenuTriggerStyle(), 'group', className)} {...props}>\n      {children} <ChevronDownIcon className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\" aria-hidden=\"true\" />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\n/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */\nfunction NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto',\n        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated viewport container that hosts the active NavigationMenuContent. */\nfunction NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** A styled link used inside NavigationMenuContent that highlights when active. */\nfunction NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none',\n        'hover:bg-muted-muted',\n        'hover:text-text-positive-strong',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:ring-[3px]',\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        'data-[active=true]:focus:bg-muted-muted',\n        'data-[active=true]:hover:bg-muted-muted',\n        'data-[active=true]:bg-muted-weak',\n        'data-[active=true]:text-text-positive-strong',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */\nfunction NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        'data-[state=visible]:animate-in',\n        'data-[state=hidden]:animate-out',\n        'data-[state=hidden]:fade-out',\n        'data-[state=visible]:fade-in',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  // eslint-disable-next-line react-refresh/only-export-components\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":"2PA8BA,SAAS,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAIF,CACD,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,kBACV,gBAAe,EACf,UAAW,EAAG,mFAAoF,EAAU,CAC5G,GAAI,YAEH,EACA,GAAY,EAAC,EAAA,EAAA,CAAyB,CAAA,EACV,CAKnC,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,uBACV,UAAW,EAAG,gEAAiE,EAAU,CACzF,GAAI,GACJ,CAKN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OAAO,EAACA,EAAwB,KAAA,CAAK,YAAU,uBAAuB,UAAW,EAAG,WAAY,EAAU,CAAE,GAAI,GAAS,CAG3H,MAAM,EAA6B,EAAI,CACrC,iHACA,6CACA,uBACA,kCACA,uBACA,kCACA,+BACA,sBACA,yCACA,8CACA,yCACA,kCACA,kCACA,2BACA,0BACD,CAAC,CAGF,SAAS,EAAsB,CAAE,YAAW,WAAU,GAAG,GAAuE,CAC9H,OACE,EAACA,EAAwB,QAAA,CAAQ,YAAU,0BAA0B,UAAW,EAAG,GAA4B,CAAE,QAAS,EAAU,CAAE,GAAI,YACvI,EAAS,IAAC,EAAC,EAAA,CAAgB,UAAU,4FAA4F,cAAY,QAAS,GACvH,CAKtC,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OACE,EAACA,EAAwB,QAAA,CACvB,YAAU,0BACV,UAAW,EACT,mWACA,4hCACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAC,MAAA,CAAI,UAAW,EAAG,4DAA4D,UAC7E,EAACA,EAAwB,SAAA,CACvB,YAAU,2BACV,UAAW,EACT,qVACA,EACD,CACD,GAAI,GACJ,EACE,CAKV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,uBACV,UAAW,EACT,4FACA,uBACA,kCACA,uBACA,kCACA,kCACA,0BACA,2BACA,wDACA,uCACA,0CACA,0CACA,mCACA,+CACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAwB,CAAE,YAAW,GAAG,GAAyE,CACxH,OACE,EAACA,EAAwB,UAAA,CACvB,YAAU,4BACV,UAAW,EACT,mEACA,kCACA,kCACA,+BACA,+BACA,EACD,CACD,GAAI,WAEJ,EAAC,MAAA,CAAI,UAAU,uEAAA,CAAyE,EACtD"}

package/dist/ui/pagination.d.cts

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

package/dist/ui/{pagination.d.mts → pagination.d.ts}

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

package/dist/ui/pagination.js

@@ -0,0 +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};
+//# sourceMappingURL=pagination.js.map

package/dist/ui/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { Button } from '@/components/ui/button';\nimport { buttonVariants } from './button.variants';\n\n/**\n * Root `<nav>` wrapper for a Pagination control with accessible ARIA attributes.\n *\n * @example\n * ```tsx\n * import {\n *   Pagination, PaginationContent, PaginationItem,\n *   PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis,\n * } from '@customafk/lunas-ui/ui/pagination';\n *\n * <Pagination>\n *   <PaginationContent>\n *     <PaginationItem><PaginationPrevious href=\"?page=1\" /></PaginationItem>\n *     <PaginationItem><PaginationLink href=\"?page=2\" isActive>2</PaginationLink></PaginationItem>\n *     <PaginationItem><PaginationEllipsis /></PaginationItem>\n *     <PaginationItem><PaginationNext href=\"?page=3\" /></PaginationItem>\n *   </PaginationContent>\n * </Pagination>\n * ```\n */\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\n/** Horizontal list that holds PaginationItem elements. */\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\n\n/** Wrapper `<li>` for a single pagination button or link. */\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  /** When true, the link is styled as the currently active page. */\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n  React.ComponentProps<'a'>;\n\n/** An anchor-based page link styled as a button, highlighted when `isActive` is true. */\nfunction PaginationLink({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? 'outline' : 'ghost',\n          size,\n        }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** \"Previous page\" navigation link with a left chevron icon. */\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\n/** \"Next page\" navigation link with a right chevron icon. */\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\n/** Ellipsis indicator rendered between non-adjacent page numbers. */\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"mQA6BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAI5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAC,KAAA,CAAG,YAAU,qBAAqB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAIvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAUtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,UAAW,EACT,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YACtH,EAAC,EAAA,EAAA,CAAkB,CACnB,EAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAKrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YAClH,EAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,CAC7C,EAAC,EAAA,EAAA,CAAmB,CAAA,EACL,CAKrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,YACzH,EAAC,EAAA,CAAmB,UAAU,SAAA,CAAW,CACzC,EAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}

package/dist/ui/popover.d.cts

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

package/dist/ui/{popover.d.mts → popover.d.ts}

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

package/dist/ui/popover.js

@@ -0,0 +1 @@
+"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};

package/dist/ui/progress.d.cts

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

package/dist/ui/{progress.d.mts → progress.d.ts}

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

package/dist/ui/progress.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"../progress-AYknlEgK.js";export{e as Progress};

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

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

package/dist/ui/{radio-group.d.mts → radio-group.d.ts}

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

package/dist/ui/radio-group.js

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

package/dist/ui/resizable.d.cts

@@ -1,4 +1,4 @@
-import * as react215 from "react";
+import * as react75 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: react215.NamedExoticComponent<Omit<react215.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+declare const ResizablePanelGroup: react75.NamedExoticComponent<Omit<react75.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: react215.NamedExoticComponent<Omit<react215.H
   keyboardResizeBy?: number | null;
   onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
   storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react215.CSSProperties;
+  style?: react75.CSSProperties;
   tagName?: keyof HTMLElementTagNameMap;
   dir?: "auto" | "ltr" | "rtl" | undefined;
 } & {
-  children?: react215.ReactNode | undefined;
-} & react215.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+  children?: react75.ReactNode | undefined;
+} & react75.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
 /** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react215.NamedExoticComponent<Omit<react215.HTMLAttributes<HTMLInputElement | HTMLElement | HTMLButtonElement | HTMLParagraphElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | 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 | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react75.NamedExoticComponent<Omit<react75.HTMLAttributes<HTMLInputElement | HTMLElement | HTMLDivElement | HTMLLabelElement | HTMLButtonElement | HTMLParagraphElement | 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"> & {
   className?: string;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;
@@ -50,14 +50,14 @@ declare const ResizablePanel: react215.NamedExoticComponent<Omit<react215.HTMLAt
   style?: object;
   tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-  children?: react215.ReactNode | undefined;
-} & react215.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+  children?: react75.ReactNode | undefined;
+} & react75.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: react215.NamedExoticComponent<TResizableHandle>;
+declare const ResizableHandle: react75.NamedExoticComponent<TResizableHandle>;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.cts.map

package/dist/ui/{resizable.d.mts → resizable.d.ts}

@@ -1,4 +1,4 @@
-import * as react280 from "react";
+import * as react143 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: react280.NamedExoticComponent<Omit<react280.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+declare const ResizablePanelGroup: react143.NamedExoticComponent<Omit<react143.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: react280.NamedExoticComponent<Omit<react280.H
   keyboardResizeBy?: number | null;
   onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
   storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react280.CSSProperties;
+  style?: react143.CSSProperties;
   tagName?: keyof HTMLElementTagNameMap;
   dir?: "auto" | "ltr" | "rtl" | undefined;
 } & {
-  children?: react280.ReactNode | undefined;
-} & react280.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+  children?: react143.ReactNode | undefined;
+} & react143.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
 /** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react280.NamedExoticComponent<Omit<react280.HTMLAttributes<HTMLInputElement | HTMLElement | HTMLButtonElement | HTMLParagraphElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | 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 | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react143.NamedExoticComponent<Omit<react143.HTMLAttributes<HTMLInputElement | HTMLElement | HTMLDivElement | HTMLLabelElement | HTMLButtonElement | HTMLParagraphElement | 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"> & {
   className?: string;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;
@@ -50,14 +50,14 @@ declare const ResizablePanel: react280.NamedExoticComponent<Omit<react280.HTMLAt
   style?: object;
   tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-  children?: react280.ReactNode | undefined;
-} & react280.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+  children?: react143.ReactNode | undefined;
+} & react143.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: react280.NamedExoticComponent<TResizableHandle>;
+declare const ResizableHandle: react143.NamedExoticComponent<TResizableHandle>;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
-//# sourceMappingURL=resizable.d.mts.map
+//# sourceMappingURL=resizable.d.ts.map

package/dist/ui/resizable.js

@@ -0,0 +1 @@
+"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};

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

@@ -1,4 +1,4 @@
-import * as react296 from "react";
+import * as react88 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
 //#region packages/components/ui/scroll-area.d.ts
@@ -15,23 +15,23 @@ import { ScrollArea as ScrollArea$1 } from "radix-ui";
  * </ScrollArea>
  * ```
  */
-declare const ScrollArea: react296.MemoExoticComponent<({
+declare const ScrollArea: react88.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react296.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react88.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: react296.MemoExoticComponent<({
+declare const ScrollBar: react88.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react296.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react88.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.cts.map

package/dist/ui/{scroll-area.d.mts → scroll-area.d.ts}

@@ -1,4 +1,4 @@
-import * as react158 from "react";
+import * as react226 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
 //#region packages/components/ui/scroll-area.d.ts
@@ -15,23 +15,23 @@ import { ScrollArea as ScrollArea$1 } from "radix-ui";
  * </ScrollArea>
  * ```
  */
-declare const ScrollArea: react158.MemoExoticComponent<({
+declare const ScrollArea: react226.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react158.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react226.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: react158.MemoExoticComponent<({
+declare const ScrollBar: react226.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react158.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react226.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.d.mts.map
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/ui/{scroll-area.mjs → scroll-area.js}

@@ -1,2 +1,2 @@
 "use client";import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ScrollArea as i}from"radix-ui";const a=e(({className:e,children:a,ref:s,onScroll:c,...l})=>r(i.Root,{"data-slot":`scroll-area`,className:t(`relative overflow-hidden`,e),...l,children:[n(i.Viewport,{ref:s,className:`size-full rounded-[inherit]`,onScroll:c,children:a}),n(o,{}),n(i.Corner,{})]}));a.displayName=`ScrollArea`;const o=e(({className:e,orientation:r=`vertical`,...a})=>n(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:t(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:n(i.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`;export{a as ScrollArea,o as ScrollBar};
-//# sourceMappingURL=scroll-area.mjs.map
+//# sourceMappingURL=scroll-area.js.map

package/dist/ui/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"sLAmBA,MAAM,EAAa,GAAM,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,KAE9D,EAACA,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,2BAA4B,EAAU,CAAE,GAAI,YAC1G,EAACA,EAAoB,SAAA,CAAc,MAAK,UAAU,8BAAwC,WACvF,YAC4B,CAC/B,EAAC,EAAA,EAAA,CAAY,CACb,EAACA,EAAoB,OAAA,EAAA,CAAS,GACL,CAE7B,CACF,EAAW,YAAc,aAOzB,MAAM,EAAY,GAAM,CAAE,YAAW,cAAc,WAAY,GAAG,KAE9D,EAACA,EAAoB,oBAAA,CACnB,YAAU,wBACG,cACb,UAAW,EACT,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,gBAAA,CAAgB,UAAU,8CAAA,CAAgD,EACvD,CAE5C,CACF,EAAU,YAAc"}

package/dist/ui/select.d.cts

@@ -1,4 +1,4 @@
-import * as react225 from "react";
+import * as react171 from "react";
 import { Select as Select$1 } from "radix-ui";
 
 //#region packages/components/ui/select.d.ts
@@ -26,15 +26,15 @@ import { Select as Select$1 } from "radix-ui";
  */
 declare function Select({
   ...props
-}: React.ComponentProps<typeof Select$1.Root>): react225.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Root>): react171.JSX.Element;
 /** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof Select$1.Group>): react225.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Group>): react171.JSX.Element;
 /** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof Select$1.Value>): react225.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Value>): react171.JSX.Element;
 /**
  * The button that opens the select dropdown; renders the current value and a chevron icon.
  *
@@ -48,30 +48,30 @@ declare function SelectTrigger({
 }: React.ComponentProps<typeof Select$1.Trigger> & {
   /** Controls the trigger's padding — `'default'` or `'sm'`. */
   size?: 'sm' | 'default';
-}): react225.JSX.Element;
+}): react171.JSX.Element;
 /** Floating dropdown panel that renders inside a portal with enter/exit animations. */
 declare function SelectContent({
   className,
   children,
   position,
   ...props
-}: React.ComponentProps<typeof Select$1.Content>): react225.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Content>): react171.JSX.Element;
 /** Non-interactive label displayed above a `SelectGroup` to describe its options. */
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Label>): react225.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Label>): react171.JSX.Element;
 /** A selectable option within `SelectContent`; shows a check icon when chosen. */
 declare function SelectItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Select$1.Item>): react225.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Item>): react171.JSX.Element;
 /** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Separator>): react225.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Separator>): react171.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.cts.map