@codefast/ui 0.3.4 → 0.3.5

package/dist/esm/components/navigation-menu/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/navigation-menu/navigation-menu.js","sources":["webpack://@codefast/ui/./src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { navigationMenuTriggerStyle } from \"@/components/navigation-menu/navigation-menu-trigger-style\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenu({\n  children,\n  className,\n  viewport = true,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Root\n      className={cn(\"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\", className)}\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport ? <NavigationMenuViewport /> : null}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuList({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.List>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.List\n      className={cn(\"flex flex-1 list-none items-center justify-center gap-1\", className)}\n      data-slot=\"navigation-menu-list\"\n      {...props}\n    >\n      {children}\n      <NavigationMenuIndicator className=\"invisible\" />\n    </NavigationMenuPrimitive.List>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuItem({ className, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Item>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Item\n      className={cn(\"group-data-[viewport=false]/navigation-menu:relative\", className)}\n      data-slot=\"navigation-menu-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuTrigger\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuTrigger({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Trigger>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      className={navigationMenuTriggerStyle({ className })}\n      data-slot=\"navigation-menu-trigger\"\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon\n        aria-hidden=\"true\"\n        className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Content>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Content\n      className={cn(\n        \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 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 left-0 top-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=true]/navigation-menu:p-2 group-data-[viewport=false]/navigation-menu:shadow md:absolute md:w-auto\",\n        className,\n      )}\n      data-slot=\"navigation-menu-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuLink({ className, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Link>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Link\n      className={cn(\n        \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden flex flex-col gap-1 rounded-sm p-2 text-sm transition [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot=\"navigation-menu-link\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Viewport>): JSX.Element {\n  return (\n    <div className=\"perspective-distant absolute left-0 top-full z-30 flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border shadow-lg transition-[width,height] sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]\",\n          className,\n        )}\n        data-slot=\"navigation-menu-viewport\"\n        {...props}\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Indicator>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      className={cn(\n        \"data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-2 items-center justify-center overflow-hidden\",\n        className,\n      )}\n      data-slot=\"navigation-menu-indicator\"\n      {...props}\n    >\n      <div className=\"bg-popover text-popover-foreground rounded-tl-xs relative top-[60%] size-2.5 rotate-45\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n};\n"],"names":["NavigationMenu","children","className","viewport","props","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuTrigger","navigationMenuTriggerStyle","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink"],"mappings":";+MAcA,SAASA,EAAe,CACtBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAI,CACf,GAAGC,EAGJ,EACC,MACE,WAACC,EAAAA,IAA4B,EAC3B,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,mFAAoFJ,GAClG,YAAU,kBACV,gBAAeC,EACd,GAAGC,CAAK,C,UAERH,EACAE,EAAW,UAACI,EAAAA,CAAAA,GAA4B,K,EAG/C,CAMA,SAASC,EAAmB,CAC1BP,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGE,EACiD,EACpD,MACE,WAACC,EAAAA,IAA4B,EAC3B,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,0DAA2DJ,GACzE,YAAU,uBACT,GAAGE,CAAK,C,UAERH,EACD,UAACQ,EAAAA,CAAwB,UAAU,W,KAGzC,CAMA,SAASC,EAAmB,CAAER,UAAAA,CAAS,CAAE,GAAGE,EAA4D,EACtG,MACE,UAACC,EAAAA,IAA4B,EAC3B,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,uDAAwDJ,GACtE,YAAU,uBACT,GAAGE,CAAK,EAGf,CAMA,SAASO,EAAsB,CAC7BV,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGE,EACoD,EACvD,MACE,WAACC,EAAAA,OAA+B,EAC9B,UAAWO,GAAAA,EAAAA,0BAAAA,EAA2B,CAAEV,UAAAA,CAAU,GAClD,YAAU,0BACT,GAAGE,CAAK,C,UAERH,EACD,UAACY,EAAAA,eAAeA,CAAAA,CACd,cAAY,OACZ,UAAU,gH,KAIlB,CAMA,SAASC,EAAsB,CAC7BZ,UAAAA,CAAS,CACT,GAAGE,EACoD,EACvD,MACE,UAACC,EAAAA,OAA+B,EAC9B,UAAWC,GAAAA,EAAAA,EAAAA,EACT,kzCACAJ,GAEF,YAAU,0BACT,GAAGE,CAAK,EAGf,CAMA,SAASW,EAAmB,CAAEb,UAAAA,CAAS,CAAE,GAAGE,EAA4D,EACtG,MACE,UAACC,EAAAA,IAA4B,EAC3B,UAAWC,GAAAA,EAAAA,EAAAA,EACT,weACAJ,GAEF,YAAU,uBACT,GAAGE,CAAK,EAGf,CAMA,SAASG,EAAuB,CAC9BL,UAAAA,CAAS,CACT,GAAGE,EACqD,EACxD,MACE,UAAC,OAAI,UAAU,wE,SACb,UAACC,EAAAA,QAAgC,EAC/B,UAAWC,GAAAA,EAAAA,EAAAA,EACT,ycACAJ,GAEF,YAAU,2BACT,GAAGE,CAAK,IAIjB,CAMA,SAASK,EAAwB,CAC/BP,UAAAA,CAAS,CACT,GAAGE,EACsD,EACzD,MACE,UAACC,EAAAA,SAAiC,EAChC,UAAWC,GAAAA,EAAAA,EAAAA,EACT,+IACAJ,GAEF,YAAU,4BACT,GAAGE,CAAK,C,SAET,UAAC,OAAI,UAAU,wF,IAGrB,Q"}
+{"version":3,"file":"components/navigation-menu/navigation-menu.js","sources":["webpack://@codefast/ui/./src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { navigationMenuTriggerStyle } from \"@/components/navigation-menu/navigation-menu-trigger-style\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenu({\n  children,\n  className,\n  viewport = true,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Root\n      className={cn(\"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\", className)}\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport ? <NavigationMenuViewport /> : null}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuList({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.List>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.List\n      className={cn(\"flex flex-1 list-none items-center justify-center gap-1\", className)}\n      data-slot=\"navigation-menu-list\"\n      {...props}\n    >\n      {children}\n      <NavigationMenuIndicator className=\"invisible\" />\n    </NavigationMenuPrimitive.List>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuItem({ className, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Item>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Item\n      className={cn(\"group-data-[viewport=false]/navigation-menu:relative\", className)}\n      data-slot=\"navigation-menu-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuTrigger\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuTrigger({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Trigger>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      className={navigationMenuTriggerStyle({ className })}\n      data-slot=\"navigation-menu-trigger\"\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon\n        aria-hidden=\"true\"\n        className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Content>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Content\n      className={cn(\n        \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 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 left-0 top-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=true]/navigation-menu:p-2 group-data-[viewport=false]/navigation-menu:shadow md:absolute md:w-auto\",\n        className,\n      )}\n      data-slot=\"navigation-menu-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuLink({ className, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Link>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Link\n      className={cn(\n        \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden flex flex-col gap-1 rounded-sm p-2 text-sm transition [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot=\"navigation-menu-link\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Viewport>): JSX.Element {\n  return (\n    <div className=\"perspective-distant absolute left-0 top-full z-30 flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border shadow-lg transition-[width,height] sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]\",\n          className,\n        )}\n        data-slot=\"navigation-menu-viewport\"\n        {...props}\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Indicator>): JSX.Element {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      className={cn(\n        \"data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-2 items-center justify-center overflow-hidden\",\n        className,\n      )}\n      data-slot=\"navigation-menu-indicator\"\n      {...props}\n    >\n      <div className=\"bg-popover text-popover-foreground rounded-tl-xs relative top-[60%] size-2.5 rotate-45\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n};\n"],"names":["NavigationMenu","children","className","viewport","props","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuTrigger","navigationMenuTriggerStyle","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink"],"mappings":";qWAcA,SAASA,EAAe,CACtBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAI,CACf,GAAGC,EAGJ,EACC,OACE,EAACC,EAA4B,CAC3B,UAAWC,EAAG,mFAAoFJ,GAClG,YAAU,kBACV,gBAAeC,EACd,GAAGC,CAAK,C,UAERH,EACAE,EAAW,EAACI,EAAAA,CAAAA,GAA4B,K,EAG/C,CAMA,SAASC,EAAmB,CAC1BP,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGE,EACiD,EACpD,OACE,EAACC,EAA4B,CAC3B,UAAWC,EAAG,0DAA2DJ,GACzE,YAAU,uBACT,GAAGE,CAAK,C,UAERH,EACD,EAACQ,EAAAA,CAAwB,UAAU,W,KAGzC,CAMA,SAASC,EAAmB,CAAER,UAAAA,CAAS,CAAE,GAAGE,EAA4D,EACtG,OACE,EAACC,EAA4B,CAC3B,UAAWC,EAAG,uDAAwDJ,GACtE,YAAU,uBACT,GAAGE,CAAK,EAGf,CAMA,SAASO,EAAsB,CAC7BV,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGE,EACoD,EACvD,OACE,EAACC,EAA+B,CAC9B,UAAWO,EAA2B,CAAEV,UAAAA,CAAU,GAClD,YAAU,0BACT,GAAGE,CAAK,C,UAERH,EACD,EAACY,EAAeA,CACd,cAAY,OACZ,UAAU,gH,KAIlB,CAMA,SAASC,EAAsB,CAC7BZ,UAAAA,CAAS,CACT,GAAGE,EACoD,EACvD,OACE,EAACC,EAA+B,CAC9B,UAAWC,EACT,kzCACAJ,GAEF,YAAU,0BACT,GAAGE,CAAK,EAGf,CAMA,SAASW,EAAmB,CAAEb,UAAAA,CAAS,CAAE,GAAGE,EAA4D,EACtG,OACE,EAACC,EAA4B,CAC3B,UAAWC,EACT,weACAJ,GAEF,YAAU,uBACT,GAAGE,CAAK,EAGf,CAMA,SAASG,EAAuB,CAC9BL,UAAAA,CAAS,CACT,GAAGE,EACqD,EACxD,OACE,EAAC,OAAI,UAAU,wE,SACb,EAACC,EAAgC,CAC/B,UAAWC,EACT,ycACAJ,GAEF,YAAU,2BACT,GAAGE,CAAK,IAIjB,CAMA,SAASK,EAAwB,CAC/BP,UAAAA,CAAS,CACT,GAAGE,EACsD,EACzD,OACE,EAACC,EAAiC,CAChC,UAAWC,EACT,+IACAJ,GAEF,YAAU,4BACT,GAAGE,CAAK,C,SAET,EAAC,OAAI,UAAU,wF,IAGrB,Q"}

package/dist/esm/components/pagination.js

@@ -1,2 +1,2 @@
-import*as n from"react/jsx-runtime";import*as a from"lucide-react";import*as i from"./button/index.js";import*as t from"../lib/utils.js";function e({className:a,...i}){return(0,n.jsx)("nav",{"aria-label":"pagination",className:(0,t.cn)("mx-auto flex w-full justify-center",a),"data-slot":"pagination",role:"navigation",...i})}function s({className:a,...i}){return(0,n.jsx)("ul",{className:(0,t.cn)("flex flex-row items-center gap-1",a),"data-slot":"pagination-content",...i})}function o(a){return(0,n.jsx)("li",{"data-slot":"pagination-item",...a})}function r({children:a,className:t,isActive:e,size:s="icon",...o}){return(0,n.jsx)("a",{"aria-current":e?"page":void 0,className:(0,i.buttonVariants)({className:t,size:s,variant:e?"outline":"ghost"}),"data-slot":"pagination-link",...o,children:a})}function l({...i}){return(0,n.jsxs)(r,{"aria-label":"Go to previous page","data-slot":"pagination-previous",size:"md",...i,children:[(0,n.jsx)(a.ChevronLeftIcon,{className:"size-4"}),(0,n.jsx)("span",{children:"Previous"})]})}function c({...i}){return(0,n.jsxs)(r,{"aria-label":"Go to next page","data-slot":"pagination-next",size:"md",...i,children:[(0,n.jsx)("span",{children:"Next"}),(0,n.jsx)(a.ChevronRightIcon,{})]})}function u({className:i,...e}){return(0,n.jsxs)("span",{"aria-hidden":!0,className:(0,t.cn)("flex size-10 items-center justify-center",i),"data-slot":"pagination-ellipsis",...e,children:[(0,n.jsx)(a.EllipsisIcon,{className:"size-4"}),(0,n.jsx)("span",{className:"sr-only",children:"More pages"})]})}export{e as Pagination,s as PaginationContent,u as PaginationEllipsis,o as PaginationItem,r as PaginationLink,c as PaginationNext,l as PaginationPrevious};
+import{jsx as a,jsxs as i}from"react/jsx-runtime";import{ChevronLeftIcon as n,ChevronRightIcon as t,EllipsisIcon as e}from"lucide-react";import{buttonVariants as o}from"./button/index.js";import{cn as r}from"../lib/utils.js";function s({className:i,...n}){return a("nav",{"aria-label":"pagination",className:r("mx-auto flex w-full justify-center",i),"data-slot":"pagination",role:"navigation",...n})}function l({className:i,...n}){return a("ul",{className:r("flex flex-row items-center gap-1",i),"data-slot":"pagination-content",...n})}function c(i){return a("li",{"data-slot":"pagination-item",...i})}function u({children:i,className:n,isActive:t,size:e="icon",...r}){return a("a",{"aria-current":t?"page":void 0,className:o({className:n,size:e,variant:t?"outline":"ghost"}),"data-slot":"pagination-link",...r,children:i})}function p({...t}){return i(u,{"aria-label":"Go to previous page","data-slot":"pagination-previous",size:"md",...t,children:[a(n,{className:"size-4"}),a("span",{children:"Previous"})]})}function m({...n}){return i(u,{"aria-label":"Go to next page","data-slot":"pagination-next",size:"md",...n,children:[a("span",{children:"Next"}),a(t,{})]})}function g({className:n,...t}){return i("span",{"aria-hidden":!0,className:r("flex size-10 items-center justify-center",n),"data-slot":"pagination-ellipsis",...t,children:[a(e,{className:"size-4"}),a("span",{className:"sr-only",children:"More pages"})]})}export{s as Pagination,l as PaginationContent,g as PaginationEllipsis,c as PaginationItem,u as PaginationLink,m as PaginationNext,p as PaginationPrevious};
 //# sourceMappingURL=pagination.js.map

package/dist/esm/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/pagination.js","sources":["webpack://@codefast/ui/./src/components/pagination.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from \"lucide-react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { buttonVariants } from \"@/components/button\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({ className, ...props }: ComponentProps<\"nav\">): JSX.Element {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      data-slot=\"pagination\"\n      role=\"navigation\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nfunction PaginationContent({ className, ...props }: ComponentProps<\"ul\">): JSX.Element {\n  return <ul className={cn(\"flex flex-row items-center gap-1\", className)} data-slot=\"pagination-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nfunction PaginationItem(props: ComponentProps<\"li\">): JSX.Element {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\nfunction PaginationLink({\n  children,\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: ComponentProps<\"a\"> &\n  Pick<VariantProps<typeof buttonVariants>, \"size\"> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      className={buttonVariants({ className, size, variant: isActive ? \"outline\" : \"ghost\" })}\n      data-slot=\"pagination-link\"\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n  ...props\n}: ComponentProps<\"a\"> &\n  Pick<VariantProps<typeof buttonVariants>, \"size\"> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" data-slot=\"pagination-previous\" size=\"md\" {...props}>\n      <ChevronLeftIcon className=\"size-4\" />\n      <span>Previous</span>\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n  ...props\n}: ComponentProps<\"a\"> &\n  Pick<VariantProps<typeof buttonVariants>, \"size\"> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" data-slot=\"pagination-next\" size=\"md\" {...props}>\n      <span>Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({ className, ...props }: ComponentProps<\"span\">): JSX.Element {\n  return (\n    <span\n      aria-hidden\n      className={cn(\"flex size-10 items-center justify-center\", className)}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <EllipsisIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"names":["Pagination","className","props","cn","PaginationContent","PaginationItem","PaginationLink","children","isActive","size","undefined","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","EllipsisIcon"],"mappings":"yIAaA,SAASA,EAAW,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,MACE,UAAC,OACC,aAAW,aACX,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,qCAAsCF,GACpD,YAAU,aACV,KAAK,aACJ,GAAGC,CAAK,A,EAGf,CAMA,SAASE,EAAkB,CAAEH,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EACtE,MAAO,UAAC,MAAG,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,mCAAoCF,GAAY,YAAU,qBAAsB,GAAGC,CAAK,A,EACnH,CAMA,SAASG,EAAeH,CAA2B,EACjD,MAAO,UAAC,MAAG,YAAU,kBAAmB,GAAGA,CAAK,A,EAClD,CAMA,SAASI,EAAe,CACtBC,SAAAA,CAAQ,CACRN,UAAAA,CAAS,CACTO,SAAAA,CAAQ,CACRC,KAAAA,EAAO,MAAM,CACb,GAAGP,EAIF,EACD,MACE,UAAC,KACC,eAAcM,EAAW,OAASE,OAClC,UAAWC,AAAAA,GAAAA,EAAAA,cAAAA,AAAAA,EAAe,CAAEV,UAAAA,EAAWQ,KAAAA,EAAM,QAASD,EAAW,UAAY,OAAQ,GACrF,YAAU,kBACT,GAAGN,CAAK,C,SAERK,C,EAGP,CAMA,SAASK,EAAmB,CAC1B,GAAGV,EAIF,EACD,MACE,WAACI,EAAAA,CAAe,aAAW,sBAAsB,YAAU,sBAAsB,KAAK,KAAM,GAAGJ,CAAK,C,UAClG,UAACW,EAAAA,eAAeA,CAAAA,CAAC,UAAU,Q,GAC3B,UAAC,Q,SAAK,U,KAGZ,CAMA,SAASC,EAAe,CACtB,GAAGZ,EAIF,EACD,MACE,WAACI,EAAAA,CAAe,aAAW,kBAAkB,YAAU,kBAAkB,KAAK,KAAM,GAAGJ,CAAK,C,UAC1F,UAAC,Q,SAAK,M,GACN,UAACa,EAAAA,gBAAgBA,CAAAA,CAAAA,G,EAGvB,CAMA,SAASC,EAAmB,CAAEf,UAAAA,CAAS,CAAE,GAAGC,EAA+B,EACzE,MACE,WAAC,QACC,cAAW,GACX,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,2CAA4CF,GAC1D,YAAU,sBACT,GAAGC,CAAK,C,UAET,UAACe,EAAAA,YAAYA,CAAAA,CAAC,UAAU,Q,GACxB,UAAC,QAAK,UAAU,U,SAAU,Y,KAGhC,Q"}
+{"version":3,"file":"components/pagination.js","sources":["webpack://@codefast/ui/./src/components/pagination.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from \"lucide-react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { buttonVariants } from \"@/components/button\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({ className, ...props }: ComponentProps<\"nav\">): JSX.Element {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      data-slot=\"pagination\"\n      role=\"navigation\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nfunction PaginationContent({ className, ...props }: ComponentProps<\"ul\">): JSX.Element {\n  return <ul className={cn(\"flex flex-row items-center gap-1\", className)} data-slot=\"pagination-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nfunction PaginationItem(props: ComponentProps<\"li\">): JSX.Element {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\nfunction PaginationLink({\n  children,\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: ComponentProps<\"a\"> &\n  Pick<VariantProps<typeof buttonVariants>, \"size\"> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      className={buttonVariants({ className, size, variant: isActive ? \"outline\" : \"ghost\" })}\n      data-slot=\"pagination-link\"\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n  ...props\n}: ComponentProps<\"a\"> &\n  Pick<VariantProps<typeof buttonVariants>, \"size\"> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" data-slot=\"pagination-previous\" size=\"md\" {...props}>\n      <ChevronLeftIcon className=\"size-4\" />\n      <span>Previous</span>\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n  ...props\n}: ComponentProps<\"a\"> &\n  Pick<VariantProps<typeof buttonVariants>, \"size\"> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" data-slot=\"pagination-next\" size=\"md\" {...props}>\n      <span>Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({ className, ...props }: ComponentProps<\"span\">): JSX.Element {\n  return (\n    <span\n      aria-hidden\n      className={cn(\"flex size-10 items-center justify-center\", className)}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <EllipsisIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"names":["Pagination","className","props","cn","PaginationContent","PaginationItem","PaginationLink","children","isActive","size","undefined","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","EllipsisIcon"],"mappings":"iOAaA,SAASA,EAAW,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAChE,OACE,EAAC,OACC,aAAW,aACX,UAAWC,EAAG,qCAAsCF,GACpD,YAAU,aACV,KAAK,aACJ,GAAGC,CAAK,A,EAGf,CAMA,SAASE,EAAkB,CAAEH,UAAAA,CAAS,CAAE,GAAGC,EAA6B,EACtE,OAAO,EAAC,MAAG,UAAWC,EAAG,mCAAoCF,GAAY,YAAU,qBAAsB,GAAGC,CAAK,A,EACnH,CAMA,SAASG,EAAeH,CAA2B,EACjD,OAAO,EAAC,MAAG,YAAU,kBAAmB,GAAGA,CAAK,A,EAClD,CAMA,SAASI,EAAe,CACtBC,SAAAA,CAAQ,CACRN,UAAAA,CAAS,CACTO,SAAAA,CAAQ,CACRC,KAAAA,EAAO,MAAM,CACb,GAAGP,EAIF,EACD,OACE,EAAC,KACC,eAAcM,EAAW,OAASE,OAClC,UAAWC,EAAe,CAAEV,UAAAA,EAAWQ,KAAAA,EAAM,QAASD,EAAW,UAAY,OAAQ,GACrF,YAAU,kBACT,GAAGN,CAAK,C,SAERK,C,EAGP,CAMA,SAASK,EAAmB,CAC1B,GAAGV,EAIF,EACD,OACE,EAACI,EAAAA,CAAe,aAAW,sBAAsB,YAAU,sBAAsB,KAAK,KAAM,GAAGJ,CAAK,C,UAClG,EAACW,EAAeA,CAAC,UAAU,Q,GAC3B,EAAC,Q,SAAK,U,KAGZ,CAMA,SAASC,EAAe,CACtB,GAAGZ,EAIF,EACD,OACE,EAACI,EAAAA,CAAe,aAAW,kBAAkB,YAAU,kBAAkB,KAAK,KAAM,GAAGJ,CAAK,C,UAC1F,EAAC,Q,SAAK,M,GACN,EAACa,EAAgBA,CAAAA,G,EAGvB,CAMA,SAASC,EAAmB,CAAEf,UAAAA,CAAS,CAAE,GAAGC,EAA+B,EACzE,OACE,EAAC,QACC,cAAW,GACX,UAAWC,EAAG,2CAA4CF,GAC1D,YAAU,sBACT,GAAGC,CAAK,C,UAET,EAACe,EAAYA,CAAC,UAAU,Q,GACxB,EAAC,QAAK,UAAU,U,SAAU,Y,KAGhC,Q"}

package/dist/esm/components/popover.js

@@ -1,3 +1,3 @@
 "use client";
-import*as t from"react/jsx-runtime";import*as o from"@radix-ui/react-popover";import*as e from"../lib/utils.js";function a({...e}){return(0,t.jsx)(o.Root,{"data-slot":"popover",...e})}function r({...e}){return(0,t.jsx)(o.Trigger,{"data-slot":"popover-trigger",...e})}function d({...e}){return(0,t.jsx)(o.Anchor,{"data-slot":"popover-anchor",...e})}function s({align:a="center",className:r,sideOffset:d=4,...s}){return(0,t.jsx)(o.Portal,{children:(0,t.jsx)(o.Content,{align:a,className:(0,e.cn)("bg-popover outline-hidden text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg",r),"data-slot":"popover-content",sideOffset:d,...s})})}function i({className:a,...r}){return(0,t.jsx)(o.Arrow,{className:(0,e.cn)("fill-popover",a),"data-slot":"popover-arrow",...r})}export{a as Popover,d as PopoverAnchor,i as PopoverArrow,s as PopoverContent,r as PopoverTrigger};
+import{jsx as t}from"react/jsx-runtime";import{Anchor as o,Arrow as e,Content as a,Portal as d,Root as r,Trigger as s}from"@radix-ui/react-popover";import{cn as i}from"../lib/utils.js";function n({...o}){return t(r,{"data-slot":"popover",...o})}function p({...o}){return t(s,{"data-slot":"popover-trigger",...o})}function l({...e}){return t(o,{"data-slot":"popover-anchor",...e})}function u({align:o="center",className:e,sideOffset:r=4,...s}){return t(d,{children:t(a,{align:o,className:i("bg-popover outline-hidden text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg",e),"data-slot":"popover-content",sideOffset:r,...s})})}function f({className:o,...a}){return t(e,{className:i("fill-popover",o),"data-slot":"popover-arrow",...a})}export{n as Popover,l as PopoverAnchor,f as PopoverArrow,u as PopoverContent,p as PopoverTrigger};
 //# sourceMappingURL=popover.js.map

package/dist/esm/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/popover.js","sources":["webpack://@codefast/ui/./src/components/popover.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nfunction Popover({ ...props }: ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nfunction PopoverTrigger({ ...props }: ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nfunction PopoverAnchor({ ...props }: ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nfunction PopoverContent({\n  align = \"center\",\n  className,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        align={align}\n        className={cn(\n          \"bg-popover outline-hidden text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg\",\n          className,\n        )}\n        data-slot=\"popover-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\nfunction PopoverArrow({ className, ...props }: ComponentProps<typeof PopoverPrimitive.Arrow>): JSX.Element {\n  return <PopoverPrimitive.Arrow className={cn(\"fill-popover\", className)} data-slot=\"popover-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","align","className","sideOffset","cn","PopoverArrow"],"mappings":";gHAYA,SAASA,EAAQ,CAAE,GAAGC,EAAqD,EACzE,MAAO,UAACC,EAAAA,IAAqB,EAAC,YAAU,UAAW,GAAGD,CAAK,EAC7D,CAMA,SAASE,EAAe,CAAE,GAAGF,EAAwD,EACnF,MAAO,UAACC,EAAAA,OAAwB,EAAC,YAAU,kBAAmB,GAAGD,CAAK,EACxE,CAMA,SAASG,EAAc,CAAE,GAAGH,EAAuD,EACjF,MAAO,UAACC,EAAAA,MAAuB,EAAC,YAAU,iBAAkB,GAAGD,CAAK,EACtE,CAMA,SAASI,EAAe,CACtBC,MAAAA,EAAQ,QAAQ,CAChBC,UAAAA,CAAS,CACTC,WAAAA,EAAa,CAAC,CACd,GAAGP,EAC6C,EAChD,MACE,UAACC,EAAAA,MAAuB,E,SACtB,UAACA,EAAAA,OAAwB,EACvB,MAAOI,EACP,UAAWG,GAAAA,EAAAA,EAAAA,EACT,muBACAF,GAEF,YAAU,kBACV,WAAYC,EACX,GAAGP,CAAK,IAIjB,CAMA,SAASS,EAAa,CAAEH,UAAAA,CAAS,CAAE,GAAGN,EAAsD,EAC1F,MAAO,UAACC,EAAAA,KAAsB,EAAC,UAAWO,GAAAA,EAAAA,EAAAA,EAAG,eAAgBF,GAAY,YAAU,gBAAiB,GAAGN,CAAK,EAC9G,Q"}
+{"version":3,"file":"components/popover.js","sources":["webpack://@codefast/ui/./src/components/popover.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nfunction Popover({ ...props }: ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nfunction PopoverTrigger({ ...props }: ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nfunction PopoverAnchor({ ...props }: ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nfunction PopoverContent({\n  align = \"center\",\n  className,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        align={align}\n        className={cn(\n          \"bg-popover outline-hidden text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg\",\n          className,\n        )}\n        data-slot=\"popover-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\nfunction PopoverArrow({ className, ...props }: ComponentProps<typeof PopoverPrimitive.Arrow>): JSX.Element {\n  return <PopoverPrimitive.Arrow className={cn(\"fill-popover\", className)} data-slot=\"popover-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","align","className","sideOffset","cn","PopoverArrow"],"mappings":";yLAYA,SAASA,EAAQ,CAAE,GAAGC,EAAqD,EACzE,OAAO,EAACC,EAAqB,CAAC,YAAU,UAAW,GAAGD,CAAK,EAC7D,CAMA,SAASE,EAAe,CAAE,GAAGF,EAAwD,EACnF,OAAO,EAACC,EAAwB,CAAC,YAAU,kBAAmB,GAAGD,CAAK,EACxE,CAMA,SAASG,EAAc,CAAE,GAAGH,EAAuD,EACjF,OAAO,EAACC,EAAuB,CAAC,YAAU,iBAAkB,GAAGD,CAAK,EACtE,CAMA,SAASI,EAAe,CACtBC,MAAAA,EAAQ,QAAQ,CAChBC,UAAAA,CAAS,CACTC,WAAAA,EAAa,CAAC,CACd,GAAGP,EAC6C,EAChD,OACE,EAACC,EAAuB,C,SACtB,EAACA,EAAwB,CACvB,MAAOI,EACP,UAAWG,EACT,muBACAF,GAEF,YAAU,kBACV,WAAYC,EACX,GAAGP,CAAK,IAIjB,CAMA,SAASS,EAAa,CAAEH,UAAAA,CAAS,CAAE,GAAGN,EAAsD,EAC1F,OAAO,EAACC,EAAsB,CAAC,UAAWO,EAAG,eAAgBF,GAAY,YAAU,gBAAiB,GAAGN,CAAK,EAC9G,Q"}

package/dist/esm/components/pre.js

@@ -1,3 +1,3 @@
 "use client";
-import*as r from"react/jsx-runtime";import*as t from"@radix-ui/react-slot";function e({asChild:e,...o}){let a=e?t.Slot:"pre";return(0,r.jsx)(a,{"data-slot":"pre",...o})}export{e as Pre};
+import{jsx as r}from"react/jsx-runtime";import{Slot as t}from"@radix-ui/react-slot";function e({asChild:e,...o}){return r(e?t:"pre",{"data-slot":"pre",...o})}export{e as Pre};
 //# sourceMappingURL=pre.js.map

package/dist/esm/components/pre.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/pre.js","sources":["webpack://@codefast/ui/./src/components/pre.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pre\n * -------------------------------------------------------------------------- */\n\nfunction Pre({\n  asChild,\n  ...props\n}: ComponentProps<\"pre\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"pre\";\n\n  return <Component data-slot=\"pre\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Pre };\n"],"names":["Pre","asChild","props","Component","Slot"],"mappings":";2EAUA,SAASA,EAAI,CACXC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EACC,IAAMC,EAAYF,EAAUG,EAAAA,IAAIA,CAAG,MAEnC,MAAO,UAACD,EAAAA,CAAU,YAAU,MAAO,GAAGD,CAAK,EAC7C,Q"}
+{"version":3,"file":"components/pre.js","sources":["webpack://@codefast/ui/./src/components/pre.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pre\n * -------------------------------------------------------------------------- */\n\nfunction Pre({\n  asChild,\n  ...props\n}: ComponentProps<\"pre\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"pre\";\n\n  return <Component data-slot=\"pre\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Pre };\n"],"names":["Pre","asChild","props","Slot","Component"],"mappings":";oFAUA,SAASA,EAAI,CACXC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EAGC,OAAO,EAFWD,EAAUE,EAAO,MAE3BC,CAAU,YAAU,MAAO,GAAGF,CAAK,EAC7C,Q"}

package/dist/esm/components/progress-circle/progress-circle-variants.js

@@ -1,2 +1,2 @@
-import*as t from"../../lib/utils.js";let e=(0,t.tv)({slots:{root:"relative inline-flex items-center justify-center",svg:"size-full",track:"origin-center",indicator:"origin-center",label:"absolute inset-0 flex items-center justify-center text-xs font-medium"},variants:{variant:{default:{indicator:"text-primary",track:"text-primary/20"},destructive:{indicator:"text-destructive",track:"text-destructive/20"}},size:{sm:{label:"text-[10px]"},md:{label:"text-xs"},lg:{label:"text-sm"},xl:{label:"text-base"},"2xl":{label:"text-lg"}},thickness:{thin:{},regular:{},thick:{}}},defaultVariants:{variant:"default",size:"md",thickness:"regular"}});export{e as progressCircleVariants};
+import{tv as t}from"../../lib/utils.js";let e=t({slots:{root:"relative inline-flex items-center justify-center",svg:"size-full",track:"origin-center",indicator:"origin-center",label:"absolute inset-0 flex items-center justify-center text-xs font-medium"},variants:{variant:{default:{indicator:"text-primary",track:"text-primary/20"},destructive:{indicator:"text-destructive",track:"text-destructive/20"}},size:{sm:{label:"text-[10px]"},md:{label:"text-xs"},lg:{label:"text-sm"},xl:{label:"text-base"},"2xl":{label:"text-lg"}},thickness:{thin:{},regular:{},thick:{}}},defaultVariants:{variant:"default",size:"md",thickness:"regular"}});export{e as progressCircleVariants};
 //# sourceMappingURL=progress-circle-variants.js.map

package/dist/esm/components/progress-circle/progress-circle-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/progress-circle/progress-circle-variants.js","sources":["webpack://@codefast/ui/./src/components/progress-circle/progress-circle-variants.tsx"],"sourcesContent":["import { tv } from \"@/lib/utils\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variant: ProgressCircle\n * -----------------------------------------------------------------------------------------------*/\n\nconst progressCircleVariants = tv({\n  slots: {\n    root: \"relative inline-flex items-center justify-center\",\n    svg: \"size-full\",\n    track: \"origin-center\",\n    indicator: \"origin-center\",\n    label: \"absolute inset-0 flex items-center justify-center text-xs font-medium\",\n  },\n  variants: {\n    variant: {\n      default: { indicator: \"text-primary\", track: \"text-primary/20\" },\n      destructive: { indicator: \"text-destructive\", track: \"text-destructive/20\" },\n    },\n    size: {\n      sm: { label: \"text-[10px]\" },\n      md: { label: \"text-xs\" },\n      lg: { label: \"text-sm\" },\n      xl: { label: \"text-base\" },\n      \"2xl\": { label: \"text-lg\" },\n    },\n    thickness: { thin: {}, regular: {}, thick: {} },\n  },\n  defaultVariants: { variant: \"default\", size: \"md\", thickness: \"regular\" },\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { progressCircleVariants };\n"],"names":["progressCircleVariants","tv"],"mappings":"qCAMA,IAAMA,EAAyBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CAChC,MAAO,CACL,KAAM,mDACN,IAAK,YACL,MAAO,gBACP,UAAW,gBACX,MAAO,uEACT,EACA,SAAU,CACR,QAAS,CACP,QAAS,CAAE,UAAW,eAAgB,MAAO,iBAAkB,EAC/D,YAAa,CAAE,UAAW,mBAAoB,MAAO,qBAAsB,CAC7E,EACA,KAAM,CACJ,GAAI,CAAE,MAAO,aAAc,EAC3B,GAAI,CAAE,MAAO,SAAU,EACvB,GAAI,CAAE,MAAO,SAAU,EACvB,GAAI,CAAE,MAAO,WAAY,EACzB,MAAO,CAAE,MAAO,SAAU,CAC5B,EACA,UAAW,CAAE,KAAM,CAAC,EAAG,QAAS,CAAC,EAAG,MAAO,CAAC,CAAE,CAChD,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,KAAM,UAAW,SAAU,CAC1E,U"}
+{"version":3,"file":"components/progress-circle/progress-circle-variants.js","sources":["webpack://@codefast/ui/./src/components/progress-circle/progress-circle-variants.tsx"],"sourcesContent":["import { tv } from \"@/lib/utils\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variant: ProgressCircle\n * -----------------------------------------------------------------------------------------------*/\n\nconst progressCircleVariants = tv({\n  slots: {\n    root: \"relative inline-flex items-center justify-center\",\n    svg: \"size-full\",\n    track: \"origin-center\",\n    indicator: \"origin-center\",\n    label: \"absolute inset-0 flex items-center justify-center text-xs font-medium\",\n  },\n  variants: {\n    variant: {\n      default: { indicator: \"text-primary\", track: \"text-primary/20\" },\n      destructive: { indicator: \"text-destructive\", track: \"text-destructive/20\" },\n    },\n    size: {\n      sm: { label: \"text-[10px]\" },\n      md: { label: \"text-xs\" },\n      lg: { label: \"text-sm\" },\n      xl: { label: \"text-base\" },\n      \"2xl\": { label: \"text-lg\" },\n    },\n    thickness: { thin: {}, regular: {}, thick: {} },\n  },\n  defaultVariants: { variant: \"default\", size: \"md\", thickness: \"regular\" },\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { progressCircleVariants };\n"],"names":["progressCircleVariants","tv"],"mappings":"wCAMA,IAAMA,EAAyBC,EAAG,CAChC,MAAO,CACL,KAAM,mDACN,IAAK,YACL,MAAO,gBACP,UAAW,gBACX,MAAO,uEACT,EACA,SAAU,CACR,QAAS,CACP,QAAS,CAAE,UAAW,eAAgB,MAAO,iBAAkB,EAC/D,YAAa,CAAE,UAAW,mBAAoB,MAAO,qBAAsB,CAC7E,EACA,KAAM,CACJ,GAAI,CAAE,MAAO,aAAc,EAC3B,GAAI,CAAE,MAAO,SAAU,EACvB,GAAI,CAAE,MAAO,SAAU,EACvB,GAAI,CAAE,MAAO,WAAY,EACzB,MAAO,CAAE,MAAO,SAAU,CAC5B,EACA,UAAW,CAAE,KAAM,CAAC,EAAG,QAAS,CAAC,EAAG,MAAO,CAAC,CAAE,CAChD,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,KAAM,UAAW,SAAU,CAC1E,U"}

package/dist/esm/components/progress-circle/progress-circle.js

@@ -1,3 +1,3 @@
 "use client";
-import*as s from"react/jsx-runtime";import*as a from"@codefast-ui/progress-circle";import*as e from"@codefast/hooks";import*as r from"react";import*as t from"./progress-circle-variants.js";function l({value:l=0,classNames:c,customLabel:m,showValue:n=!1,variant:u="default",size:d,sizeInPixels:x,thickness:h="regular",animate:f=!0,animationDuration:p=1e3,className:N,strokeWidth:g,...j}){let k=(0,e.useAnimatedValue)(l,p,f),M=(0,r.useMemo)(()=>x||o(d),[x,d]),v=(0,r.useMemo)(()=>g||i(h,M),[g,h,M]),C=(0,r.useMemo)(()=>(0,t.progressCircleVariants)({variant:u,size:d,thickness:h}),[u,d,h]),P=n||!!m,V=(0,r.useCallback)(()=>m?m({value:k}):`${k}%`,[m,k]);return(0,s.jsx)(a.Provider,{size:M,strokeWidth:v,value:l,...j,children:(0,s.jsxs)(a.Root,{className:C.root({className:[N,c?.root]}),children:[(0,s.jsxs)(a.SVG,{className:C.svg({className:c?.svg}),children:[(0,s.jsx)(a.Track,{className:C.track({className:c?.track})}),(0,s.jsx)(a.Indicator,{className:C.indicator({className:c?.indicator}),style:{transitionDuration:`${p}ms`,transitionProperty:"stroke-dashoffset"}})]}),P?(0,s.jsx)(a.Value,{className:C.label({className:c?.label}),children:V()}):null]})})}l.displayName="ProgressCircle";let o=s=>s?({sm:32,md:48,lg:64,xl:96,"2xl":128})[s]:48,i=(s,a)=>s?({thin:Math.max(2,.025*a),regular:Math.max(3,.05*a),thick:Math.max(4,.075*a)})[s]:Math.max(3,.05*a);export{l as ProgressCircle};
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import{Indicator as s,Provider as e,Root as t,SVG as l,Track as o,Value as i}from"@codefast-ui/progress-circle";import{useAnimatedValue as c}from"@codefast/hooks";import{useCallback as m,useMemo as n}from"react";import{progressCircleVariants as d}from"./progress-circle-variants.js";function h({value:h=0,classNames:N,customLabel:p,showValue:g=!1,variant:x="default",size:k,sizeInPixels:v,thickness:M="regular",animate:y=!0,animationDuration:P=1e3,className:b,strokeWidth:j,...C}){let $=c(h,P,y),z=n(()=>v||f(k),[v,k]),D=n(()=>j||u(M,z),[j,M,z]),W=n(()=>d({variant:x,size:k,thickness:M}),[x,k,M]),q=g||!!p,w=m(()=>p?p({value:$}):`${$}%`,[p,$]);return a(e,{size:z,strokeWidth:D,value:h,...C,children:r(t,{className:W.root({className:[b,N?.root]}),children:[r(l,{className:W.svg({className:N?.svg}),children:[a(o,{className:W.track({className:N?.track})}),a(s,{className:W.indicator({className:N?.indicator}),style:{transitionDuration:`${P}ms`,transitionProperty:"stroke-dashoffset"}})]}),q?a(i,{className:W.label({className:N?.label}),children:w()}):null]})})}h.displayName="ProgressCircle";let f=a=>a?({sm:32,md:48,lg:64,xl:96,"2xl":128})[a]:48,u=(a,r)=>a?({thin:Math.max(2,.025*r),regular:Math.max(3,.05*r),thick:Math.max(4,.075*r)})[a]:Math.max(3,.05*r);export{h as ProgressCircle};
 //# sourceMappingURL=progress-circle.js.map

package/dist/esm/components/progress-circle/progress-circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/progress-circle/progress-circle.js","sources":["webpack://@codefast/ui/./src/components/progress-circle/progress-circle.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, CSSProperties, JSX } from \"react\";\n\nimport * as ProgressCirclePrimitive from \"@codefast-ui/progress-circle\";\nimport { useAnimatedValue } from \"@codefast/hooks\";\nimport { useCallback, useMemo } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { progressCircleVariants } from \"@/components/progress-circle/progress-circle-variants\";\n\n/* -------------------------------------------------------------------------------------------------\n * Component: ProgressCircle\n * -----------------------------------------------------------------------------------------------*/\n\nfunction ProgressCircle({\n  value = 0,\n  classNames,\n  customLabel,\n  showValue = false,\n  variant = \"default\",\n  size,\n  sizeInPixels,\n  thickness = \"regular\",\n  animate = true,\n  animationDuration = 1000,\n  className,\n  strokeWidth,\n  ...props\n}: Omit<ComponentProps<typeof ProgressCirclePrimitive.Provider>, \"children\" | \"size\"> &\n  VariantProps<typeof progressCircleVariants> & {\n    /**\n     * Enables animation effect when value changes\n     */\n    animate?: boolean;\n\n    /**\n     * Duration of the animation in milliseconds\n     */\n    animationDuration?: number;\n\n    /**\n     * CSS class to customize the entire component\n     */\n    className?: string;\n\n    /**\n     * CSS classes to customize specific parts of the component\n     */\n    classNames?: {\n      /**\n       * Class for the progress indicator\n       */\n      indicator?: string;\n\n      /**\n       * Class for the label in the center of the circle\n       */\n      label?: string;\n\n      /**\n       * Class for the root element of the component\n       */\n      root?: string;\n\n      /**\n       * Class for the SVG element\n       */\n      svg?: string;\n\n      /**\n       * Class for the circle track\n       */\n      track?: string;\n    };\n\n    /**\n     * Custom function to render content in the center of the circle\n     * @param value - Current value of the component\n     * @returns React element to display in the center of the circle\n     */\n    customLabel?: ({ value }: { value: number }) => JSX.Element;\n\n    /**\n     * Display the numeric value in the center of the circle\n     */\n    showValue?: boolean;\n\n    /**\n     * Custom size in pixels\n     * When provided, this value overrides the size variant option\n     */\n    sizeInPixels?: number;\n  }): JSX.Element {\n  const displayValue = useAnimatedValue(value, animationDuration, animate);\n\n  const actualSize = useMemo(() => sizeInPixels || getActualSize(size), [sizeInPixels, size]);\n\n  const actualThickness = useMemo(\n    () => strokeWidth || getStrokeWidth(thickness, actualSize),\n    [strokeWidth, thickness, actualSize],\n  );\n\n  const slots = useMemo(() => progressCircleVariants({ variant, size, thickness }), [variant, size, thickness]);\n\n  const shouldShowLabel = showValue || Boolean(customLabel);\n\n  const renderLabel = useCallback(() => {\n    if (customLabel) {\n      return customLabel({ value: displayValue });\n    }\n\n    return `${displayValue}%`;\n  }, [customLabel, displayValue]);\n\n  return (\n    <ProgressCirclePrimitive.Provider size={actualSize} strokeWidth={actualThickness} value={value} {...props}>\n      <ProgressCirclePrimitive.Root className={slots.root({ className: [className, classNames?.root] })}>\n        <ProgressCirclePrimitive.SVG className={slots.svg({ className: classNames?.svg })}>\n          <ProgressCirclePrimitive.Track className={slots.track({ className: classNames?.track })} />\n          <ProgressCirclePrimitive.Indicator\n            className={slots.indicator({ className: classNames?.indicator })}\n            style={\n              {\n                transitionDuration: `${animationDuration}ms`,\n                transitionProperty: \"stroke-dashoffset\",\n              } as CSSProperties\n            }\n          />\n        </ProgressCirclePrimitive.SVG>\n        {shouldShowLabel ? (\n          <ProgressCirclePrimitive.Value className={slots.label({ className: classNames?.label })}>\n            {renderLabel()}\n          </ProgressCirclePrimitive.Value>\n        ) : null}\n      </ProgressCirclePrimitive.Root>\n    </ProgressCirclePrimitive.Provider>\n  );\n}\n\nProgressCircle.displayName = \"ProgressCircle\";\n\n/* -----------------------------------------------------------------------------\n * Helpers\n * -------------------------------------------------------------------------- */\n\n/**\n * Maps size variants to actual pixel sizes\n */\nconst getActualSize = (size?: VariantProps<typeof progressCircleVariants>[\"size\"]): number => {\n  const sizeMap: Record<NonNullable<typeof size>, number> = {\n    sm: 32,\n    md: 48,\n    lg: 64,\n    xl: 96,\n    \"2xl\": 128,\n  };\n\n  return size ? sizeMap[size] : 48;\n};\n\n/**\n * Calculates stroke width based on thickness variant and circle size\n */\nconst getStrokeWidth = (thickness: VariantProps<typeof progressCircleVariants>[\"thickness\"], size: number): number => {\n  const thicknessMap: Record<NonNullable<typeof thickness>, number> = {\n    thin: Math.max(2, size * 0.025),\n    regular: Math.max(3, size * 0.05),\n    thick: Math.max(4, size * 0.075),\n  };\n\n  return thickness ? thicknessMap[thickness] : Math.max(3, size * 0.05);\n};\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ProgressCircle };\n"],"names":["ProgressCircle","value","classNames","customLabel","showValue","variant","size","sizeInPixels","thickness","animate","animationDuration","className","strokeWidth","props","displayValue","useAnimatedValue","actualSize","useMemo","getActualSize","actualThickness","getStrokeWidth","slots","progressCircleVariants","shouldShowLabel","Boolean","renderLabel","useCallback","ProgressCirclePrimitive","sizeMap","thicknessMap","Math"],"mappings":";6LAgBA,SAASA,EAAe,CACtBC,MAAAA,EAAQ,CAAC,CACTC,WAAAA,CAAU,CACVC,YAAAA,CAAW,CACXC,UAAAA,EAAY,EAAK,CACjBC,QAAAA,EAAU,SAAS,CACnBC,KAAAA,CAAI,CACJC,aAAAA,CAAY,CACZC,UAAAA,EAAY,SAAS,CACrBC,QAAAA,EAAU,EAAI,CACdC,kBAAAA,EAAoB,GAAI,CACxBC,UAAAA,CAAS,CACTC,YAAAA,CAAW,CACX,GAAGC,EAiEF,EACD,IAAMC,EAAeC,GAAAA,EAAAA,gBAAAA,EAAiBd,EAAOS,EAAmBD,GAE1DO,EAAaC,GAAAA,EAAAA,OAAAA,EAAQ,IAAMV,GAAgBW,EAAcZ,GAAO,CAACC,EAAcD,EAAK,EAEpFa,EAAkBF,GAAAA,EAAAA,OAAAA,EACtB,IAAML,GAAeQ,EAAeZ,EAAWQ,GAC/C,CAACJ,EAAaJ,EAAWQ,EAAW,EAGhCK,EAAQJ,GAAAA,EAAAA,OAAAA,EAAQ,IAAMK,GAAAA,EAAAA,sBAAAA,EAAuB,CAAEjB,QAAAA,EAASC,KAAAA,EAAME,UAAAA,CAAU,GAAI,CAACH,EAASC,EAAME,EAAU,EAEtGe,EAAkBnB,GAAaoB,EAAQrB,EAEvCsB,EAAcC,GAAAA,EAAAA,WAAAA,EAAY,IAC9B,EACSvB,EAAY,CAAE,MAAOW,CAAa,GAGpC,CAAC,EAAEA,EAAa,CAAC,CAAC,CACxB,CAACX,EAAaW,EAAa,EAE9B,MACE,UAACa,EAAAA,QAAgC,EAAC,KAAMX,EAAY,YAAaG,EAAiB,MAAOlB,EAAQ,GAAGY,CAAK,C,SACvG,WAACc,EAAAA,IAA4B,EAAC,UAAWN,EAAM,IAAI,CAAC,CAAE,UAAW,CAACV,EAAWT,GAAY,KAAK,G,UAC5F,WAACyB,EAAAA,GAA2B,EAAC,UAAWN,EAAM,GAAG,CAAC,CAAE,UAAWnB,GAAY,GAAI,G,UAC7E,UAACyB,EAAAA,KAA6B,EAAC,UAAWN,EAAM,KAAK,CAAC,CAAE,UAAWnB,GAAY,KAAM,E,GACrF,UAACyB,EAAAA,SAAiC,EAChC,UAAWN,EAAM,SAAS,CAAC,CAAE,UAAWnB,GAAY,SAAU,GAC9D,MACE,CACE,mBAAoB,CAAC,EAAEQ,EAAkB,EAAE,CAAC,CAC5C,mBAAoB,mBACtB,C,MAILa,EACC,UAACI,EAAAA,KAA6B,EAAC,UAAWN,EAAM,KAAK,CAAC,CAAE,UAAWnB,GAAY,KAAM,G,SAClFuB,G,GAED,K,IAIZ,CAEAzB,EAAe,WAAW,CAAG,iBAS7B,IAAMkB,EAAgB,GASbZ,EAAOsB,EAPZ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,GACT,EAEqB,CAACtB,EAAK,CAAG,GAM1Bc,EAAiB,CAACZ,EAAqEF,IAOpFE,EAAYqB,EALjB,KAAMC,KAAK,GAAG,CAAC,EAAGxB,KAAAA,GAClB,QAASwB,KAAK,GAAG,CAAC,EAAGxB,IAAAA,GACrB,MAAOwB,KAAK,GAAG,CAAC,EAAGxB,KAAAA,EACrB,EAE+B,CAACE,EAAU,CAAGsB,KAAK,GAAG,CAAC,EAAGxB,IAAAA,U"}
+{"version":3,"file":"components/progress-circle/progress-circle.js","sources":["webpack://@codefast/ui/./src/components/progress-circle/progress-circle.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, CSSProperties, JSX } from \"react\";\n\nimport * as ProgressCirclePrimitive from \"@codefast-ui/progress-circle\";\nimport { useAnimatedValue } from \"@codefast/hooks\";\nimport { useCallback, useMemo } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { progressCircleVariants } from \"@/components/progress-circle/progress-circle-variants\";\n\n/* -------------------------------------------------------------------------------------------------\n * Component: ProgressCircle\n * -----------------------------------------------------------------------------------------------*/\n\nfunction ProgressCircle({\n  value = 0,\n  classNames,\n  customLabel,\n  showValue = false,\n  variant = \"default\",\n  size,\n  sizeInPixels,\n  thickness = \"regular\",\n  animate = true,\n  animationDuration = 1000,\n  className,\n  strokeWidth,\n  ...props\n}: Omit<ComponentProps<typeof ProgressCirclePrimitive.Provider>, \"children\" | \"size\"> &\n  VariantProps<typeof progressCircleVariants> & {\n    /**\n     * Enables animation effect when value changes\n     */\n    animate?: boolean;\n\n    /**\n     * Duration of the animation in milliseconds\n     */\n    animationDuration?: number;\n\n    /**\n     * CSS class to customize the entire component\n     */\n    className?: string;\n\n    /**\n     * CSS classes to customize specific parts of the component\n     */\n    classNames?: {\n      /**\n       * Class for the progress indicator\n       */\n      indicator?: string;\n\n      /**\n       * Class for the label in the center of the circle\n       */\n      label?: string;\n\n      /**\n       * Class for the root element of the component\n       */\n      root?: string;\n\n      /**\n       * Class for the SVG element\n       */\n      svg?: string;\n\n      /**\n       * Class for the circle track\n       */\n      track?: string;\n    };\n\n    /**\n     * Custom function to render content in the center of the circle\n     * @param value - Current value of the component\n     * @returns React element to display in the center of the circle\n     */\n    customLabel?: ({ value }: { value: number }) => JSX.Element;\n\n    /**\n     * Display the numeric value in the center of the circle\n     */\n    showValue?: boolean;\n\n    /**\n     * Custom size in pixels\n     * When provided, this value overrides the size variant option\n     */\n    sizeInPixels?: number;\n  }): JSX.Element {\n  const displayValue = useAnimatedValue(value, animationDuration, animate);\n\n  const actualSize = useMemo(() => sizeInPixels || getActualSize(size), [sizeInPixels, size]);\n\n  const actualThickness = useMemo(\n    () => strokeWidth || getStrokeWidth(thickness, actualSize),\n    [strokeWidth, thickness, actualSize],\n  );\n\n  const slots = useMemo(() => progressCircleVariants({ variant, size, thickness }), [variant, size, thickness]);\n\n  const shouldShowLabel = showValue || Boolean(customLabel);\n\n  const renderLabel = useCallback(() => {\n    if (customLabel) {\n      return customLabel({ value: displayValue });\n    }\n\n    return `${displayValue}%`;\n  }, [customLabel, displayValue]);\n\n  return (\n    <ProgressCirclePrimitive.Provider size={actualSize} strokeWidth={actualThickness} value={value} {...props}>\n      <ProgressCirclePrimitive.Root className={slots.root({ className: [className, classNames?.root] })}>\n        <ProgressCirclePrimitive.SVG className={slots.svg({ className: classNames?.svg })}>\n          <ProgressCirclePrimitive.Track className={slots.track({ className: classNames?.track })} />\n          <ProgressCirclePrimitive.Indicator\n            className={slots.indicator({ className: classNames?.indicator })}\n            style={\n              {\n                transitionDuration: `${animationDuration}ms`,\n                transitionProperty: \"stroke-dashoffset\",\n              } as CSSProperties\n            }\n          />\n        </ProgressCirclePrimitive.SVG>\n        {shouldShowLabel ? (\n          <ProgressCirclePrimitive.Value className={slots.label({ className: classNames?.label })}>\n            {renderLabel()}\n          </ProgressCirclePrimitive.Value>\n        ) : null}\n      </ProgressCirclePrimitive.Root>\n    </ProgressCirclePrimitive.Provider>\n  );\n}\n\nProgressCircle.displayName = \"ProgressCircle\";\n\n/* -----------------------------------------------------------------------------\n * Helpers\n * -------------------------------------------------------------------------- */\n\n/**\n * Maps size variants to actual pixel sizes\n */\nconst getActualSize = (size?: VariantProps<typeof progressCircleVariants>[\"size\"]): number => {\n  const sizeMap: Record<NonNullable<typeof size>, number> = {\n    sm: 32,\n    md: 48,\n    lg: 64,\n    xl: 96,\n    \"2xl\": 128,\n  };\n\n  return size ? sizeMap[size] : 48;\n};\n\n/**\n * Calculates stroke width based on thickness variant and circle size\n */\nconst getStrokeWidth = (thickness: VariantProps<typeof progressCircleVariants>[\"thickness\"], size: number): number => {\n  const thicknessMap: Record<NonNullable<typeof thickness>, number> = {\n    thin: Math.max(2, size * 0.025),\n    regular: Math.max(3, size * 0.05),\n    thick: Math.max(4, size * 0.075),\n  };\n\n  return thickness ? thicknessMap[thickness] : Math.max(3, size * 0.05);\n};\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ProgressCircle };\n"],"names":["ProgressCircle","value","classNames","customLabel","showValue","variant","size","sizeInPixels","thickness","animate","animationDuration","className","strokeWidth","props","displayValue","useAnimatedValue","actualSize","useMemo","getActualSize","actualThickness","getStrokeWidth","slots","progressCircleVariants","shouldShowLabel","Boolean","renderLabel","useCallback","ProgressCirclePrimitive","sizeMap","thicknessMap","Math"],"mappings":";6UAgBA,SAASA,EAAe,CACtBC,MAAAA,EAAQ,CAAC,CACTC,WAAAA,CAAU,CACVC,YAAAA,CAAW,CACXC,UAAAA,EAAY,EAAK,CACjBC,QAAAA,EAAU,SAAS,CACnBC,KAAAA,CAAI,CACJC,aAAAA,CAAY,CACZC,UAAAA,EAAY,SAAS,CACrBC,QAAAA,EAAU,EAAI,CACdC,kBAAAA,EAAoB,GAAI,CACxBC,UAAAA,CAAS,CACTC,YAAAA,CAAW,CACX,GAAGC,EAiEF,EACD,IAAMC,EAAeC,EAAiBd,EAAOS,EAAmBD,GAE1DO,EAAaC,EAAQ,IAAMV,GAAgBW,EAAcZ,GAAO,CAACC,EAAcD,EAAK,EAEpFa,EAAkBF,EACtB,IAAML,GAAeQ,EAAeZ,EAAWQ,GAC/C,CAACJ,EAAaJ,EAAWQ,EAAW,EAGhCK,EAAQJ,EAAQ,IAAMK,EAAuB,CAAEjB,QAAAA,EAASC,KAAAA,EAAME,UAAAA,CAAU,GAAI,CAACH,EAASC,EAAME,EAAU,EAEtGe,EAAkBnB,GAAaoB,EAAQrB,EAEvCsB,EAAcC,EAAY,IAC9B,EACSvB,EAAY,CAAE,MAAOW,CAAa,GAGpC,CAAC,EAAEA,EAAa,CAAC,CAAC,CACxB,CAACX,EAAaW,EAAa,EAE9B,OACE,EAACa,EAAgC,CAAC,KAAMX,EAAY,YAAaG,EAAiB,MAAOlB,EAAQ,GAAGY,CAAK,C,SACvG,EAACc,EAA4B,CAAC,UAAWN,EAAM,IAAI,CAAC,CAAE,UAAW,CAACV,EAAWT,GAAY,KAAK,G,UAC5F,EAACyB,EAA2B,CAAC,UAAWN,EAAM,GAAG,CAAC,CAAE,UAAWnB,GAAY,GAAI,G,UAC7E,EAACyB,EAA6B,CAAC,UAAWN,EAAM,KAAK,CAAC,CAAE,UAAWnB,GAAY,KAAM,E,GACrF,EAACyB,EAAiC,CAChC,UAAWN,EAAM,SAAS,CAAC,CAAE,UAAWnB,GAAY,SAAU,GAC9D,MACE,CACE,mBAAoB,CAAC,EAAEQ,EAAkB,EAAE,CAAC,CAC5C,mBAAoB,mBACtB,C,MAILa,EACC,EAACI,EAA6B,CAAC,UAAWN,EAAM,KAAK,CAAC,CAAE,UAAWnB,GAAY,KAAM,G,SAClFuB,G,GAED,K,IAIZ,CAEAzB,EAAe,WAAW,CAAG,iBAS7B,IAAMkB,EAAgB,GASbZ,EAAOsB,EAPZ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,GACT,EAEqB,CAACtB,EAAK,CAAG,GAM1Bc,EAAiB,CAACZ,EAAqEF,IAOpFE,EAAYqB,EALjB,KAAMC,KAAK,GAAG,CAAC,EAAGxB,KAAAA,GAClB,QAASwB,KAAK,GAAG,CAAC,EAAGxB,IAAAA,GACrB,MAAOwB,KAAK,GAAG,CAAC,EAAGxB,KAAAA,EACrB,EAE+B,CAACE,EAAU,CAAGsB,KAAK,GAAG,CAAC,EAAGxB,IAAAA,U"}

package/dist/esm/components/progress.js

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

package/dist/esm/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/progress.js","sources":["webpack://@codefast/ui/./src/components/progress.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\nfunction Progress({ className, value, ...props }: ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element {\n  return (\n    <ProgressPrimitive.Root\n      className={cn(\"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\", className)}\n      data-slot=\"progress\"\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        className=\"bg-primary size-full flex-1 transition-all\"\n        data-slot=\"progress-indicator\"\n        style={{\n          transform: `translateX(-${String(100 - (value ?? 0))}%)`,\n        }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress };\n"],"names":["Progress","className","value","props","ProgressPrimitive","cn","String"],"mappings":";iHAYA,SAASA,EAAS,CAAEC,UAAAA,CAAS,CAAEC,MAAAA,CAAK,CAAE,GAAGC,EAAsD,EAC7F,MACE,UAACC,EAAAA,IAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,iEAAkEJ,GAChF,YAAU,WACT,GAAGE,CAAK,C,SAET,UAACC,EAAAA,SAA2B,EAC1B,UAAU,6CACV,YAAU,qBACV,MAAO,CACL,UAAW,CAAC,YAAY,EAAEE,OAAO,IAAOJ,CAAAA,GAAS,IAAI,EAAE,CAAC,C,IAKlE,Q"}
+{"version":3,"file":"components/progress.js","sources":["webpack://@codefast/ui/./src/components/progress.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\nfunction Progress({ className, value, ...props }: ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element {\n  return (\n    <ProgressPrimitive.Root\n      className={cn(\"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\", className)}\n      data-slot=\"progress\"\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        className=\"bg-primary size-full flex-1 transition-all\"\n        data-slot=\"progress-indicator\"\n        style={{\n          transform: `translateX(-${String(100 - (value ?? 0))}%)`,\n        }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress };\n"],"names":["Progress","className","value","props","ProgressPrimitive","cn","String"],"mappings":";4IAYA,SAASA,EAAS,CAAEC,UAAAA,CAAS,CAAEC,MAAAA,CAAK,CAAE,GAAGC,EAAsD,EAC7F,OACE,EAACC,EAAsB,CACrB,UAAWC,EAAG,iEAAkEJ,GAChF,YAAU,WACT,GAAGE,CAAK,C,SAET,EAACC,EAA2B,CAC1B,UAAU,6CACV,YAAU,qBACV,MAAO,CACL,UAAW,CAAC,YAAY,EAAEE,OAAO,IAAOJ,CAAAA,GAAS,IAAI,EAAE,CAAC,C,IAKlE,Q"}

package/dist/esm/components/quote.js

@@ -1,3 +1,3 @@
 "use client";
-import*as t from"react/jsx-runtime";import*as o from"@radix-ui/react-slot";function r({asChild:r,...e}){let a=r?o.Slot:"q";return(0,t.jsx)(a,{"data-slot":"quote",...e})}export{r as Quote};
+import{jsx as t}from"react/jsx-runtime";import{Slot as r}from"@radix-ui/react-slot";function o({asChild:o,...e}){return t(o?r:"q",{"data-slot":"quote",...e})}export{o as Quote};
 //# sourceMappingURL=quote.js.map

package/dist/esm/components/quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/quote.js","sources":["webpack://@codefast/ui/./src/components/quote.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Quote\n * -------------------------------------------------------------------------- */\n\nfunction Quote({\n  asChild,\n  ...props\n}: ComponentProps<\"q\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"q\";\n\n  return <Component data-slot=\"quote\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Quote };\n"],"names":["Quote","asChild","props","Component","Slot"],"mappings":";2EAUA,SAASA,EAAM,CACbC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EACC,IAAMC,EAAYF,EAAUG,EAAAA,IAAIA,CAAG,IAEnC,MAAO,UAACD,EAAAA,CAAU,YAAU,QAAS,GAAGD,CAAK,EAC/C,Q"}
+{"version":3,"file":"components/quote.js","sources":["webpack://@codefast/ui/./src/components/quote.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Quote\n * -------------------------------------------------------------------------- */\n\nfunction Quote({\n  asChild,\n  ...props\n}: ComponentProps<\"q\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"q\";\n\n  return <Component data-slot=\"quote\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Quote };\n"],"names":["Quote","asChild","props","Slot","Component"],"mappings":";oFAUA,SAASA,EAAM,CACbC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EAGC,OAAO,EAFWD,EAAUE,EAAO,IAE3BC,CAAU,YAAU,QAAS,GAAGF,CAAK,EAC/C,Q"}

package/dist/esm/components/radio-cards.js

@@ -1,3 +1,3 @@
 "use client";
-import*as r from"react/jsx-runtime";import*as a from"@radix-ui/react-radio-group";import*as i from"./label.js";import*as e from"../lib/utils.js";function s(i){return(0,r.jsx)(a.Root,{"data-slot":"radio-cards",...i})}function o({className:s,children:o,...d}){return(0,r.jsxs)(i.Label,{className:"border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition","data-slot":"radio-card",children:[(0,r.jsx)(a.Item,{className:(0,e.cn)("border-input text-primary-foreground shadow-xs outline-hidden focus-visible:not-aria-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-full border transition",s),"data-slot":"radio-card-item",...d,children:(0,r.jsx)(a.Indicator,{className:"bg-background size-1 rounded-full","data-slot":"radio-card-indicator"})}),o]})}export{s as RadioCards,o as RadioCardsItem};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Indicator as a,Item as e,Root as d}from"@radix-ui/react-radio-group";import{Label as o}from"./label.js";import{cn as s}from"../lib/utils.js";function t(i){return r(d,{"data-slot":"radio-cards",...i})}function c({className:d,children:t,...c}){return i(o,{className:"border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition","data-slot":"radio-card",children:[r(e,{className:s("border-input text-primary-foreground shadow-xs outline-hidden focus-visible:not-aria-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-full border transition",d),"data-slot":"radio-card-item",...c,children:r(a,{className:"bg-background size-1 rounded-full","data-slot":"radio-card-indicator"})}),t]})}export{t as RadioCards,c as RadioCardsItem};
 //# sourceMappingURL=radio-cards.js.map

package/dist/esm/components/radio-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/radio-cards.js","sources":["webpack://@codefast/ui/./src/components/radio-cards.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nimport { Label } from \"@/components/label\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCards\n * -------------------------------------------------------------------------- */\n\nfunction RadioCards(props: ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-cards\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCardsItem\n * -------------------------------------------------------------------------- */\n\nfunction RadioCardsItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element {\n  return (\n    <Label\n      className=\"border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition\"\n      data-slot=\"radio-card\"\n    >\n      <RadioGroupPrimitive.Item\n        className={cn(\n          \"border-input text-primary-foreground shadow-xs outline-hidden focus-visible:not-aria-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-full border transition\",\n          className,\n        )}\n        data-slot=\"radio-card-item\"\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"bg-background size-1 rounded-full\" data-slot=\"radio-card-indicator\" />\n      </RadioGroupPrimitive.Item>\n      {children}\n    </Label>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioCards, RadioCardsItem };\n"],"names":["RadioCards","props","RadioGroupPrimitive","RadioCardsItem","className","children","Label","cn"],"mappings":";iJAaA,SAASA,EAAWC,CAAsD,EACxE,MAAO,UAACC,EAAAA,IAAwB,EAAC,YAAU,cAAe,GAAGD,CAAK,EACpE,CAMA,SAASE,EAAe,CACtBC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACR,GAAGJ,EAC6C,EAChD,MACE,WAACK,EAAAA,KAAKA,CAAAA,CACJ,UAAU,qPACV,YAAU,a,UAEV,UAACJ,EAAAA,IAAwB,EACvB,UAAWK,GAAAA,EAAAA,EAAAA,EACT,gZACAH,GAEF,YAAU,kBACT,GAAGH,CAAK,C,SAET,UAACC,EAAAA,SAA6B,EAAC,UAAU,oCAAoC,YAAU,sB,KAExFG,E,EAGP,Q"}
+{"version":3,"file":"components/radio-cards.js","sources":["webpack://@codefast/ui/./src/components/radio-cards.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nimport { Label } from \"@/components/label\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCards\n * -------------------------------------------------------------------------- */\n\nfunction RadioCards(props: ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-cards\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: RadioCardsItem\n * -------------------------------------------------------------------------- */\n\nfunction RadioCardsItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element {\n  return (\n    <Label\n      className=\"border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition\"\n      data-slot=\"radio-card\"\n    >\n      <RadioGroupPrimitive.Item\n        className={cn(\n          \"border-input text-primary-foreground shadow-xs outline-hidden focus-visible:not-aria-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-full border transition\",\n          className,\n        )}\n        data-slot=\"radio-card-item\"\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"bg-background size-1 rounded-full\" data-slot=\"radio-card-indicator\" />\n      </RadioGroupPrimitive.Item>\n      {children}\n    </Label>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioCards, RadioCardsItem };\n"],"names":["RadioCards","props","RadioGroupPrimitive","RadioCardsItem","className","children","Label","cn"],"mappings":";sMAaA,SAASA,EAAWC,CAAsD,EACxE,OAAO,EAACC,EAAwB,CAAC,YAAU,cAAe,GAAGD,CAAK,EACpE,CAMA,SAASE,EAAe,CACtBC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACR,GAAGJ,EAC6C,EAChD,OACE,EAACK,EAAKA,CACJ,UAAU,qPACV,YAAU,a,UAEV,EAACJ,EAAwB,CACvB,UAAWK,EACT,gZACAH,GAEF,YAAU,kBACT,GAAGH,CAAK,C,SAET,EAACC,EAA6B,CAAC,UAAU,oCAAoC,YAAU,sB,KAExFG,E,EAGP,Q"}

package/dist/esm/components/radio-group.js

@@ -1,3 +1,3 @@
 "use client";
-import*as r from"react/jsx-runtime";import*as i from"@radix-ui/react-radio-group";import*as a from"../lib/utils.js";function e({className:e,...d}){return(0,r.jsx)(i.Root,{className:(0,a.cn)("grid gap-2",e),"data-slot":"radio-group",...d})}function d({className:e,...d}){return(0,r.jsx)(i.Item,{className:(0,a.cn)("border-input shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border transition disabled:opacity-50",e),"data-slot":"radio-group-item",...d,children:(0,r.jsx)(i.Indicator,{className:"bg-background size-1 rounded-full","data-slot":"radio-group-indicator"})})}export{e as RadioGroup,d as RadioGroupItem};
+import{jsx as r}from"react/jsx-runtime";import{Indicator as i,Item as e,Root as a}from"@radix-ui/react-radio-group";import{cn as d}from"../lib/utils.js";function o({className:i,...e}){return r(a,{className:d("grid gap-2",i),"data-slot":"radio-group",...e})}function t({className:a,...o}){return r(e,{className:d("border-input shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border transition disabled:opacity-50",a),"data-slot":"radio-group-item",...o,children:r(i,{className:"bg-background size-1 rounded-full","data-slot":"radio-group-indicator"})})}export{o as RadioGroup,t as RadioGroupItem};
 //# sourceMappingURL=radio-group.js.map

package/dist/esm/components/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/radio-group.js","sources":["webpack://@codefast/ui/./src/components/radio-group.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\nfunction RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element {\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} data-slot=\"radio-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\nfunction RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        \"border-input shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border transition disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"radio-group-item\"\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"bg-background size-1 rounded-full\" data-slot=\"radio-group-indicator\" />\n    </RadioGroupPrimitive.Item>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroup","className","props","RadioGroupPrimitive","cn","RadioGroupItem"],"mappings":";oHAYA,SAASA,EAAW,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAwD,EAC1F,MAAO,UAACC,EAAAA,IAAwB,EAAC,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,aAAcH,GAAY,YAAU,cAAe,GAAGC,CAAK,EAC5G,CAMA,SAASG,EAAe,CAAEJ,UAAAA,CAAS,CAAE,GAAGC,EAAwD,EAC9F,MACE,UAACC,EAAAA,IAAwB,EACvB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,4oBACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,C,SAET,UAACC,EAAAA,SAA6B,EAAC,UAAU,oCAAoC,YAAU,uB,IAG7F,Q"}
+{"version":3,"file":"components/radio-group.js","sources":["webpack://@codefast/ui/./src/components/radio-group.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\nfunction RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element {\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} data-slot=\"radio-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\nfunction RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        \"border-input shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border transition disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"radio-group-item\"\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"bg-background size-1 rounded-full\" data-slot=\"radio-group-indicator\" />\n    </RadioGroupPrimitive.Item>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroup","className","props","RadioGroupPrimitive","cn","RadioGroupItem"],"mappings":";yJAYA,SAASA,EAAW,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAwD,EAC1F,OAAO,EAACC,EAAwB,CAAC,UAAWC,EAAG,aAAcH,GAAY,YAAU,cAAe,GAAGC,CAAK,EAC5G,CAMA,SAASG,EAAe,CAAEJ,UAAAA,CAAS,CAAE,GAAGC,EAAwD,EAC9F,OACE,EAACC,EAAwB,CACvB,UAAWC,EACT,4oBACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,C,SAET,EAACC,EAA6B,CAAC,UAAU,oCAAoC,YAAU,uB,IAG7F,Q"}

package/dist/esm/components/radio.js

@@ -1,3 +1,3 @@
 "use client";
-import*as e from"react/jsx-runtime";import*as r from"@radix-ui/primitive";import*as i from"../lib/utils.js";function a({className:a,onChange:d,onValueChange:t,...n}){return(0,e.jsx)("input",{className:(0,i.cn)("border-input shadow-xs outline-hidden hover:not-disabled:not-checked:border-ring/60 focus-visible:not-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:checked:ring-primary/20 dark:focus-visible:checked:ring-primary/40 checked:border-primary checked:bg-primary checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-checked:aria-invalid:border-destructive/60 after:bg-background dark:not-checked:after:bg-input/30 peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border after:size-full after:rounded-full after:transition-[width,height] checked:after:size-1 disabled:opacity-50",a),"data-slot":"radio",type:"radio",onChange:(0,r.composeEventHandlers)(d,e=>t?.(e.currentTarget.value)),...n})}export{a as Radio};
+import{jsx as e}from"react/jsx-runtime";import{composeEventHandlers as i}from"@radix-ui/primitive";import{cn as r}from"../lib/utils.js";function a({className:a,onChange:d,onValueChange:t,...n}){return e("input",{className:r("border-input shadow-xs outline-hidden hover:not-disabled:not-checked:border-ring/60 focus-visible:not-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:checked:ring-primary/20 dark:focus-visible:checked:ring-primary/40 checked:border-primary checked:bg-primary checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-checked:aria-invalid:border-destructive/60 after:bg-background dark:not-checked:after:bg-input/30 peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border after:size-full after:rounded-full after:transition-[width,height] checked:after:size-1 disabled:opacity-50",a),"data-slot":"radio",type:"radio",onChange:i(d,e=>t?.(e.currentTarget.value)),...n})}export{a as Radio};
 //# sourceMappingURL=radio.js.map

package/dist/esm/components/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/radio.js","sources":["webpack://@codefast/ui/./src/components/radio.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Radio\n * -------------------------------------------------------------------------- */\n\nfunction Radio({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<ComponentProps<\"input\">, \"type\"> & {\n  onValueChange?: (value: string) => void;\n}): JSX.Element {\n  return (\n    <input\n      className={cn(\n        \"border-input shadow-xs outline-hidden hover:not-disabled:not-checked:border-ring/60 focus-visible:not-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:checked:ring-primary/20 dark:focus-visible:checked:ring-primary/40 checked:border-primary checked:bg-primary checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-checked:aria-invalid:border-destructive/60 after:bg-background dark:not-checked:after:bg-input/30 peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border after:size-full after:rounded-full after:transition-[width,height] checked:after:size-1 disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"radio\"\n      type=\"radio\"\n      onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Radio };\n"],"names":["Radio","className","onChange","onValueChange","props","cn","composeEventHandlers","event"],"mappings":";4GAYA,SAASA,EAAM,CACbC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,cAAAA,CAAa,CACb,GAAGC,EAGJ,EACC,MACE,UAAC,SACC,UAAWC,GAAAA,EAAAA,EAAAA,EACT,wvBACAJ,GAEF,YAAU,QACV,KAAK,QACL,SAAUK,GAAAA,EAAAA,oBAAAA,EAAqBJ,EAAU,GAAWC,IAAgBI,EAAM,aAAa,CAAC,KAAK,GAC5F,GAAGH,CAAK,EAGf,Q"}
+{"version":3,"file":"components/radio.js","sources":["webpack://@codefast/ui/./src/components/radio.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Radio\n * -------------------------------------------------------------------------- */\n\nfunction Radio({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<ComponentProps<\"input\">, \"type\"> & {\n  onValueChange?: (value: string) => void;\n}): JSX.Element {\n  return (\n    <input\n      className={cn(\n        \"border-input shadow-xs outline-hidden hover:not-disabled:not-checked:border-ring/60 focus-visible:not-checked:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:checked:ring-primary/20 dark:focus-visible:checked:ring-primary/40 checked:border-primary checked:bg-primary checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-checked:aria-invalid:border-destructive/60 after:bg-background dark:not-checked:after:bg-input/30 peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border after:size-full after:rounded-full after:transition-[width,height] checked:after:size-1 disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"radio\"\n      type=\"radio\"\n      onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Radio };\n"],"names":["Radio","className","onChange","onValueChange","props","cn","composeEventHandlers","event"],"mappings":";wIAYA,SAASA,EAAM,CACbC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,cAAAA,CAAa,CACb,GAAGC,EAGJ,EACC,OACE,EAAC,SACC,UAAWC,EACT,wvBACAJ,GAEF,YAAU,QACV,KAAK,QACL,SAAUK,EAAqBJ,EAAU,GAAWC,IAAgBI,EAAM,aAAa,CAAC,KAAK,GAC5F,GAAGH,CAAK,EAGf,Q"}

package/dist/esm/components/resizable.js

@@ -1,3 +1,3 @@
 "use client";
-import*as e from"react/jsx-runtime";import*as a from"lucide-react";import*as r from"react-resizable-panels";import*as t from"../lib/utils.js";function l({className:a,...l}){return(0,e.jsx)(r.PanelGroup,{className:(0,t.cn)("flex size-full data-[panel-group-direction=vertical]:flex-col",a),"data-slot":"resizable-panel-group",...l})}function i({...a}){return(0,e.jsx)(r.Panel,{"data-slot":"resizable-panel",...a})}function n({className:l,withHandle:i,...n}){return(0,e.jsx)(r.PanelResizeHandle,{className:(0,t.cn)("bg-border focus-visible:bg-ring focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",l),"data-slot":"resizable-handle",...n,children:i?(0,e.jsx)("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",children:(0,e.jsx)(a.GripVerticalIcon,{className:"size-2.5"})}):null})}export{n as ResizableHandle,i as ResizablePanel,l as ResizablePanelGroup};
+import{jsx as e}from"react/jsx-runtime";import{GripVerticalIcon as a}from"lucide-react";import{Panel as r,PanelGroup as t,PanelResizeHandle as i}from"react-resizable-panels";import{cn as l}from"../lib/utils.js";function n({className:a,...r}){return e(t,{className:l("flex size-full data-[panel-group-direction=vertical]:flex-col",a),"data-slot":"resizable-panel-group",...r})}function o({...a}){return e(r,{"data-slot":"resizable-panel",...a})}function s({className:r,withHandle:t,...n}){return e(i,{className:l("bg-border focus-visible:bg-ring focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",r),"data-slot":"resizable-handle",...n,children:t?e("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",children:e(a,{className:"size-2.5"})}):null})}export{s as ResizableHandle,o as ResizablePanel,n as ResizablePanelGroup};
 //# sourceMappingURL=resizable.js.map

package/dist/esm/components/resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/resizable.js","sources":["webpack://@codefast/ui/./src/components/resizable.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { GripVerticalIcon } from \"lucide-react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element {\n  return (\n    <ResizablePrimitive.PanelGroup\n      className={cn(\"flex size-full data-[panel-group-direction=vertical]:flex-col\", className)}\n      data-slot=\"resizable-panel-group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanel({ ...props }: ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n  className,\n  withHandle,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}): JSX.Element {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      className={cn(\n        \"bg-border focus-visible:bg-ring focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n        className,\n      )}\n      data-slot=\"resizable-handle\"\n      {...props}\n    >\n      {withHandle ? (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      ) : null}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"names":["ResizablePanelGroup","className","props","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","GripVerticalIcon"],"mappings":";8IAaA,SAASA,EAAoB,CAC3BC,UAAAA,CAAS,CACT,GAAGC,EACkD,EACrD,MACE,UAACC,EAAAA,UAA6B,EAC5B,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,gEAAiEH,GAC/E,YAAU,wBACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAe,CAAE,GAAGH,EAAwD,EACnF,MAAO,UAACC,EAAAA,KAAwB,EAAC,YAAU,kBAAmB,GAAGD,CAAK,EACxE,CAMA,SAASI,EAAgB,CACvBL,UAAAA,CAAS,CACTM,WAAAA,CAAU,CACV,GAAGL,EAGJ,EACC,MACE,UAACC,EAAAA,iBAAoC,EACnC,UAAWC,GAAAA,EAAAA,EAAAA,EACT,2nBACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,C,SAERK,EACC,UAAC,OAAI,UAAU,4E,SACb,UAACC,EAAAA,gBAAgBA,CAAAA,CAAC,UAAU,U,KAE5B,I,EAGV,Q"}
+{"version":3,"file":"components/resizable.js","sources":["webpack://@codefast/ui/./src/components/resizable.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { GripVerticalIcon } from \"lucide-react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element {\n  return (\n    <ResizablePrimitive.PanelGroup\n      className={cn(\"flex size-full data-[panel-group-direction=vertical]:flex-col\", className)}\n      data-slot=\"resizable-panel-group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanel({ ...props }: ComponentProps<typeof ResizablePrimitive.Panel>): JSX.Element {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n  className,\n  withHandle,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}): JSX.Element {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      className={cn(\n        \"bg-border focus-visible:bg-ring focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 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-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n        className,\n      )}\n      data-slot=\"resizable-handle\"\n      {...props}\n    >\n      {withHandle ? (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      ) : null}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"names":["ResizablePanelGroup","className","props","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","GripVerticalIcon"],"mappings":";mNAaA,SAASA,EAAoB,CAC3BC,UAAAA,CAAS,CACT,GAAGC,EACkD,EACrD,OACE,EAACC,EAA6B,CAC5B,UAAWC,EAAG,gEAAiEH,GAC/E,YAAU,wBACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAe,CAAE,GAAGH,EAAwD,EACnF,OAAO,EAACC,EAAwB,CAAC,YAAU,kBAAmB,GAAGD,CAAK,EACxE,CAMA,SAASI,EAAgB,CACvBL,UAAAA,CAAS,CACTM,WAAAA,CAAU,CACV,GAAGL,EAGJ,EACC,OACE,EAACC,EAAoC,CACnC,UAAWC,EACT,2nBACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,C,SAERK,EACC,EAAC,OAAI,UAAU,4E,SACb,EAACC,EAAgBA,CAAC,UAAU,U,KAE5B,I,EAGV,Q"}

package/dist/esm/components/scroll-area/scroll-area-scrollbar-variants.js

@@ -1,2 +1,2 @@
-import*as a from"../../lib/utils.js";let e=(0,a.tv)({base:"flex touch-none select-none p-px transition-colors",compoundVariants:[{className:"w-1.5",orientation:"vertical",size:"sm"},{className:"w-2",orientation:"vertical",size:"md"},{className:"w-2.5",orientation:"vertical",size:"lg"},{className:"h-1.5",orientation:"horizontal",size:"sm"},{className:"h-2",orientation:"horizontal",size:"md"},{className:"h-2.5",orientation:"horizontal",size:"lg"}],variants:{orientation:{horizontal:"w-full flex-col border-t border-t-transparent",vertical:"h-full flex-row border-l border-l-transparent"},size:{none:"",sm:"",md:"",lg:""}},defaultVariants:{size:"md",vertical:"vertical"}});export{e as scrollAreaScrollbarVariants};
+import{tv as a}from"../../lib/utils.js";let e=a({base:"flex touch-none select-none p-px transition-colors",compoundVariants:[{className:"w-1.5",orientation:"vertical",size:"sm"},{className:"w-2",orientation:"vertical",size:"md"},{className:"w-2.5",orientation:"vertical",size:"lg"},{className:"h-1.5",orientation:"horizontal",size:"sm"},{className:"h-2",orientation:"horizontal",size:"md"},{className:"h-2.5",orientation:"horizontal",size:"lg"}],variants:{orientation:{horizontal:"w-full flex-col border-t border-t-transparent",vertical:"h-full flex-row border-l border-l-transparent"},size:{none:"",sm:"",md:"",lg:""}},defaultVariants:{size:"md",vertical:"vertical"}});export{e as scrollAreaScrollbarVariants};
 //# sourceMappingURL=scroll-area-scrollbar-variants.js.map

package/dist/esm/components/scroll-area/scroll-area-scrollbar-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/scroll-area/scroll-area-scrollbar-variants.js","sources":["webpack://@codefast/ui/./src/components/scroll-area/scroll-area-scrollbar-variants.tsx"],"sourcesContent":["import { tv } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nconst scrollAreaScrollbarVariants = tv({\n  base: \"flex touch-none select-none p-px transition-colors\",\n  compoundVariants: [\n    {\n      className: \"w-1.5\",\n      orientation: \"vertical\",\n      size: \"sm\",\n    },\n    {\n      className: \"w-2\",\n      orientation: \"vertical\",\n      size: \"md\",\n    },\n    {\n      className: \"w-2.5\",\n      orientation: \"vertical\",\n      size: \"lg\",\n    },\n    {\n      className: \"h-1.5\",\n      orientation: \"horizontal\",\n      size: \"sm\",\n    },\n    {\n      className: \"h-2\",\n      orientation: \"horizontal\",\n      size: \"md\",\n    },\n    {\n      className: \"h-2.5\",\n      orientation: \"horizontal\",\n      size: \"lg\",\n    },\n  ],\n  variants: {\n    orientation: {\n      horizontal: \"w-full flex-col border-t border-t-transparent\",\n      vertical: \"h-full flex-row border-l border-l-transparent\",\n    },\n    size: {\n      none: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    vertical: \"vertical\",\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { scrollAreaScrollbarVariants };\n"],"names":["scrollAreaScrollbarVariants","tv"],"mappings":"qCAMA,IAAMA,EAA8BC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACrC,KAAM,qDACN,iBAAkB,CAChB,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACD,CACD,SAAU,CACR,YAAa,CACX,WAAY,gDACZ,SAAU,+CACZ,EACA,KAAM,CACJ,KAAM,GACN,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,CACF,EACA,gBAAiB,CACf,KAAM,KACN,SAAU,UACZ,CACF,U"}
+{"version":3,"file":"components/scroll-area/scroll-area-scrollbar-variants.js","sources":["webpack://@codefast/ui/./src/components/scroll-area/scroll-area-scrollbar-variants.tsx"],"sourcesContent":["import { tv } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nconst scrollAreaScrollbarVariants = tv({\n  base: \"flex touch-none select-none p-px transition-colors\",\n  compoundVariants: [\n    {\n      className: \"w-1.5\",\n      orientation: \"vertical\",\n      size: \"sm\",\n    },\n    {\n      className: \"w-2\",\n      orientation: \"vertical\",\n      size: \"md\",\n    },\n    {\n      className: \"w-2.5\",\n      orientation: \"vertical\",\n      size: \"lg\",\n    },\n    {\n      className: \"h-1.5\",\n      orientation: \"horizontal\",\n      size: \"sm\",\n    },\n    {\n      className: \"h-2\",\n      orientation: \"horizontal\",\n      size: \"md\",\n    },\n    {\n      className: \"h-2.5\",\n      orientation: \"horizontal\",\n      size: \"lg\",\n    },\n  ],\n  variants: {\n    orientation: {\n      horizontal: \"w-full flex-col border-t border-t-transparent\",\n      vertical: \"h-full flex-row border-l border-l-transparent\",\n    },\n    size: {\n      none: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    vertical: \"vertical\",\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { scrollAreaScrollbarVariants };\n"],"names":["scrollAreaScrollbarVariants","tv"],"mappings":"wCAMA,IAAMA,EAA8BC,EAAG,CACrC,KAAM,qDACN,iBAAkB,CAChB,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,WACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,MACX,YAAa,aACb,KAAM,IACR,EACA,CACE,UAAW,QACX,YAAa,aACb,KAAM,IACR,EACD,CACD,SAAU,CACR,YAAa,CACX,WAAY,gDACZ,SAAU,+CACZ,EACA,KAAM,CACJ,KAAM,GACN,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,CACF,EACA,gBAAiB,CACf,KAAM,KACN,SAAU,UACZ,CACF,U"}

package/dist/esm/components/scroll-area/scroll-area.js

@@ -1,3 +1,3 @@
 "use client";
-import*as r from"react/jsx-runtime";import*as l from"@radix-ui/react-context";import*as a from"@radix-ui/react-scroll-area";import*as o from"./scroll-area-scrollbar-variants.js";import*as e from"../../lib/utils.js";let i="ScrollArea",[t]=(0,l.createContextScope)(i),[s,c]=t(i);function n({__scopeScrollArea:l,children:o,className:i,size:t,...c}){return(0,r.jsx)(s,{scope:l,size:t,children:(0,r.jsxs)(a.Root,{className:(0,e.cn)("relative",i),"data-slot":"scroll-area",...c,children:[(0,r.jsx)(a.Viewport,{className:"outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:outline-1 focus-visible:ring-4","data-slot":"scroll-area-viewport",children:o}),(0,r.jsx)(u,{orientation:"vertical"}),(0,r.jsx)(u,{orientation:"horizontal"}),(0,r.jsx)(a.Corner,{})]})})}function u({__scopeScrollArea:l,className:e,orientation:t,...s}){let{size:n}=c(i,l);return(0,r.jsx)(a.Scrollbar,{className:(0,o.scrollAreaScrollbarVariants)({className:e,orientation:t,size:n}),"data-slot":"scroll-area-scrollbar",orientation:t,...s,children:(0,r.jsx)(a.ScrollAreaThumb,{className:"bg-border relative flex-1 rounded-full"})})}export{n as ScrollArea,u as ScrollAreaScrollbar};
+import{jsx as r,jsxs as l}from"react/jsx-runtime";import{createContextScope as e}from"@radix-ui/react-context";import{Corner as i,Root as o,ScrollAreaThumb as a,Scrollbar as t,Viewport as n}from"@radix-ui/react-scroll-area";import{scrollAreaScrollbarVariants as s}from"./scroll-area-scrollbar-variants.js";import{cn as c}from"../../lib/utils.js";let u="ScrollArea",[m]=e(u),[d,f]=m(u);function b({__scopeScrollArea:e,children:a,className:t,size:s,...u}){return r(d,{scope:e,size:s,children:l(o,{className:c("relative",t),"data-slot":"scroll-area",...u,children:[r(n,{className:"outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:outline-1 focus-visible:ring-4","data-slot":"scroll-area-viewport",children:a}),r(p,{orientation:"vertical"}),r(p,{orientation:"horizontal"}),r(i,{})]})})}function p({__scopeScrollArea:l,className:e,orientation:i,...o}){let{size:n}=f(u,l);return r(t,{className:s({className:e,orientation:i,size:n}),"data-slot":"scroll-area-scrollbar",orientation:i,...o,children:r(a,{className:"bg-border relative flex-1 rounded-full"})})}export{b as ScrollArea,p as ScrollAreaScrollbar};
 //# sourceMappingURL=scroll-area.js.map

package/dist/esm/components/scroll-area/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/scroll-area/scroll-area.js","sources":["webpack://@codefast/ui/./src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["\n\nimport type { Scope } from \"@radix-ui/react-context\";\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { scrollAreaScrollbarVariants } from \"@/components/scroll-area/scroll-area-scrollbar-variants\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst SCROLL_AREA_NAME = \"ScrollArea\";\n\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope };\n\nconst [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);\n\ntype ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, \"size\">;\n\nconst [ScrollAreaContextProvider, useScrollAreaContext] =\n  createScrollAreaContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nfunction ScrollArea({\n  __scopeScrollArea,\n  children,\n  className,\n  size,\n  ...props\n}: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>): JSX.Element {\n  return (\n    <ScrollAreaContextProvider scope={__scopeScrollArea} size={size}>\n      <ScrollAreaPrimitive.Root className={cn(\"relative\", className)} data-slot=\"scroll-area\" {...props}>\n        <ScrollAreaPrimitive.Viewport\n          className=\"outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:outline-1 focus-visible:ring-4\"\n          data-slot=\"scroll-area-viewport\"\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation=\"vertical\" />\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </ScrollAreaContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nfunction ScrollAreaScrollbar({\n  __scopeScrollArea,\n  className,\n  orientation,\n  ...props\n}: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>): JSX.Element {\n  const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);\n\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      className={scrollAreaScrollbarVariants({ className, orientation, size })}\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar };\n"],"names":["SCROLL_AREA_NAME","createScrollAreaContext","createContextScope","ScrollAreaContextProvider","useScrollAreaContext","ScrollArea","__scopeScrollArea","children","className","size","props","ScrollAreaPrimitive","cn","ScrollAreaScrollbar","orientation","scrollAreaScrollbarVariants"],"mappings":";uNAiBA,IAAMA,EAAmB,aAInB,CAACC,EAAwB,CAAGC,GAAAA,EAAAA,kBAAAA,EAAmBF,GAI/C,CAACG,EAA2BC,EAAqB,CACrDH,EAAgDD,GAMlD,SAASK,EAAW,CAClBC,kBAAAA,CAAiB,CACjBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,KAAAA,CAAI,CACJ,GAAGC,EACmF,EACtF,MACE,UAACP,EAAAA,CAA0B,MAAOG,EAAmB,KAAMG,E,SACzD,WAACE,EAAAA,IAAwB,EAAC,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,WAAYJ,GAAY,YAAU,cAAe,GAAGE,CAAK,C,UAC/F,UAACC,EAAAA,QAA4B,EAC3B,UAAU,gHACV,YAAU,uB,SAETJ,C,GAEH,UAACM,EAAAA,CAAoB,YAAY,U,GACjC,UAACA,EAAAA,CAAoB,YAAY,Y,GACjC,UAACF,EAAAA,MAA0B,K,IAInC,CAMA,SAASE,EAAoB,CAC3BP,kBAAAA,CAAiB,CACjBE,UAAAA,CAAS,CACTM,YAAAA,CAAW,CACX,GAAGJ,EAC+D,EAClE,GAAM,CAAED,KAAAA,CAAI,CAAE,CAAGL,EAAqBJ,EAAkBM,GAExD,MACE,UAACK,EAAAA,SAA6B,EAC5B,UAAWI,GAAAA,EAAAA,2BAAAA,EAA4B,CAAEP,UAAAA,EAAWM,YAAAA,EAAaL,KAAAA,CAAK,GACtE,YAAU,wBACV,YAAaK,EACZ,GAAGJ,CAAK,C,SAET,UAACC,EAAAA,eAAmC,EAAC,UAAU,wC,IAGrD,Q"}
+{"version":3,"file":"components/scroll-area/scroll-area.js","sources":["webpack://@codefast/ui/./src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["\n\nimport type { Scope } from \"@radix-ui/react-context\";\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { scrollAreaScrollbarVariants } from \"@/components/scroll-area/scroll-area-scrollbar-variants\";\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst SCROLL_AREA_NAME = \"ScrollArea\";\n\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope };\n\nconst [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);\n\ntype ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, \"size\">;\n\nconst [ScrollAreaContextProvider, useScrollAreaContext] =\n  createScrollAreaContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nfunction ScrollArea({\n  __scopeScrollArea,\n  children,\n  className,\n  size,\n  ...props\n}: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>): JSX.Element {\n  return (\n    <ScrollAreaContextProvider scope={__scopeScrollArea} size={size}>\n      <ScrollAreaPrimitive.Root className={cn(\"relative\", className)} data-slot=\"scroll-area\" {...props}>\n        <ScrollAreaPrimitive.Viewport\n          className=\"outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:outline-1 focus-visible:ring-4\"\n          data-slot=\"scroll-area-viewport\"\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation=\"vertical\" />\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </ScrollAreaContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nfunction ScrollAreaScrollbar({\n  __scopeScrollArea,\n  className,\n  orientation,\n  ...props\n}: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>): JSX.Element {\n  const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);\n\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      className={scrollAreaScrollbarVariants({ className, orientation, size })}\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar };\n"],"names":["SCROLL_AREA_NAME","createScrollAreaContext","createContextScope","ScrollAreaContextProvider","useScrollAreaContext","ScrollArea","__scopeScrollArea","children","className","size","props","ScrollAreaPrimitive","cn","ScrollAreaScrollbar","orientation","scrollAreaScrollbarVariants"],"mappings":";0VAiBA,IAAMA,EAAmB,aAInB,CAACC,EAAwB,CAAGC,EAAmBF,GAI/C,CAACG,EAA2BC,EAAqB,CACrDH,EAAgDD,GAMlD,SAASK,EAAW,CAClBC,kBAAAA,CAAiB,CACjBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,KAAAA,CAAI,CACJ,GAAGC,EACmF,EACtF,OACE,EAACP,EAAAA,CAA0B,MAAOG,EAAmB,KAAMG,E,SACzD,EAACE,EAAwB,CAAC,UAAWC,EAAG,WAAYJ,GAAY,YAAU,cAAe,GAAGE,CAAK,C,UAC/F,EAACC,EAA4B,CAC3B,UAAU,gHACV,YAAU,uB,SAETJ,C,GAEH,EAACM,EAAAA,CAAoB,YAAY,U,GACjC,EAACA,EAAAA,CAAoB,YAAY,Y,GACjC,EAACF,EAA0B,I,IAInC,CAMA,SAASE,EAAoB,CAC3BP,kBAAAA,CAAiB,CACjBE,UAAAA,CAAS,CACTM,YAAAA,CAAW,CACX,GAAGJ,EAC+D,EAClE,GAAM,CAAED,KAAAA,CAAI,CAAE,CAAGL,EAAqBJ,EAAkBM,GAExD,OACE,EAACK,EAA6B,CAC5B,UAAWI,EAA4B,CAAEP,UAAAA,EAAWM,YAAAA,EAAaL,KAAAA,CAAK,GACtE,YAAU,wBACV,YAAaK,EACZ,GAAGJ,CAAK,C,SAET,EAACC,EAAmC,CAAC,UAAU,wC,IAGrD,Q"}

package/dist/esm/components/section.js

@@ -1,3 +1,3 @@
 "use client";
-import*as t from"react/jsx-runtime";import*as o from"@radix-ui/react-slot";function r({asChild:r,...e}){let i=r?o.Slot:"section";return(0,t.jsx)(i,{"data-slot":"section",...e})}export{r as Section};
+import{jsx as t}from"react/jsx-runtime";import{Slot as o}from"@radix-ui/react-slot";function r({asChild:r,...i}){return t(r?o:"section",{"data-slot":"section",...i})}export{r as Section};
 //# sourceMappingURL=section.js.map

package/dist/esm/components/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/section.js","sources":["webpack://@codefast/ui/./src/components/section.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Section\n * -------------------------------------------------------------------------- */\n\nfunction Section({\n  asChild,\n  ...props\n}: ComponentProps<\"section\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"section\";\n\n  return <Component data-slot=\"section\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Section };\n"],"names":["Section","asChild","props","Component","Slot"],"mappings":";2EAUA,SAASA,EAAQ,CACfC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EACC,IAAMC,EAAYF,EAAUG,EAAAA,IAAIA,CAAG,UAEnC,MAAO,UAACD,EAAAA,CAAU,YAAU,UAAW,GAAGD,CAAK,EACjD,Q"}
+{"version":3,"file":"components/section.js","sources":["webpack://@codefast/ui/./src/components/section.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Section\n * -------------------------------------------------------------------------- */\n\nfunction Section({\n  asChild,\n  ...props\n}: ComponentProps<\"section\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"section\";\n\n  return <Component data-slot=\"section\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Section };\n"],"names":["Section","asChild","props","Slot","Component"],"mappings":";oFAUA,SAASA,EAAQ,CACfC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EAGC,OAAO,EAFWD,EAAUE,EAAO,UAE3BC,CAAU,YAAU,UAAW,GAAGF,CAAK,EACjD,Q"}

package/dist/esm/components/select.js

@@ -1,3 +1,3 @@
 "use client";
-import*as t from"react/jsx-runtime";import*as e from"@radix-ui/react-select";import*as a from"lucide-react";import*as s from"./button/index.js";import*as o from"../lib/utils.js";function l({...a}){return(0,t.jsx)(e.Root,{"data-slot":"select",...a})}function n({...a}){return(0,t.jsx)(e.Group,{"data-slot":"select-group",...a})}function r({...a}){return(0,t.jsx)(e.Value,{"data-slot":"select-value",...a})}function i({children:o,className:l,size:n,...r}){return(0,t.jsxs)(e.Trigger,{className:(0,s.buttonVariants)({className:["[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:ring-3 focus:border-ring w-fit justify-between px-3 font-normal *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate",l],size:n,variant:"outline"}),"data-size":n,"data-slot":"select-trigger",...r,children:[o,(0,t.jsx)(e.Icon,{asChild:!0,className:"size-4 shrink-0 opacity-50",children:(0,t.jsx)(a.ChevronsUpDownIcon,{})})]})}function c({className:s,...l}){return(0,t.jsx)(e.ScrollUpButton,{className:(0,o.cn)("text-muted-foreground flex items-center justify-center py-1",s),"data-slot":"select-scroll-up-button",...l,children:(0,t.jsx)(a.ChevronUpIcon,{size:16})})}function d({className:s,...l}){return(0,t.jsx)(e.ScrollDownButton,{className:(0,o.cn)("text-muted-foreground flex items-center justify-center py-1",s),"data-slot":"select-scroll-down-button",...l,children:(0,t.jsx)(a.ChevronDownIcon,{size:16})})}function u({children:a,className:s,position:l="popper",...n}){return(0,t.jsx)(e.Portal,{children:(0,t.jsxs)(e.Content,{className:(0,o.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-lg border shadow-lg","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",s),"data-slot":"select-content",position:l,...n,children:[(0,t.jsx)(c,{}),(0,t.jsx)(e.Viewport,{className:(0,o.cn)("p-1","popper"===l&&"h-(--radix-select-trigger-height) min-w-(--radix-select-trigger-width) w-full"),children:a}),(0,t.jsx)(d,{})]})})}function p({className:a,...s}){return(0,t.jsx)(e.Label,{className:(0,o.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold",a),"data-slot":"select-label",...s})}function m({children:s,className:l,...n}){return(0,t.jsxs)(e.Item,{className:(0,o.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",l),"data-slot":"select-item",...n,children:[(0,t.jsx)("span",{className:"absolute right-2 flex items-center justify-center",children:(0,t.jsx)(e.ItemIndicator,{children:(0,t.jsx)(a.CheckIcon,{className:"size-4"})})}),(0,t.jsx)(e.ItemText,{children:s})]})}function x({className:a,...s}){return(0,t.jsx)(e.Separator,{className:(0,o.cn)("bg-border mx-2 my-1 h-px",a),"data-slot":"select-separator",...s})}export{l as Select,u as SelectContent,n as SelectGroup,m as SelectItem,p as SelectLabel,d as SelectScrollDownButton,c as SelectScrollUpButton,x as SelectSeparator,i as SelectTrigger,r as SelectValue};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Content as a,Group as s,Icon as o,Item as l,ItemIndicator as r,ItemText as n,Label as i,Portal as d,Root as c,ScrollDownButton as u,ScrollUpButton as m,Separator as p,Trigger as f,Value as g,Viewport as x}from"@radix-ui/react-select";import{CheckIcon as h,ChevronDownIcon as b,ChevronUpIcon as v,ChevronsUpDownIcon as y}from"lucide-react";import{buttonVariants as S}from"./button/index.js";import{cn as N}from"../lib/utils.js";function w({...e}){return t(c,{"data-slot":"select",...e})}function z({...e}){return t(s,{"data-slot":"select-group",...e})}function j({...e}){return t(g,{"data-slot":"select-value",...e})}function _({children:a,className:s,size:l,...r}){return e(f,{className:S({className:["[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:ring-3 focus:border-ring w-fit justify-between px-3 font-normal *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate",s],size:l,variant:"outline"}),"data-size":l,"data-slot":"select-trigger",...r,children:[a,t(o,{asChild:!0,className:"size-4 shrink-0 opacity-50",children:t(y,{})})]})}function k({className:e,...a}){return t(m,{className:N("text-muted-foreground flex items-center justify-center py-1",e),"data-slot":"select-scroll-up-button",...a,children:t(v,{size:16})})}function B({className:e,...a}){return t(u,{className:N("text-muted-foreground flex items-center justify-center py-1",e),"data-slot":"select-scroll-down-button",...a,children:t(b,{size:16})})}function C({children:s,className:o,position:l="popper",...r}){return t(d,{children:e(a,{className:N("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-lg border shadow-lg","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",o),"data-slot":"select-content",position:l,...r,children:[t(k,{}),t(x,{className:N("p-1","popper"===l&&"h-(--radix-select-trigger-height) min-w-(--radix-select-trigger-width) w-full"),children:s}),t(B,{})]})})}function D({className:e,...a}){return t(i,{className:N("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold",e),"data-slot":"select-label",...a})}function G({children:a,className:s,...o}){return e(l,{className:N("focus:bg-accent focus:text-accent-foreground outline-hidden *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",s),"data-slot":"select-item",...o,children:[t("span",{className:"absolute right-2 flex items-center justify-center",children:t(r,{children:t(h,{className:"size-4"})})}),t(n,{children:a})]})}function I({className:e,...a}){return t(p,{className:N("bg-border mx-2 my-1 h-px",e),"data-slot":"select-separator",...a})}export{w as Select,C as SelectContent,z as SelectGroup,G as SelectItem,D as SelectLabel,B as SelectScrollDownButton,k as SelectScrollUpButton,I as SelectSeparator,_ as SelectTrigger,j as SelectValue};
 //# sourceMappingURL=select.js.map