@codefast/ui 0.0.7 → 0.0.9

package/dist/pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({\n  className,\n  ...props\n}: React.ComponentProps<\"nav\">): React.JSX.Element {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.HTMLAttributes<HTMLUListElement>\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.LiHTMLAttributes<HTMLLIElement>\n>((props, ref) => <li ref={ref} {...props} />);\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n    Pick<ButtonProps, \"size\"> {\n  isActive?: boolean;\n}\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  children,\n  ...props\n}: PaginationLinkProps): React.JSX.Element {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      className={buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n        className,\n      })}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n  className,\n  ...props\n}: PaginationLinkProps): React.JSX.Element {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"gap-1 pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon className=\"size-4\" />\n      <span>Previous</span>\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n  className,\n  ...props\n}: PaginationLinkProps): React.JSX.Element {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"gap-1 pr-2.5\", className)}\n      {...props}\n    >\n      <span>Next</span>\n      <ChevronRightIcon className=\"size-4\" />\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n  return (\n    <span\n      aria-hidden\n      className={cn(\"flex size-10 items-center justify-center\", className)}\n      {...props}\n    >\n      <DotsHorizontalIcon 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  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaH,cA4EA,YA5EA;AALJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAmD;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc;AAMhC,IAAM,iBAAuB,iBAG3B,CAAC,OAAO,QAAQ,oBAAC,QAAG,KAAW,GAAG,OAAO,CAAE;AAC7C,eAAe,cAAc;AAY7B,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,eAAe;AAAA,QACxB,SAAS,WAAW,YAAY;AAAA,QAChC;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,mBAAgB,WAAU,UAAS;AAAA,QACpC,oBAAC,UAAK,sBAAQ;AAAA;AAAA;AAAA,EAChB;AAEJ;AAMA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,kBAAI;AAAA,QACV,oBAAC,oBAAiB,WAAU,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,GAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AAAA,EACtC;AAEJ;","names":[]}
+{"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\nfunction Pagination({\n  className,\n  ...props\n}: PaginationProps): React.JSX.Element {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  PaginationContentProps\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\nconst PaginationItem = React.forwardRef<HTMLLIElement, PaginationItemProps>(\n  (props, ref) => <li ref={ref} {...props} />,\n);\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n    Pick<ButtonProps, \"size\"> {\n  isActive?: boolean;\n}\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  children,\n  ...props\n}: PaginationLinkProps): React.JSX.Element {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      className={buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n        className,\n      })}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\ntype PaginationPreviousProps = PaginationLinkProps;\nfunction PaginationPrevious({\n  className,\n  ...props\n}: PaginationPreviousProps): React.JSX.Element {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"gap-1 pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon className=\"size-4\" />\n      <span>Previous</span>\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\ntype PaginationNextProps = PaginationLinkProps;\nfunction PaginationNext({\n  className,\n  ...props\n}: PaginationNextProps): React.JSX.Element {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"gap-1 pr-2.5\", className)}\n      {...props}\n    >\n      <span>Next</span>\n      <ChevronRightIcon className=\"size-4\" />\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: PaginationEllipsisProps): React.JSX.Element {\n  return (\n    <span\n      aria-hidden\n      className={cn(\"flex size-10 items-center justify-center\", className)}\n      {...props}\n    >\n      <DotsHorizontalIcon 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  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  type PaginationProps,\n  type PaginationContentProps,\n  type PaginationLinkProps,\n  type PaginationItemProps,\n  type PaginationPreviousProps,\n  type PaginationNextProps,\n  type PaginationEllipsisProps,\n};\n"],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcH,cA8EA,YA9EA;AALJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc;AAOhC,IAAM,iBAAuB;AAAA,EAC3B,CAAC,OAAO,QAAQ,oBAAC,QAAG,KAAW,GAAG,OAAO;AAC3C;AACA,eAAe,cAAc;AAY7B,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,eAAe;AAAA,QACxB,SAAS,WAAW,YAAY;AAAA,QAChC;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAOA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA+C;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,mBAAgB,WAAU,UAAS;AAAA,QACpC,oBAAC,UAAK,sBAAQ;AAAA;AAAA;AAAA,EAChB;AAEJ;AAOA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,kBAAI;AAAA,QACV,oBAAC,oBAAiB,WAAU,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;AAOA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA+C;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,GAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AAAA,EACtC;AAEJ;","names":[]}

package/dist/popover.d.mts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
+type PopoverProps = PopoverPrimitive.PopoverProps;
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+type PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+type PopoverContentProps = PopoverPrimitive.PopoverContentProps;
 declare const PopoverContent: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+type PopoverArrowProps = PopoverPrimitive.PopoverArrowProps;
 declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
 
-export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };
+export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/popover.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
+type PopoverProps = PopoverPrimitive.PopoverProps;
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+type PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+type PopoverContentProps = PopoverPrimitive.PopoverContentProps;
 declare const PopoverContent: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+type PopoverArrowProps = PopoverPrimitive.PopoverArrowProps;
 declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
 
-export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };
+export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AA8B9B;AAvBJ,IAAM,UAA2B;AAMjC,IAAM,iBAAkC;AAMxC,IAAM,gBAAiC;AAMvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAMtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\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-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=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\nconst PopoverArrow = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Arrow>,\n  PopoverPrimitive.PopoverArrowProps\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Arrow\n    ref={ref}\n    className={cn(\"fill-popover\", className)}\n    {...props}\n  />\n));\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverArrow };\n"]}
+{"version":3,"sources":["../src/popover.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAkC9B;AA1BJ,IAAM,UAA2B;AAOjC,IAAM,iBAAkC;AAOxC,IAAM,gBAAiC;AAOvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAOtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\ntype PopoverProps = PopoverPrimitive.PopoverProps;\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\ntype PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\ntype PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\ntype PopoverContentProps = PopoverPrimitive.PopoverContentProps;\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\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-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=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\ntype PopoverArrowProps = PopoverPrimitive.PopoverArrowProps;\nconst PopoverArrow = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Arrow>,\n  PopoverArrowProps\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Arrow\n    ref={ref}\n    className={cn(\"fill-popover\", className)}\n    {...props}\n  />\n));\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n  PopoverArrow,\n  type PopoverProps,\n  type PopoverTriggerProps,\n  type PopoverContentProps,\n  type PopoverAnchorProps,\n  type PopoverArrowProps,\n};\n"]}

package/dist/popover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\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-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=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\nconst PopoverArrow = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Arrow>,\n  PopoverPrimitive.PopoverArrowProps\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Arrow\n    ref={ref}\n    className={cn(\"fill-popover\", className)}\n    {...props}\n  />\n));\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverArrow };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AA8B9B;AAvBJ,IAAM,UAA2B;AAMjC,IAAM,iBAAkC;AAMxC,IAAM,gBAAiC;AAMvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAMtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM;","names":[]}
+{"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\ntype PopoverProps = PopoverPrimitive.PopoverProps;\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\ntype PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\ntype PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\ntype PopoverContentProps = PopoverPrimitive.PopoverContentProps;\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\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-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=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\ntype PopoverArrowProps = PopoverPrimitive.PopoverArrowProps;\nconst PopoverArrow = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Arrow>,\n  PopoverArrowProps\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Arrow\n    ref={ref}\n    className={cn(\"fill-popover\", className)}\n    {...props}\n  />\n));\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n  PopoverArrow,\n  type PopoverProps,\n  type PopoverTriggerProps,\n  type PopoverContentProps,\n  type PopoverAnchorProps,\n  type PopoverArrowProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAkC9B;AA1BJ,IAAM,UAA2B;AAOjC,IAAM,iBAAkC;AAOxC,IAAM,gBAAiC;AAOvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAOtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM;","names":[]}

package/dist/pre.d.mts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface PreProps extends React.HTMLAttributes<HTMLPreElement> {
+    asChild?: boolean;
+}
+declare const Pre: React.ForwardRefExoticComponent<PreProps & React.RefAttributes<HTMLPreElement>>;
+
+export { Pre, type PreProps };

package/dist/pre.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface PreProps extends React.HTMLAttributes<HTMLPreElement> {
+    asChild?: boolean;
+}
+declare const Pre: React.ForwardRefExoticComponent<PreProps & React.RefAttributes<HTMLPreElement>>;
+
+export { Pre, type PreProps };

package/dist/pre.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/pre.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactslot = require('@radix-ui/react-slot');
+var _jsxruntime = require('react/jsx-runtime');
+var Pre = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "pre";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
+  }
+);
+Pre.displayName = "Pre";
+
+
+exports.Pre = Pre;
+//# sourceMappingURL=pre.js.map

package/dist/pre.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pre.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,IAAI,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pre\n * -------------------------------------------------------------------------- */\n\ninterface PreProps extends React.HTMLAttributes<HTMLPreElement> {\n  asChild?: boolean;\n}\nconst Pre = React.forwardRef<HTMLPreElement, PreProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"pre\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nPre.displayName = \"Pre\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Pre, type PreProps };\n"]}

package/dist/pre.mjs

@@ -0,0 +1,15 @@
+// src/pre.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var Pre = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "pre";
+    return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+  }
+);
+Pre.displayName = "Pre";
+export {
+  Pre
+};
+//# sourceMappingURL=pre.mjs.map

package/dist/pre.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pre.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pre\n * -------------------------------------------------------------------------- */\n\ninterface PreProps extends React.HTMLAttributes<HTMLPreElement> {\n  asChild?: boolean;\n}\nconst Pre = React.forwardRef<HTMLPreElement, PreProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"pre\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nPre.displayName = \"Pre\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Pre, type PreProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,IAAI,cAAc;","names":[]}

package/dist/progress.d.mts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 
+type ProgressProps = ProgressPrimitive.ProgressProps;
 declare const Progress: React.ForwardRefExoticComponent<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Progress };
+export { Progress, type ProgressProps };

package/dist/progress.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 
+type ProgressProps = ProgressPrimitive.ProgressProps;
 declare const Progress: React.ForwardRefExoticComponent<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Progress };
+export { Progress, type ProgressProps };

package/dist/progress.js

@@ -21,7 +21,7 @@ var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__P
       {
         className: "bg-primary h-full w-full flex-1 transition-all",
         style: {
-          transform: `translateX(-${100 - (_nullishCoalesce(value, () => ( 0)))}%)`
+          transform: `translateX(-${String(100 - (_nullishCoalesce(value, () => ( 0))))}%)`
         }
       }
     )

package/dist/progress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/progress.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AAmB/B;AAZJ,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,OAAO,SAAS,EAAE;AAAA,QAC9C;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressPrimitive.ProgressProps\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n      className,\n    )}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"bg-primary h-full w-full flex-1 transition-all\"\n      style={{\n        transform: `translateX(-${100 - (value ?? 0)}%)`,\n      }}\n    />\n  </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress };\n"]}
+{"version":3,"sources":["../src/progress.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AAoB/B;AAZJ,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,OAAO,OAAO,SAAS,EAAE,CAAC;AAAA,QACtD;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\ntype ProgressProps = ProgressPrimitive.ProgressProps;\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n      className,\n    )}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"bg-primary h-full w-full flex-1 transition-all\"\n      style={{\n        transform: `translateX(-${String(100 - (value ?? 0))}%)`,\n      }}\n    />\n  </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress, type ProgressProps };\n"]}

package/dist/progress.mjs

@@ -21,7 +21,7 @@ var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__P
       {
         className: "bg-primary h-full w-full flex-1 transition-all",
         style: {
-          transform: `translateX(-${100 - (value ?? 0)}%)`
+          transform: `translateX(-${String(100 - (value ?? 0))}%)`
         }
       }
     )

package/dist/progress.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressPrimitive.ProgressProps\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n      className,\n    )}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"bg-primary h-full w-full flex-1 transition-all\"\n      style={{\n        transform: `translateX(-${100 - (value ?? 0)}%)`,\n      }}\n    />\n  </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AAmB/B;AAZJ,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,OAAO,SAAS,EAAE;AAAA,QAC9C;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK;","names":[]}
+{"version":3,"sources":["../src/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\ntype ProgressProps = ProgressPrimitive.ProgressProps;\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n      className,\n    )}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"bg-primary h-full w-full flex-1 transition-all\"\n      style={{\n        transform: `translateX(-${String(100 - (value ?? 0))}%)`,\n      }}\n    />\n  </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress, type ProgressProps };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AAoB/B;AAZJ,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,OAAO,OAAO,SAAS,EAAE,CAAC;AAAA,QACtD;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK;","names":[]}

package/dist/quote.d.mts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface QuoteProps extends React.QuoteHTMLAttributes<HTMLQuoteElement> {
+    asChild?: boolean;
+}
+declare const Quote: React.ForwardRefExoticComponent<QuoteProps & React.RefAttributes<HTMLQuoteElement>>;
+
+export { Quote, type QuoteProps };

package/dist/quote.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface QuoteProps extends React.QuoteHTMLAttributes<HTMLQuoteElement> {
+    asChild?: boolean;
+}
+declare const Quote: React.ForwardRefExoticComponent<QuoteProps & React.RefAttributes<HTMLQuoteElement>>;
+
+export { Quote, type QuoteProps };

package/dist/quote.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/quote.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactslot = require('@radix-ui/react-slot');
+var _jsxruntime = require('react/jsx-runtime');
+var Quote = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "q";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
+  }
+);
+Quote.displayName = "Quote";
+
+
+exports.Quote = Quote;
+//# sourceMappingURL=quote.js.map

package/dist/quote.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/quote.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,MAAM,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Quote\n * -------------------------------------------------------------------------- */\n\ninterface QuoteProps extends React.QuoteHTMLAttributes<HTMLQuoteElement> {\n  asChild?: boolean;\n}\nconst Quote = React.forwardRef<HTMLQuoteElement, QuoteProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"q\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nQuote.displayName = \"Quote\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Quote, type QuoteProps };\n"]}

package/dist/quote.mjs

@@ -0,0 +1,15 @@
+// src/quote.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var Quote = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "q";
+    return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+  }
+);
+Quote.displayName = "Quote";
+export {
+  Quote
+};
+//# sourceMappingURL=quote.mjs.map

package/dist/quote.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/quote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Quote\n * -------------------------------------------------------------------------- */\n\ninterface QuoteProps extends React.QuoteHTMLAttributes<HTMLQuoteElement> {\n  asChild?: boolean;\n}\nconst Quote = React.forwardRef<HTMLQuoteElement, QuoteProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"q\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nQuote.displayName = \"Quote\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Quote, type QuoteProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/radio-group.d.mts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
+type RadioGroupProps = RadioGroupPrimitive.RadioGroupProps;
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+type RadioGroupItemProps = RadioGroupPrimitive.RadioGroupItemProps;
 declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { RadioGroup, RadioGroupItem };
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/radio-group.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
+type RadioGroupProps = RadioGroupPrimitive.RadioGroupProps;
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+type RadioGroupItemProps = RadioGroupPrimitive.RadioGroupItemProps;
 declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { RadioGroup, RadioGroupItem };
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio-group.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAYjC;AALJ,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAkC,yBAAK;AAMlD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAqB;AAAA,QAApB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupPrimitive.RadioGroupProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  );\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupPrimitive.RadioGroupItemProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"border-compound text-compound-foreground focus-visible:ring-offset-background focus-visible:ring-ring aria-checked:border-primary group aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        className={cn(\n          \"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\",\n        )}\n      />\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem };\n"]}
+{"version":3,"sources":["../src/radio-group.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAajC;AALJ,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAkC,yBAAK;AAOlD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAqB;AAAA,QAApB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupProps = RadioGroupPrimitive.RadioGroupProps;\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  );\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupItemProps = RadioGroupPrimitive.RadioGroupItemProps;\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"border-compound text-compound-foreground focus-visible:ring-offset-background focus-visible:ring-ring aria-checked:border-primary group aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        className={cn(\n          \"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\",\n        )}\n      />\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  RadioGroup,\n  RadioGroupItem,\n  type RadioGroupProps,\n  type RadioGroupItemProps,\n};\n"]}

package/dist/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupPrimitive.RadioGroupProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  );\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupPrimitive.RadioGroupItemProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"border-compound text-compound-foreground focus-visible:ring-offset-background focus-visible:ring-ring aria-checked:border-primary group aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        className={cn(\n          \"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\",\n        )}\n      />\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAYjC;AALJ,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAkC,yBAAK;AAMlD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAqB;AAAA,QAApB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK;","names":[]}
+{"version":3,"sources":["../src/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroup\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupProps = RadioGroupPrimitive.RadioGroupProps;\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  );\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: RadioGroupItem\n * -------------------------------------------------------------------------- */\n\ntype RadioGroupItemProps = RadioGroupPrimitive.RadioGroupItemProps;\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"border-compound text-compound-foreground focus-visible:ring-offset-background focus-visible:ring-ring aria-checked:border-primary group aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        className={cn(\n          \"after:bg-primary relative flex h-full w-full items-center justify-center after:block after:size-2.5 after:rounded-full\",\n        )}\n      />\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  RadioGroup,\n  RadioGroupItem,\n  type RadioGroupProps,\n  type RadioGroupItemProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAajC;AALJ,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAkC,yBAAK;AAOlD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAqB;AAAA,QAApB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK;","names":[]}

package/dist/resizable.d.mts

@@ -1,8 +1,8 @@
-import * as React$1 from 'react';
+import * as React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
 declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.PanelGroupProps): React.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onResize"> & {
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -17,8 +17,8 @@ declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTM
     style?: object | undefined;
     tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-    children?: React$1.ReactNode;
-} & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+    children?: React.ReactNode;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.PanelResizeHandleProps & {
     withHandle?: boolean;
 }): React.JSX.Element;

package/dist/resizable.d.ts

@@ -1,8 +1,8 @@
-import * as React$1 from 'react';
+import * as React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
 declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.PanelGroupProps): React.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onResize"> & {
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -17,8 +17,8 @@ declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTM
     style?: object | undefined;
     tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-    children?: React$1.ReactNode;
-} & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+    children?: React.ReactNode;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.PanelResizeHandleProps & {
     withHandle?: boolean;
 }): React.JSX.Element;

package/dist/resizable.js

@@ -4,8 +4,8 @@
 var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
 
 // src/resizable.tsx
-var _reacticons = require('@radix-ui/react-icons');
 var _reactresizablepanels = require('react-resizable-panels'); var ResizablePrimitive = _interopRequireWildcard(_reactresizablepanels);
+var _reacticons = require('@radix-ui/react-icons');
 var _jsxruntime = require('react/jsx-runtime');
 function ResizablePanelGroup({
   className,

package/dist/resizable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/resizable.tsx"],"names":[],"mappings":";;;;;;AAEA,SAAS,2BAA2B;AACpC,YAAY,wBAAwB;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelGroup\n      className={cn(\n        \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n  withHandle?: boolean;\n}): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      className={cn(\n        \"bg-border focus-visible:ring-ring focus-visible:ring-offset-background 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-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      {...props}\n    >\n      {withHandle ? (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n          <DragHandleDots2Icon className=\"size-2.5\" />\n        </div>\n      ) : null}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}
+{"version":3,"sources":["../src/resizable.tsx"],"names":[],"mappings":";;;;;;AAGA,YAAY,wBAAwB;AACpC,SAAS,2BAA2B;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelGroup\n      className={cn(\n        \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n  withHandle?: boolean;\n}): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      className={cn(\n        \"bg-border focus-visible:ring-ring focus-visible:ring-offset-background 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-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      {...props}\n    >\n      {withHandle ? (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n          <DragHandleDots2Icon className=\"size-2.5\" />\n        </div>\n      ) : null}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}

package/dist/resizable.mjs

@@ -4,8 +4,8 @@ import {
 } from "./chunk-UG3URV2Z.mjs";
 
 // src/resizable.tsx
-import { DragHandleDots2Icon } from "@radix-ui/react-icons";
 import * as ResizablePrimitive from "react-resizable-panels";
+import { DragHandleDots2Icon } from "@radix-ui/react-icons";
 import { jsx } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,

package/dist/resizable.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelGroup\n      className={cn(\n        \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n  withHandle?: boolean;\n}): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      className={cn(\n        \"bg-border focus-visible:ring-ring focus-visible:ring-offset-background 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-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      {...props}\n    >\n      {withHandle ? (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n          <DragHandleDots2Icon className=\"size-2.5\" />\n        </div>\n      ) : null}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;AAEA,SAAS,2BAA2B;AACpC,YAAY,wBAAwB;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../src/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelGroup\n      className={cn(\n        \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n  withHandle?: boolean;\n}): React.JSX.Element {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      className={cn(\n        \"bg-border focus-visible:ring-ring focus-visible:ring-offset-background 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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-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      {...props}\n    >\n      {withHandle ? (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n          <DragHandleDots2Icon className=\"size-2.5\" />\n        </div>\n      ) : null}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;AAGA,YAAY,wBAAwB;AACpC,SAAS,2BAA2B;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/scroll-area.d.mts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
+type ScrollAreaProps = ScrollAreaPrimitive.ScrollAreaProps;
 declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaScrollbarProps = ScrollAreaPrimitive.ScrollAreaScrollbarProps;
+declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
 
-export { ScrollArea, ScrollBar };
+export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps };

package/dist/scroll-area.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
+type ScrollAreaProps = ScrollAreaPrimitive.ScrollAreaProps;
 declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaScrollbarProps = ScrollAreaPrimitive.ScrollAreaScrollbarProps;
+declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
 
-export { ScrollArea, ScrollBar };
+export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps };

package/dist/scroll-area.js

@@ -15,15 +15,15 @@ var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /*
     ...props,
     children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollBar, { orientation: "vertical" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollBar, { orientation: "horizontal" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaScrollbar, { orientation: "vertical" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaScrollbar, { orientation: "horizontal" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
+var ScrollAreaScrollbar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  ScrollAreaPrimitive.Scrollbar,
   {
     ref,
     orientation,
@@ -37,9 +37,9 @@ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...prop
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
   }
 ));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+ScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
 
 
 
-exports.ScrollArea = ScrollArea; exports.ScrollBar = ScrollBar;
+exports.ScrollArea = ScrollArea; exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
 //# sourceMappingURL=scroll-area.js.map

package/dist/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scroll-area.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAWnC,SAKE,KALF;AAJF,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAqB,8BAApB,EAA6B,WAAU,+BACrC,UACH;AAAA,MACA,oBAAC,aAAU,aAAY,YAAW;AAAA,MAClC,oBAAC,aAAU,aAAY,cAAa;AAAA,MACpC,oBAAqB,4BAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAkC,yBAAK;AAMlD,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cACd;AAAA,MACF,gBAAgB,gBACd;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAqB,qCAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,UAAU,cAAkC,wCAAoB","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ScrollAreaPrimitive.ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar orientation=\"vertical\" />\n    <ScrollBar orientation=\"horizontal\" />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollBar\n * -------------------------------------------------------------------------- */\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollAreaPrimitive.ScrollAreaScrollbarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-px\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-px\",\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollBar };\n"]}
+{"version":3,"sources":["../src/scroll-area.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAYnC,SAKE,KALF;AAJF,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAqB,8BAApB,EAA6B,WAAU,+BACrC,UACH;AAAA,MACA,oBAAC,uBAAoB,aAAY,YAAW;AAAA,MAC5C,oBAAC,uBAAoB,aAAY,cAAa;AAAA,MAC9C,oBAAqB,4BAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAkC,yBAAK;AAOlD,IAAM,sBAA4B,iBAGhC,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cACd;AAAA,MACF,gBAAgB,gBACd;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAqB,qCAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,oBAAoB,cAAkC,8BAAU","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaProps = ScrollAreaPrimitive.ScrollAreaProps;\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollAreaScrollbar orientation=\"vertical\" />\n    <ScrollAreaScrollbar orientation=\"horizontal\" />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\ntype ScrollAreaScrollbarProps = ScrollAreaPrimitive.ScrollAreaScrollbarProps;\nconst ScrollAreaScrollbar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,\n  ScrollAreaScrollbarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-px\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-px\",\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n  </ScrollAreaPrimitive.Scrollbar>\n));\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  ScrollArea,\n  ScrollAreaScrollbar,\n  type ScrollAreaProps,\n  type ScrollAreaScrollbarProps,\n};\n"]}

package/dist/scroll-area.mjs

@@ -15,15 +15,15 @@ var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /*
     ...props,
     children: [
       /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
-      /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+      /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
+      /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
       /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
+var ScrollAreaScrollbar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.Scrollbar,
   {
     ref,
     orientation,
@@ -37,9 +37,9 @@ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...prop
     children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
   }
 ));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+ScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
 export {
   ScrollArea,
-  ScrollBar
+  ScrollAreaScrollbar
 };
 //# sourceMappingURL=scroll-area.mjs.map