@codefast/ui 0.0.7 → 0.0.9

package/src/popover.tsx

@@ -8,24 +8,28 @@ import { cn } from "./utils";
  * Component: Popover
  * -------------------------------------------------------------------------- */
 
+type PopoverProps = PopoverPrimitive.PopoverProps;
 const Popover = PopoverPrimitive.Root;
 
 /* -----------------------------------------------------------------------------
  * Component: PopoverTrigger
  * -------------------------------------------------------------------------- */
 
+type PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 
 /* -----------------------------------------------------------------------------
  * Component: PopoverAnchor
  * -------------------------------------------------------------------------- */
 
+type PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 
 /* -----------------------------------------------------------------------------
  * Component: PopoverContent
  * -------------------------------------------------------------------------- */
 
+type PopoverContentProps = PopoverPrimitive.PopoverContentProps;
 const PopoverContent = React.forwardRef<
   React.ElementRef<typeof PopoverPrimitive.Content>,
   PopoverPrimitive.PopoverContentProps
@@ -49,9 +53,10 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
  * Component: PopoverArrow
  * -------------------------------------------------------------------------- */
 
+type PopoverArrowProps = PopoverPrimitive.PopoverArrowProps;
 const PopoverArrow = React.forwardRef<
   React.ElementRef<typeof PopoverPrimitive.Arrow>,
-  PopoverPrimitive.PopoverArrowProps
+  PopoverArrowProps
 >(({ className, ...props }, ref) => (
   <PopoverPrimitive.Arrow
     ref={ref}
@@ -65,4 +70,15 @@ PopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverArrow };
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverAnchor,
+  PopoverArrow,
+  type PopoverProps,
+  type PopoverTriggerProps,
+  type PopoverContentProps,
+  type PopoverAnchorProps,
+  type PopoverArrowProps,
+};

package/src/pre.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+
+/* -----------------------------------------------------------------------------
+ * Component: Pre
+ * -------------------------------------------------------------------------- */
+
+interface PreProps extends React.HTMLAttributes<HTMLPreElement> {
+  asChild?: boolean;
+}
+const Pre = React.forwardRef<HTMLPreElement, PreProps>(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "pre";
+
+    return <Comp ref={ref} {...props} />;
+  },
+);
+Pre.displayName = "Pre";
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { Pre, type PreProps };

package/src/progress.tsx

@@ -8,9 +8,10 @@ import { cn } from "./utils";
  * Component: Progress
  * -------------------------------------------------------------------------- */
 
+type ProgressProps = ProgressPrimitive.ProgressProps;
 const Progress = React.forwardRef<
   React.ElementRef<typeof ProgressPrimitive.Root>,
-  ProgressPrimitive.ProgressProps
+  ProgressProps
 >(({ className, value, ...props }, ref) => (
   <ProgressPrimitive.Root
     ref={ref}
@@ -23,7 +24,7 @@ const Progress = React.forwardRef<
     <ProgressPrimitive.Indicator
       className="bg-primary h-full w-full flex-1 transition-all"
       style={{
-        transform: `translateX(-${100 - (value ?? 0)}%)`,
+        transform: `translateX(-${String(100 - (value ?? 0))}%)`,
       }}
     />
   </ProgressPrimitive.Root>
@@ -34,4 +35,4 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { Progress };
+export { Progress, type ProgressProps };

package/src/quote.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+
+/* -----------------------------------------------------------------------------
+ * Component: Quote
+ * -------------------------------------------------------------------------- */
+
+interface QuoteProps extends React.QuoteHTMLAttributes<HTMLQuoteElement> {
+  asChild?: boolean;
+}
+const Quote = React.forwardRef<HTMLQuoteElement, QuoteProps>(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "q";
+
+    return <Comp ref={ref} {...props} />;
+  },
+);
+Quote.displayName = "Quote";
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { Quote, type QuoteProps };

package/src/radio-group.tsx

@@ -8,9 +8,10 @@ import { cn } from "./utils";
  * Component: RadioGroup
  * -------------------------------------------------------------------------- */
 
+type RadioGroupProps = RadioGroupPrimitive.RadioGroupProps;
 const RadioGroup = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Root>,
-  RadioGroupPrimitive.RadioGroupProps
+  RadioGroupProps
 >(({ className, ...props }, ref) => {
   return (
     <RadioGroupPrimitive.Root
@@ -26,9 +27,10 @@ RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
  * Component: RadioGroupItem
  * -------------------------------------------------------------------------- */
 
+type RadioGroupItemProps = RadioGroupPrimitive.RadioGroupItemProps;
 const RadioGroupItem = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Item>,
-  RadioGroupPrimitive.RadioGroupItemProps
+  RadioGroupItemProps
 >(({ className, ...props }, ref) => {
   return (
     <RadioGroupPrimitive.Item
@@ -53,4 +55,9 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { RadioGroup, RadioGroupItem };
+export {
+  RadioGroup,
+  RadioGroupItem,
+  type RadioGroupProps,
+  type RadioGroupItemProps,
+};

package/src/resizable.tsx

@@ -1,7 +1,8 @@
 "use client";
 
-import { DragHandleDots2Icon } from "@radix-ui/react-icons";
+import * as React from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
+import { DragHandleDots2Icon } from "@radix-ui/react-icons";
 import { cn } from "./utils";
 
 /* -----------------------------------------------------------------------------

package/src/scroll-area.tsx

@@ -8,9 +8,10 @@ import { cn } from "./utils";
  * Component: ScrollArea
  * -------------------------------------------------------------------------- */
 
+type ScrollAreaProps = ScrollAreaPrimitive.ScrollAreaProps;
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
-  ScrollAreaPrimitive.ScrollAreaProps
+  ScrollAreaProps
 >(({ className, children, ...props }, ref) => (
   <ScrollAreaPrimitive.Root
     ref={ref}
@@ -20,22 +21,23 @@ const ScrollArea = React.forwardRef<
     <ScrollAreaPrimitive.Viewport className="size-full rounded-[inherit]">
       {children}
     </ScrollAreaPrimitive.Viewport>
-    <ScrollBar orientation="vertical" />
-    <ScrollBar orientation="horizontal" />
+    <ScrollAreaScrollbar orientation="vertical" />
+    <ScrollAreaScrollbar orientation="horizontal" />
     <ScrollAreaPrimitive.Corner />
   </ScrollAreaPrimitive.Root>
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 
 /* -----------------------------------------------------------------------------
- * Component: ScrollBar
+ * Component: ScrollAreaScrollbar
  * -------------------------------------------------------------------------- */
 
-const ScrollBar = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
-  ScrollAreaPrimitive.ScrollAreaScrollbarProps
+type ScrollAreaScrollbarProps = ScrollAreaPrimitive.ScrollAreaScrollbarProps;
+const ScrollAreaScrollbar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,
+  ScrollAreaScrollbarProps
 >(({ className, orientation = "vertical", ...props }, ref) => (
-  <ScrollAreaPrimitive.ScrollAreaScrollbar
+  <ScrollAreaPrimitive.Scrollbar
     ref={ref}
     orientation={orientation}
     className={cn(
@@ -49,12 +51,17 @@ const ScrollBar = React.forwardRef<
     {...props}
   >
     <ScrollAreaPrimitive.ScrollAreaThumb className="bg-border relative flex-1 rounded-full" />
-  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+  </ScrollAreaPrimitive.Scrollbar>
 ));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+ScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
 
 /* -----------------------------------------------------------------------------
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { ScrollArea, ScrollBar };
+export {
+  ScrollArea,
+  ScrollAreaScrollbar,
+  type ScrollAreaProps,
+  type ScrollAreaScrollbarProps,
+};

package/src/section.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+
+/* -----------------------------------------------------------------------------
+ * Component: Section
+ * -------------------------------------------------------------------------- */
+
+interface SectionProps extends React.HTMLAttributes<HTMLElement> {
+  asChild?: boolean;
+}
+const Section = React.forwardRef<HTMLElement, SectionProps>(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "section";
+
+    return <Comp ref={ref} {...props} />;
+  },
+);
+Section.displayName = "Section";
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { Section, type SectionProps };

package/src/select.tsx

@@ -14,27 +14,31 @@ import { cn } from "./utils";
  * Component: Select
  * -------------------------------------------------------------------------- */
 
+type SelectProps = SelectPrimitive.SelectProps;
 const Select = SelectPrimitive.Root;
 
 /* -----------------------------------------------------------------------------
  * Component: SelectGroup
  * -------------------------------------------------------------------------- */
 
+type SelectGroupProps = SelectPrimitive.SelectGroupProps;
 const SelectGroup = SelectPrimitive.Group;
 
 /* -----------------------------------------------------------------------------
  * Component: SelectValue
  * -------------------------------------------------------------------------- */
 
+type SelectValueProps = SelectPrimitive.SelectValueProps;
 const SelectValue = SelectPrimitive.Value;
 
 /* -----------------------------------------------------------------------------
  * Component: SelectTrigger
  * -------------------------------------------------------------------------- */
 
+type SelectTriggerProps = SelectPrimitive.SelectTriggerProps;
 const SelectTrigger = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Trigger>,
-  SelectPrimitive.SelectTriggerProps
+  SelectTriggerProps
 >(({ className, children, ...props }, ref) => (
   <SelectPrimitive.Trigger
     ref={ref}
@@ -56,9 +60,10 @@ SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
  * Component: SelectScrollUpButton
  * -------------------------------------------------------------------------- */
 
+type SelectScrollUpButtonProps = SelectPrimitive.SelectScrollUpButtonProps;
 const SelectScrollUpButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
-  SelectPrimitive.SelectScrollUpButtonProps
+  SelectScrollUpButtonProps
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.ScrollUpButton
     ref={ref}
@@ -77,9 +82,10 @@ SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
  * Component: SelectScrollDownButton
  * -------------------------------------------------------------------------- */
 
+type SelectScrollDownButtonProps = SelectPrimitive.SelectScrollDownButtonProps;
 const SelectScrollDownButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
-  SelectPrimitive.SelectScrollDownButtonProps
+  SelectScrollDownButtonProps
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.ScrollDownButton
     ref={ref}
@@ -99,9 +105,10 @@ SelectScrollDownButton.displayName =
  * Component: SelectContent
  * -------------------------------------------------------------------------- */
 
+type SelectContentProps = SelectPrimitive.SelectContentProps;
 const SelectContent = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Content>,
-  SelectPrimitive.SelectContentProps
+  SelectContentProps
 >(({ className, children, position = "popper", ...props }, ref) => (
   <SelectPrimitive.Portal>
     <SelectPrimitive.Content
@@ -135,9 +142,10 @@ SelectContent.displayName = SelectPrimitive.Content.displayName;
  * Component: SelectLabel
  * -------------------------------------------------------------------------- */
 
+type SelectLabelProps = SelectPrimitive.SelectLabelProps;
 const SelectLabel = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Label>,
-  SelectPrimitive.SelectLabelProps
+  SelectLabelProps
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.Label
     ref={ref}
@@ -151,9 +159,10 @@ SelectLabel.displayName = SelectPrimitive.Label.displayName;
  * Component: SelectItem
  * -------------------------------------------------------------------------- */
 
+type SelectItemProps = SelectPrimitive.SelectItemProps;
 const SelectItem = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Item>,
-  SelectPrimitive.SelectItemProps
+  SelectItemProps
 >(({ className, children, ...props }, ref) => (
   <SelectPrimitive.Item
     ref={ref}
@@ -177,9 +186,10 @@ SelectItem.displayName = SelectPrimitive.Item.displayName;
  * Component: SelectSeparator
  * -------------------------------------------------------------------------- */
 
+type SelectSeparatorProps = SelectPrimitive.SelectSeparatorProps;
 const SelectSeparator = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Separator>,
-  SelectPrimitive.SelectSeparatorProps
+  SelectSeparatorProps
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.Separator
     ref={ref}
@@ -204,4 +214,14 @@ export {
   SelectSeparator,
   SelectScrollUpButton,
   SelectScrollDownButton,
+  type SelectProps,
+  type SelectGroupProps,
+  type SelectValueProps,
+  type SelectTriggerProps,
+  type SelectContentProps,
+  type SelectLabelProps,
+  type SelectItemProps,
+  type SelectSeparatorProps,
+  type SelectScrollUpButtonProps,
+  type SelectScrollDownButtonProps,
 };

package/src/separator.tsx

@@ -8,9 +8,10 @@ import { cn } from "./utils";
  * Component: Separator
  * -------------------------------------------------------------------------- */
 
+type SeparatorProps = SeparatorPrimitive.SeparatorProps;
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,
-  SeparatorPrimitive.SeparatorProps
+  SeparatorProps
 >(
   (
     { className, orientation = "horizontal", decorative = true, ...props },
@@ -35,4 +36,4 @@ Separator.displayName = SeparatorPrimitive.Root.displayName;
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { Separator };
+export { Separator, type SeparatorProps };

package/src/sheet.tsx

@@ -27,31 +27,37 @@ const sheetVariants = cva({
   },
 });
 
+type SheetVariantsProps = VariantProps<typeof sheetVariants>;
+
 /* -----------------------------------------------------------------------------
  * Component: Sheet
  * -------------------------------------------------------------------------- */
 
+type SheetProps = SheetPrimitive.DialogProps;
 const Sheet = SheetPrimitive.Root;
 
 /* -----------------------------------------------------------------------------
  * Component: SheetTrigger
  * -------------------------------------------------------------------------- */
 
+type SheetTriggerProps = SheetPrimitive.DialogTriggerProps;
 const SheetTrigger = SheetPrimitive.Trigger;
 
 /* -----------------------------------------------------------------------------
  * Component: SheetClose
  * -------------------------------------------------------------------------- */
 
+type SheetCloseProps = SheetPrimitive.DialogCloseProps;
 const SheetClose = SheetPrimitive.Close;
 
 /* -----------------------------------------------------------------------------
  * Component: SheetContent
  * -------------------------------------------------------------------------- */
 
+type SheetContentProps = SheetPrimitive.DialogContentProps & SheetVariantsProps;
 const SheetContent = React.forwardRef<
   React.ElementRef<typeof SheetPrimitive.Content>,
-  SheetPrimitive.DialogContentProps & VariantProps<typeof sheetVariants>
+  SheetContentProps
 >(({ side = "right", className, children, ...props }, ref) => (
   <SheetPrimitive.Portal>
     <SheetPrimitive.Overlay
@@ -82,10 +88,11 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
  * Component: SheetHeader
  * -------------------------------------------------------------------------- */
 
+type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 function SheetHeader({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {
+}: SheetHeaderProps): React.JSX.Element {
   return (
     <div
       className={cn(
@@ -101,10 +108,11 @@ function SheetHeader({
  * Component: SheetFooter
  * -------------------------------------------------------------------------- */
 
+type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
 function SheetFooter({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {
+}: SheetFooterProps): React.JSX.Element {
   return (
     <div
       className={cn(
@@ -121,9 +129,10 @@ SheetFooter.displayName = "SheetFooter";
  * Component: SheetTitle
  * -------------------------------------------------------------------------- */
 
+type SheetTitleProps = SheetPrimitive.DialogTitleProps;
 const SheetTitle = React.forwardRef<
   React.ElementRef<typeof SheetPrimitive.Title>,
-  SheetPrimitive.DialogTitleProps
+  SheetTitleProps
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.Title
     ref={ref}
@@ -137,9 +146,10 @@ SheetTitle.displayName = SheetPrimitive.Title.displayName;
  * Component: SheetDescription
  * -------------------------------------------------------------------------- */
 
+type SheetDescriptionProps = SheetPrimitive.DialogDescriptionProps;
 const SheetDescription = React.forwardRef<
   React.ElementRef<typeof SheetPrimitive.Description>,
-  SheetPrimitive.DialogDescriptionProps
+  SheetDescriptionProps
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.Description
     ref={ref}
@@ -162,4 +172,12 @@ export {
   SheetFooter,
   SheetTitle,
   SheetDescription,
+  type SheetProps,
+  type SheetTriggerProps,
+  type SheetCloseProps,
+  type SheetContentProps,
+  type SheetHeaderProps,
+  type SheetFooterProps,
+  type SheetTitleProps,
+  type SheetDescriptionProps,
 };

package/src/skeleton.tsx

@@ -5,10 +5,8 @@ import { cn } from "./utils";
  * Component: Skeleton
  * -------------------------------------------------------------------------- */
 
-function Skeleton({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {
+type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
+function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element {
   return (
     <div
       className={cn("bg-primary/10 animate-pulse rounded-md", className)}
@@ -21,4 +19,4 @@ function Skeleton({
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { Skeleton };
+export { Skeleton, type SkeletonProps };

package/src/slider.tsx

@@ -8,9 +8,10 @@ import { cn } from "./utils";
  * Component: Slider
  * -------------------------------------------------------------------------- */
 
+type SliderProps = SliderPrimitive.SliderProps;
 const Slider = React.forwardRef<
   React.ElementRef<typeof SliderPrimitive.Root>,
-  SliderPrimitive.SliderProps
+  SliderProps
 >(({ className, ...props }, ref) => (
   <SliderPrimitive.Root
     ref={ref}
@@ -32,4 +33,4 @@ Slider.displayName = SliderPrimitive.Root.displayName;
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { Slider };
+export { Slider, type SliderProps };

package/src/sonner.tsx

@@ -40,4 +40,4 @@ function Toaster({ ...props }: ToasterProps): React.JSX.Element {
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { Toaster, toast };
+export { Toaster, toast, type ToasterProps };

package/src/strong.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+
+/* -----------------------------------------------------------------------------
+ * Component: Strong
+ * -------------------------------------------------------------------------- */
+
+interface StrongProps extends React.HTMLAttributes<HTMLElement> {
+  asChild?: boolean;
+}
+const Strong = React.forwardRef<HTMLElement, StrongProps>(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "strong";
+
+    return <Comp ref={ref} {...props} />;
+  },
+);
+Strong.displayName = "Strong";
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { Strong, type StrongProps };

package/src/switch.tsx

@@ -8,9 +8,10 @@ import { cn } from "./utils";
  * Component: Switch
  * -------------------------------------------------------------------------- */
 
+type SwitchProps = SwitchPrimitives.SwitchProps;
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
-  SwitchPrimitives.SwitchProps
+  SwitchProps
 >(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
@@ -29,4 +30,4 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
  * Exports
  * -------------------------------------------------------------------------- */
 
-export { Switch };
+export { Switch, type SwitchProps };