@codefast/ui 0.0.65 → 0.0.67

package/src/react/popover.tsx

@@ -1,82 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Popover
- * -------------------------------------------------------------------------- */
-
-type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;
-const Popover = PopoverPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverTrigger
- * -------------------------------------------------------------------------- */
-
-type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverAnchor
- * -------------------------------------------------------------------------- */
-
-type PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
-const PopoverAnchor = PopoverPrimitive.Anchor;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverContent
- * -------------------------------------------------------------------------- */
-
-type PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;
-type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
-
-const PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(
-  ({ className, align = 'center', sideOffset = 6, ...props }, ref) => (
-    <PopoverPrimitive.Portal>
-      <PopoverPrimitive.Content
-        ref={ref}
-        align={align}
-        className={cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in 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 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-32 rounded-md border p-4 shadow-md',
-          className,
-        )}
-        sideOffset={sideOffset}
-        {...props}
-      />
-    </PopoverPrimitive.Portal>
-  ),
-);
-
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverArrow
- * -------------------------------------------------------------------------- */
-
-type PopoverArrowElement = React.ElementRef<typeof PopoverPrimitive.Arrow>;
-type PopoverArrowProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Arrow>;
-
-const PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(({ className, ...props }, ref) => (
-  <PopoverPrimitive.Arrow ref={ref} className={cn('fill-popover', className)} {...props} />
-));
-
-PopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-  PopoverAnchor,
-  PopoverArrow,
-  type PopoverProps,
-  type PopoverTriggerProps,
-  type PopoverContentProps,
-  type PopoverAnchorProps,
-  type PopoverArrowProps,
-};

package/src/react/pre.tsx

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

package/src/react/progress.tsx

@@ -1,35 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Progress
- * -------------------------------------------------------------------------- */
-
-type ProgressElement = React.ElementRef<typeof ProgressPrimitive.Root>;
-type ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>;
-
-const Progress = React.forwardRef<ProgressElement, ProgressProps>(({ className, value, ...props }, ref) => (
-  <ProgressPrimitive.Root
-    ref={ref}
-    className={cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className)}
-    {...props}
-  >
-    <ProgressPrimitive.Indicator
-      className="bg-primary size-full flex-1 transition"
-      style={{
-        transform: `translateX(-${String(100 - (value ?? 0))}%)`,
-      }}
-    />
-  </ProgressPrimitive.Root>
-));
-
-Progress.displayName = ProgressPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Progress, type ProgressProps };

package/src/react/quote.tsx

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

package/src/react/radio-cards.tsx

@@ -1,46 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: RadioCards
- * -------------------------------------------------------------------------- */
-
-type RadioCardsElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;
-type RadioCardsProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-
-const RadioCards = React.forwardRef<RadioCardsElement, RadioCardsProps>(({ className, ...props }, ref) => {
-  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;
-});
-
-RadioCards.displayName = RadioGroupPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: RadioCardsItem
- * -------------------------------------------------------------------------- */
-
-type RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;
-type RadioCardsItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-
-const RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(({ className, ...props }, ref) => {
-  return (
-    <RadioGroupPrimitive.Item
-      ref={ref}
-      className={cn(
-        'text-foreground focus-visible:bg-primary/10 group peer flex cursor-pointer items-center justify-center rounded-md border p-4 focus-visible:outline focus-visible:outline-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:outline aria-checked:outline-2',
-        className,
-      )}
-      {...props}
-    />
-  );
-});
-
-RadioCardsItem.displayName = RadioGroupPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { RadioCards, RadioCardsItem, type RadioCardsProps, type RadioCardsItemProps };

package/src/react/radio-group.tsx

@@ -1,48 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: RadioGroup
- * -------------------------------------------------------------------------- */
-
-type RadioGroupElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;
-type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-
-const RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(({ className, ...props }, ref) => {
-  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;
-});
-
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: RadioGroupItem
- * -------------------------------------------------------------------------- */
-
-type RadioGroupItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;
-type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-
-const RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemProps>(({ className, ...props }, ref) => {
-  return (
-    <RadioGroupPrimitive.Item
-      ref={ref}
-      className={cn(
-        'border-input hover:border-primary text-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
-        className,
-      )}
-      {...props}
-    >
-      <RadioGroupPrimitive.Indicator className="after:bg-primary relative flex size-full items-center justify-center after:block after:size-2.5 after:rounded-full" />
-    </RadioGroupPrimitive.Item>
-  );
-});
-
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };

package/src/react/radio.tsx

@@ -1,38 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { composeEventHandlers } from '@radix-ui/primitive';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Radio
- * -------------------------------------------------------------------------- */
-
-type RadioElement = HTMLInputElement;
-
-interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  onValueChange?: (value: string) => void;
-}
-
-const Radio = React.forwardRef<RadioElement, RadioProps>(({ className, onValueChange, onChange, ...props }, ref) => {
-  return (
-    <input
-      ref={ref}
-      className={cn(
-        'before:border-input hover:before:border-primary checked:before:border-primary checked:after:bg-primary peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
-        className,
-      )}
-      type="radio"
-      onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}
-      {...props}
-    />
-  );
-});
-
-Radio.displayName = 'Radio';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Radio };

package/src/react/resizable.tsx

@@ -1,62 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as ResizablePrimitive from 'react-resizable-panels';
-import { DragHandleDots2Icon } from '@radix-ui/react-icons';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: ResizablePanelGroup
- * -------------------------------------------------------------------------- */
-
-function ResizablePanelGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): React.JSX.Element {
-  return (
-    <ResizablePrimitive.PanelGroup
-      className={cn('flex size-full data-[panel-group-direction=vertical]:flex-col', className)}
-      {...props}
-    />
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: ResizablePanel
- * -------------------------------------------------------------------------- */
-
-const ResizablePanel = ResizablePrimitive.Panel;
-
-/* -----------------------------------------------------------------------------
- * Component: ResizableHandle
- * -------------------------------------------------------------------------- */
-
-function ResizableHandle({
-  withHandle,
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-  withHandle?: boolean;
-}): React.JSX.Element {
-  return (
-    <ResizablePrimitive.PanelResizeHandle
-      className={cn(
-        'bg-border 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 focus-visible:outline-2 focus-visible:outline-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',
-        className,
-      )}
-      {...props}
-    >
-      {withHandle ? (
-        <div className="bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border">
-          <DragHandleDots2Icon className="size-2.5" />
-        </div>
-      ) : null}
-    </ResizablePrimitive.PanelResizeHandle>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

package/src/react/scroll-area.tsx

@@ -1,106 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { createContextScope, type Scope } from '@radix-ui/react-context';
-import { tv, type VariantProps } from 'tailwind-variants';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: ScrollArea
- * -------------------------------------------------------------------------- */
-
-const SCROLL_AREA_NAME = 'ScrollArea';
-
-type ScopedProps<P> = P & { __scopeScrollArea?: Scope };
-
-const [createCarouselContext] = createContextScope(SCROLL_AREA_NAME);
-
-type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;
-
-const [CarouselProvider, useCarouselContext] = createCarouselContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);
-
-type ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Root>;
-type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
-
-const ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>(
-  ({ __scopeScrollArea, children, className, size = '2', ...props }: ScopedProps<ScrollAreaProps>, ref) => (
-    <CarouselProvider scope={__scopeScrollArea} size={size}>
-      <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>
-        <ScrollAreaPrimitive.Viewport className="size-full rounded-[inherit] [&>*]:h-full">
-          {children}
-        </ScrollAreaPrimitive.Viewport>
-        <ScrollAreaScrollbar orientation="vertical" />
-        <ScrollAreaScrollbar orientation="horizontal" />
-        <ScrollAreaPrimitive.Corner />
-      </ScrollAreaPrimitive.Root>
-    </CarouselProvider>
-  ),
-);
-
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Variant: ScrollAreaScrollbar
- * -------------------------------------------------------------------------- */
-
-const scrollAreaScrollbarVariants = tv({
-  base: 'flex touch-none select-none p-px transition',
-  variants: {
-    orientation: {
-      vertical: 'h-full flex-row border-l border-l-transparent',
-      horizontal: 'w-full flex-col border-t border-t-transparent',
-    },
-    size: {
-      none: '',
-      '1': '',
-      '2': '',
-      '3': '',
-    },
-  },
-  compoundVariants: [
-    { orientation: 'vertical', size: '1', className: 'w-1.5' },
-    { orientation: 'vertical', size: '2', className: 'w-2' },
-    { orientation: 'vertical', size: '3', className: 'w-2.5' },
-    { orientation: 'horizontal', size: '1', className: 'h-1.5' },
-    { orientation: 'horizontal', size: '2', className: 'h-2' },
-    { orientation: 'horizontal', size: '3', className: 'h-2.5' },
-  ],
-});
-
-type ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;
-
-/* -----------------------------------------------------------------------------
- * Component: ScrollAreaScrollbar
- * -------------------------------------------------------------------------- */
-
-type ScrollAreaScrollbarElement = React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>;
-type ScrollAreaScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;
-
-const ScrollAreaScrollbar = React.forwardRef<ScrollAreaScrollbarElement, ScrollAreaScrollbarProps>(
-  (
-    { __scopeScrollArea, className, orientation = 'vertical', ...props }: ScopedProps<ScrollAreaScrollbarProps>,
-    ref,
-  ) => {
-    const { size } = useCarouselContext(SCROLL_AREA_NAME, __scopeScrollArea);
-
-    return (
-      <ScrollAreaPrimitive.Scrollbar
-        ref={ref}
-        className={scrollAreaScrollbarVariants({ orientation, size, className })}
-        orientation={orientation}
-        {...props}
-      >
-        <ScrollAreaPrimitive.ScrollAreaThumb className="bg-border relative flex-1 rounded-full" />
-      </ScrollAreaPrimitive.Scrollbar>
-    );
-  },
-);
-
-ScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { ScrollArea, ScrollAreaScrollbar, type ScrollAreaProps, type ScrollAreaScrollbarProps };

package/src/react/section.tsx

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