@codefast/ui 0.0.66 → 0.0.68

package/src/react/slider.tsx

@@ -1,41 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Slider
- * -------------------------------------------------------------------------- */
-
-type SliderElement = React.ElementRef<typeof SliderPrimitive.Root>;
-type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
-
-const Slider = React.forwardRef<SliderElement, SliderProps>(({ className, ...props }, forwardedRef) => (
-  <SliderPrimitive.Root
-    ref={forwardedRef}
-    className={cn('relative flex w-full touch-none select-none items-center', className)}
-    {...props}
-  >
-    <SliderPrimitive.Track className="bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full">
-      <SliderPrimitive.Range className="bg-primary absolute h-full" />
-    </SliderPrimitive.Track>
-
-    {(props.value ?? props.defaultValue ?? []).map((value, index) => (
-      <SliderPrimitive.Thumb
-        // eslint-disable-next-line react/no-array-index-key -- index is stable
-        key={index}
-        className="border-primary/50 bg-background block size-4 rounded-full border shadow transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50"
-        {...(props.tabIndex !== undefined ? { tabIndex: props.tabIndex } : undefined)}
-      />
-    ))}
-  </SliderPrimitive.Root>
-));
-
-Slider.displayName = SliderPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Slider, type SliderProps };

package/src/react/sonner.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useTheme } from 'next-themes';
-import { toast, Toaster as Sonner } from 'sonner';
-
-/* -----------------------------------------------------------------------------
- * Component: Sonner
- * -------------------------------------------------------------------------- */
-
-type ToasterProps = React.ComponentProps<typeof Sonner>;
-type Theme = 'light' | 'dark' | 'system' | undefined;
-
-function Toaster({ ...props }: ToasterProps): React.JSX.Element {
-  const { theme = 'system' } = useTheme() as { theme: Theme };
-
-  return (
-    <Sonner
-      className="toaster group"
-      theme={theme}
-      toastOptions={{
-        classNames: {
-          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
-          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
-          content: 'w-full flex flex-col gap-1',
-          description: 'group-[.toast]:text-muted-foreground',
-          toast:
-            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
-        },
-      }}
-      {...props}
-    />
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Toaster, toast, type ToasterProps };

package/src/react/spinner.tsx

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Spinner
- * -------------------------------------------------------------------------- */
-
-const spinnerCount = 8;
-
-type SpinnerElement = HTMLSpanElement;
-
-interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
-  loading?: boolean;
-}
-
-const Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(
-  ({ children, className, loading = true, ...props }, forwardedRef) => {
-    if (!loading) {
-      return children;
-    }
-
-    const spinner = (
-      <span
-        ref={forwardedRef}
-        className={cn('relative flex size-4 items-center justify-center opacity-60', className)}
-        {...props}
-      >
-        {Array.from({ length: spinnerCount }, (_, i) => (
-          <span
-            key={i}
-            className="before:fade-out-25 before:animate-out before:animate-repeat-infinite before:animate-delay-[var(--spinner-delay)] before:animate-duration-[var(--spinner-duration)] absolute h-full rotate-[var(--spinner-rotate)] before:block before:h-1/3 before:w-full before:rounded-full before:bg-current"
-            style={
-              {
-                width: `${(100 / spinnerCount).toString()}%`,
-                '--spinner-delay': `-${((spinnerCount - i) * 100).toString()}ms`,
-                '--spinner-rotate': `${((360 / spinnerCount) * i).toString()}deg`,
-                '--spinner-duration': `${(spinnerCount * 100).toString()}ms`,
-              } as React.CSSProperties
-            }
-          />
-        ))}
-      </span>
-    );
-
-    if (children === undefined) {
-      return spinner;
-    }
-
-    return (
-      <span className="relative">
-        <span aria-hidden className="invisible contents">
-          {children}
-        </span>
-        <VisuallyHidden>{children}</VisuallyHidden>
-        <span className="absolute inset-0 flex items-center justify-center">{spinner}</span>
-      </span>
-    );
-  },
-);
-
-Spinner.displayName = 'Spinner';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Spinner, type SpinnerProps };

package/src/react/strong.tsx

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

package/src/react/switch.tsx

@@ -1,33 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Switch
- * -------------------------------------------------------------------------- */
-
-type SwitchElement = React.ElementRef<typeof SwitchPrimitives.Root>;
-type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
-
-const Switch = React.forwardRef<SwitchElement, SwitchProps>(({ className, ...props }, forwardedRef) => (
-  <SwitchPrimitives.Root
-    className={cn(
-      'data-[state=checked]:bg-primary data-[state=unchecked]:bg-input peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-sm transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50',
-      className,
-    )}
-    {...props}
-    ref={forwardedRef}
-  >
-    <SwitchPrimitives.Thumb className="bg-background pointer-events-none block size-4 rounded-full shadow-lg transition data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0" />
-  </SwitchPrimitives.Root>
-));
-
-Switch.displayName = SwitchPrimitives.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Switch, type SwitchProps };

package/src/react/table.tsx

@@ -1,148 +0,0 @@
-import * as React from 'react';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Table
- * -------------------------------------------------------------------------- */
-
-type TableElement = HTMLTableElement;
-type TableProps = React.HTMLAttributes<HTMLTableElement>;
-
-const Table = React.forwardRef<TableElement, TableProps>(({ className, ...props }, forwardedRef) => (
-  <div className="relative w-full overflow-auto">
-    <table ref={forwardedRef} className={cn('w-full caption-bottom text-sm', className)} {...props} />
-  </div>
-));
-
-Table.displayName = 'Table';
-
-/* -----------------------------------------------------------------------------
- * Component: TableHeader
- * -------------------------------------------------------------------------- */
-
-type TableHeaderElement = HTMLTableSectionElement;
-type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
-
-const TableHeader = React.forwardRef<TableHeaderElement, TableHeaderProps>(({ className, ...props }, forwardedRef) => (
-  <thead ref={forwardedRef} className={cn('[&_tr]:border-b', className)} {...props} />
-));
-
-TableHeader.displayName = 'TableHeader';
-
-/* -----------------------------------------------------------------------------
- * Component: TableBody
- * -------------------------------------------------------------------------- */
-
-type TableBodyElement = HTMLTableSectionElement;
-type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
-
-const TableBody = React.forwardRef<TableBodyElement, TableBodyProps>(({ className, ...props }, forwardedRef) => (
-  <tbody ref={forwardedRef} className={cn('[&_tr:last-child]:border-0', className)} {...props} />
-));
-
-TableBody.displayName = 'TableBody';
-
-/* -----------------------------------------------------------------------------
- * Component: TableFooter
- * -------------------------------------------------------------------------- */
-
-type TableFooterElement = HTMLTableSectionElement;
-type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
-
-const TableFooter = React.forwardRef<TableFooterElement, TableFooterProps>(({ className, ...props }, forwardedRef) => (
-  <tfoot
-    ref={forwardedRef}
-    className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}
-    {...props}
-  />
-));
-
-TableFooter.displayName = 'TableFooter';
-
-/* -----------------------------------------------------------------------------
- * Component: TableRow
- * -------------------------------------------------------------------------- */
-
-type TableRowElement = HTMLTableRowElement;
-type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
-
-const TableRow = React.forwardRef<TableRowElement, TableRowProps>(({ className, ...props }, forwardedRef) => (
-  <tr
-    ref={forwardedRef}
-    className={cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition', className)}
-    {...props}
-  />
-));
-
-TableRow.displayName = 'TableRow';
-
-/* -----------------------------------------------------------------------------
- * Component: TableHead
- * -------------------------------------------------------------------------- */
-
-type TableHeadElement = HTMLTableCellElement;
-type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
-
-const TableHead = React.forwardRef<TableHeadElement, TableHeadProps>(({ className, ...props }, forwardedRef) => (
-  <th
-    ref={forwardedRef}
-    className={cn(
-      'text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0',
-      className,
-    )}
-    {...props}
-  />
-));
-
-TableHead.displayName = 'TableHead';
-
-/* -----------------------------------------------------------------------------
- * Component: TableCell
- * -------------------------------------------------------------------------- */
-
-type TableCellElement = HTMLTableCellElement;
-type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
-
-const TableCell = React.forwardRef<TableCellElement, TableCellProps>(({ className, ...props }, forwardedRef) => (
-  <td ref={forwardedRef} className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)} {...props} />
-));
-
-TableCell.displayName = 'TableCell';
-
-/* -----------------------------------------------------------------------------
- * Component: TableCaption
- * -------------------------------------------------------------------------- */
-
-type TableCaptionElement = HTMLTableCaptionElement;
-type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
-
-const TableCaption = React.forwardRef<TableCaptionElement, TableCaptionProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <caption ref={forwardedRef} className={cn('text-muted-foreground mt-4 text-sm', className)} {...props} />
-  ),
-);
-
-TableCaption.displayName = 'TableCaption';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-  type TableProps,
-  type TableHeaderProps,
-  type TableBodyProps,
-  type TableFooterProps,
-  type TableHeadProps,
-  type TableRowProps,
-  type TableCellProps,
-  type TableCaptionProps,
-};

package/src/react/tabs.tsx

@@ -1,87 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Tabs
- * -------------------------------------------------------------------------- */
-
-type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
-const Tabs = TabsPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: TabsList
- * -------------------------------------------------------------------------- */
-
-type TabsListElement = React.ElementRef<typeof TabsPrimitive.List>;
-type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
-
-const TabsList = React.forwardRef<TabsListElement, TabsListProps>(({ className, ...props }, forwardedRef) => (
-  <TabsPrimitive.List
-    ref={forwardedRef}
-    className={cn(
-      'bg-muted text-muted-foreground inline-flex h-10 items-center justify-center gap-1 rounded-md p-1',
-      className,
-    )}
-    {...props}
-  />
-));
-
-TabsList.displayName = TabsPrimitive.List.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: TabsTrigger
- * -------------------------------------------------------------------------- */
-
-type TabsTriggerElement = React.ElementRef<typeof TabsPrimitive.Trigger>;
-type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
-
-const TabsTrigger = React.forwardRef<TabsTriggerElement, TabsTriggerProps>(({ className, ...props }, forwardedRef) => (
-  <TabsPrimitive.Trigger
-    ref={forwardedRef}
-    className={cn(
-      'data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium outline-transparent transition-all focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm',
-      className,
-    )}
-    {...props}
-  />
-));
-
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: TabsContent
- * -------------------------------------------------------------------------- */
-
-type TabsContentElement = React.ElementRef<typeof TabsPrimitive.Content>;
-type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
-
-const TabsContent = React.forwardRef<TabsContentElement, TabsContentProps>(({ className, ...props }, forwardedRef) => (
-  <TabsPrimitive.Content
-    ref={forwardedRef}
-    className={cn(
-      'mt-2 rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
-      className,
-    )}
-    {...props}
-  />
-));
-
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  type TabsProps,
-  type TabsListProps,
-  type TabsTriggerProps,
-  type TabsContentProps,
-};

package/src/react/text-input.tsx

@@ -1,36 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { Input, type InputProps, InputSlot, type InputSlotProps } from './input';
-
-/* -----------------------------------------------------------------------------
- * Component: TextInput
- * -------------------------------------------------------------------------- */
-
-type TextInputElement = HTMLInputElement;
-interface TextInputProps extends InputProps, Omit<InputSlotProps, 'prefix'> {}
-
-const TextInput = React.forwardRef<TextInputElement, TextInputProps>(
-  ({ className, loading, loaderPosition, prefix, suffix, inputSize, ...props }, ref) => {
-    return (
-      <Input
-        className={className}
-        inputSize={inputSize}
-        loaderPosition={loaderPosition}
-        loading={loading}
-        prefix={prefix}
-        suffix={suffix}
-      >
-        <InputSlot ref={ref} {...props} />
-      </Input>
-    );
-  },
-);
-
-TextInput.displayName = 'TextInput';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { TextInput, type TextInputProps };

package/src/react/text.tsx

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-
-/* -----------------------------------------------------------------------------
- * Component: Text
- * -------------------------------------------------------------------------- */
-
-type TextElement = HTMLParagraphElement;
-
-interface TextParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
-  as?: 'p';
-}
-
-interface TextSpanProps extends React.HTMLAttributes<HTMLSpanElement> {
-  as: 'span';
-}
-
-type TextProps = (TextParagraphProps | TextSpanProps) & {
-  asChild?: boolean;
-};
-
-const Text = React.forwardRef<TextElement, TextProps>(({ as: Tag = 'p', asChild, ...props }, forwardedRef) => {
-  const Component = asChild ? Slot : Tag;
-
-  return <Component ref={forwardedRef} {...props} />;
-});
-
-Text.displayName = 'Text';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Text, type TextProps };

package/src/react/textarea.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Textarea
- * -------------------------------------------------------------------------- */
-
-type TextareaElement = HTMLTextAreaElement;
-type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-
-const Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className, ...props }, forwardedRef) => {
-  return (
-    <textarea
-      ref={forwardedRef}
-      className={cn(
-        'border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50',
-        className,
-      )}
-      {...props}
-    />
-  );
-});
-
-Textarea.displayName = 'Textarea';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Textarea, type TextareaProps };

package/src/react/toggle-group.tsx

@@ -1,84 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { createToggleGroupScope } from '@radix-ui/react-toggle-group';
-import { createContextScope, type Scope } from '@radix-ui/react-context';
-import { cn } from '../lib/utils';
-import { toggleVariants, type ToggleVariantsProps } from './toggle';
-
-/* -----------------------------------------------------------------------------
- * Component: ToggleGroup
- * -------------------------------------------------------------------------- */
-
-const TOGGLE_GROUP_NAME = 'ToggleGroup';
-
-type ScopedProps<P> = P & { __scopeToggleGroup?: Scope };
-
-const [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [createToggleGroupScope]);
-
-const useToggleGroupScope = createToggleGroupScope();
-
-const [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext<ToggleVariantsProps>(TOGGLE_GROUP_NAME);
-
-type ToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;
-type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & ToggleVariantsProps;
-
-const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(
-  (
-    { __scopeToggleGroup, children, className, variant, size, ...props }: ScopedProps<ToggleGroupProps>,
-    forwardedRef,
-  ) => {
-    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
-
-    return (
-      <ToggleGroupProvider scope={__scopeToggleGroup} size={size} variant={variant}>
-        <ToggleGroupPrimitive.Root
-          ref={forwardedRef}
-          className={cn('flex items-center justify-center gap-1', className)}
-          {...toggleGroupScope}
-          {...props}
-        >
-          {children}
-        </ToggleGroupPrimitive.Root>
-      </ToggleGroupProvider>
-    );
-  },
-);
-
-ToggleGroup.displayName = TOGGLE_GROUP_NAME;
-
-/* -----------------------------------------------------------------------------
- * Component: ToggleGroupItem
- * -------------------------------------------------------------------------- */
-
-const TOGGLE_GROUP_ITEM_NAME = 'ToggleGroupItem';
-
-type ToggleGroupItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;
-type ToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;
-
-const ToggleGroupItem = React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(
-  ({ __scopeToggleGroup, children, className, ...props }: ScopedProps<ToggleGroupItemProps>, forwardedRef) => {
-    const context = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
-    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
-
-    return (
-      <ToggleGroupPrimitive.Item
-        ref={forwardedRef}
-        className={toggleVariants({ ...context, className })}
-        {...toggleGroupScope}
-        {...props}
-      >
-        {children}
-      </ToggleGroupPrimitive.Item>
-    );
-  },
-);
-
-ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupItemProps };