@codefast/ui 0.0.66 → 0.0.68

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>, forwardedRef) => (
-    <CarouselProvider scope={__scopeScrollArea} size={size}>
-      <ScrollAreaPrimitive.Root ref={forwardedRef} 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>,
-    forwardedRef,
-  ) => {
-    const { size } = useCarouselContext(SCROLL_AREA_NAME, __scopeScrollArea);
-
-    return (
-      <ScrollAreaPrimitive.Scrollbar
-        ref={forwardedRef}
-        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 }, forwardedRef) => {
-  const Component = asChild ? Slot : 'section';
-
-  return <Component ref={forwardedRef} {...props} />;
-});
-
-Section.displayName = 'Section';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Section, type SectionProps };

package/src/react/select.tsx

@@ -1,219 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Select
- * -------------------------------------------------------------------------- */
-
-type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
-const Select = SelectPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectGroup
- * -------------------------------------------------------------------------- */
-
-type SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;
-const SelectGroup = SelectPrimitive.Group;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectValue
- * -------------------------------------------------------------------------- */
-
-type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
-const SelectValue = SelectPrimitive.Value;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectTrigger
- * -------------------------------------------------------------------------- */
-
-type SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;
-type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
-
-const SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(
-  ({ children, className, ...props }, forwardedRef) => (
-    <SelectPrimitive.Trigger
-      ref={forwardedRef}
-      className={cn(
-        'border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate',
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <SelectPrimitive.Icon asChild>
-        <CaretSortIcon className="size-4 opacity-50" />
-      </SelectPrimitive.Icon>
-    </SelectPrimitive.Trigger>
-  ),
-);
-
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectScrollUpButton
- * -------------------------------------------------------------------------- */
-
-type SelectScrollUpButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollUpButton>;
-type SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;
-
-const SelectScrollUpButton = React.forwardRef<SelectScrollUpButtonElement, SelectScrollUpButtonProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <SelectPrimitive.ScrollUpButton
-      ref={forwardedRef}
-      className={cn('flex cursor-pointer items-center justify-center py-1', className)}
-      {...props}
-    >
-      <ChevronUpIcon />
-    </SelectPrimitive.ScrollUpButton>
-  ),
-);
-
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectScrollDownButton
- * -------------------------------------------------------------------------- */
-
-type SelectScrollDownButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollDownButton>;
-type SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;
-
-const SelectScrollDownButton = React.forwardRef<SelectScrollDownButtonElement, SelectScrollDownButtonProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <SelectPrimitive.ScrollDownButton
-      ref={forwardedRef}
-      className={cn('flex cursor-pointer items-center justify-center py-1', className)}
-      {...props}
-    >
-      <ChevronDownIcon />
-    </SelectPrimitive.ScrollDownButton>
-  ),
-);
-
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectContent
- * -------------------------------------------------------------------------- */
-
-type SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;
-type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
-
-const SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(
-  ({ children, className, position = 'popper', ...props }, forwardedRef) => (
-    <SelectPrimitive.Portal>
-      <SelectPrimitive.Content
-        ref={forwardedRef}
-        className={cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md',
-          position === 'popper' &&
-            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
-          className,
-        )}
-        position={position}
-        {...props}
-      >
-        <SelectScrollUpButton />
-        <SelectPrimitive.Viewport
-          className={cn(
-            'p-1',
-            position === 'popper' &&
-              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',
-          )}
-        >
-          {children}
-        </SelectPrimitive.Viewport>
-        <SelectScrollDownButton />
-      </SelectPrimitive.Content>
-    </SelectPrimitive.Portal>
-  ),
-);
-
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectLabel
- * -------------------------------------------------------------------------- */
-
-type SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;
-type SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
-
-const SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(({ className, ...props }, forwardedRef) => (
-  <SelectPrimitive.Label ref={forwardedRef} className={cn('px-2 py-1.5 text-sm font-semibold', className)} {...props} />
-));
-
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectItem
- * -------------------------------------------------------------------------- */
-
-type SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;
-type SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
-
-const SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(
-  ({ children, className, ...props }, forwardedRef) => (
-    <SelectPrimitive.Item
-      ref={forwardedRef}
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',
-        className,
-      )}
-      {...props}
-    >
-      <span className="absolute right-2 flex size-3.5 items-center justify-center">
-        <SelectPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </SelectPrimitive.ItemIndicator>
-      </span>
-      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-    </SelectPrimitive.Item>
-  ),
-);
-
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SelectSeparator
- * -------------------------------------------------------------------------- */
-
-type SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;
-type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;
-
-const SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <SelectPrimitive.Separator ref={forwardedRef} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />
-  ),
-);
-
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  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/react/separator.tsx

@@ -1,32 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Separator
- * -------------------------------------------------------------------------- */
-
-type SeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;
-type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
-
-const Separator = React.forwardRef<SeparatorElement, SeparatorProps>(
-  ({ className, orientation = 'horizontal', decorative = true, ...props }, forwardedRef) => (
-    <SeparatorPrimitive.Root
-      ref={forwardedRef}
-      className={cn('bg-border shrink-0', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className)}
-      decorative={decorative}
-      orientation={orientation}
-      {...props}
-    />
-  ),
-);
-
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Separator, type SeparatorProps };

package/src/react/sheet.tsx

@@ -1,178 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { Cross2Icon } from '@radix-ui/react-icons';
-import { tv, type VariantProps } from 'tailwind-variants';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Sheet
- * -------------------------------------------------------------------------- */
-
-type SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;
-const Sheet = SheetPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: SheetTrigger
- * -------------------------------------------------------------------------- */
-
-type SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;
-const SheetTrigger = SheetPrimitive.Trigger;
-
-/* -----------------------------------------------------------------------------
- * Component: SheetClose
- * -------------------------------------------------------------------------- */
-
-type SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;
-const SheetClose = SheetPrimitive.Close;
-
-/* -----------------------------------------------------------------------------
- * Variant: SheetContent
- * -------------------------------------------------------------------------- */
-
-const sheetContentVariants = tv({
-  base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',
-  variants: {
-    side: {
-      top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',
-      bottom:
-        'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',
-      left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
-      right:
-        'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
-    },
-  },
-  defaultVariants: {
-    side: 'right',
-  },
-});
-
-type SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;
-
-/* -----------------------------------------------------------------------------
- * Component: SheetContent
- * -------------------------------------------------------------------------- */
-
-type SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;
-type SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;
-
-const SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(
-  ({ children, side = 'right', className, ...props }, forwardedRef) => (
-    <SheetPrimitive.Portal>
-      <SheetPrimitive.Overlay className="data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80" />
-      <SheetPrimitive.Content ref={forwardedRef} className={sheetContentVariants({ side, className })} {...props}>
-        {children}
-        <SheetPrimitive.Close className="data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none">
-          <Cross2Icon className="size-4" />
-          <span className="sr-only">Close</span>
-        </SheetPrimitive.Close>
-      </SheetPrimitive.Content>
-    </SheetPrimitive.Portal>
-  ),
-);
-
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SheetHeader
- * -------------------------------------------------------------------------- */
-
-type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-
-function SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {
-  return (
-    <header
-      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}
-      {...props}
-    />
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: SheetBody
- * -------------------------------------------------------------------------- */
-
-type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;
-
-function SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {
-  return <main className={cn('px-6 py-2', className)} {...props} />;
-}
-
-/* -----------------------------------------------------------------------------
- * Component: SheetFooter
- * -------------------------------------------------------------------------- */
-
-type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
-
-function SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {
-  return (
-    <footer
-      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}
-      {...props}
-    />
-  );
-}
-
-SheetFooter.displayName = 'SheetFooter';
-
-/* -----------------------------------------------------------------------------
- * Component: SheetTitle
- * -------------------------------------------------------------------------- */
-
-type SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;
-type SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;
-
-const SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, forwardedRef) => (
-  <SheetPrimitive.Title
-    ref={forwardedRef}
-    className={cn('text-foreground text-lg font-semibold', className)}
-    {...props}
-  />
-));
-
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: SheetDescription
- * -------------------------------------------------------------------------- */
-
-type SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;
-type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;
-
-const SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <SheetPrimitive.Description
-      ref={forwardedRef}
-      className={cn('text-muted-foreground text-sm', className)}
-      {...props}
-    />
-  ),
-);
-
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Sheet,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetBody,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-  type SheetProps,
-  type SheetTriggerProps,
-  type SheetCloseProps,
-  type SheetContentProps,
-  type SheetHeaderProps,
-  type SheetBodyProps,
-  type SheetFooterProps,
-  type SheetTitleProps,
-  type SheetDescriptionProps,
-};

package/src/react/skeleton.tsx

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Skeleton
- * -------------------------------------------------------------------------- */
-
-type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
-
-function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element {
-  return <div className={cn('bg-primary/10 animate-pulse rounded', className)} {...props} />;
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Skeleton, type SkeletonProps };