@codefast/ui 0.0.38 → 0.0.39

package/src/table.tsx

@@ -1,142 +0,0 @@
-import * as React from "react";
-import { cn } from "./utils";
-
-/* -----------------------------------------------------------------------------
- * Component: Table
- * -------------------------------------------------------------------------- */
-
-type TableElement = HTMLTableElement;
-type TableProps = React.HTMLAttributes<HTMLTableElement>;
-
-const Table = React.forwardRef<TableElement, TableProps>(({ className, ...props }, ref) => (
-  <div className="relative w-full overflow-auto">
-    <table ref={ref} 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 }, ref) => (
-  <thead ref={ref} 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 }, ref) => (
-  <tbody ref={ref} 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 }, ref) => (
-  <tfoot ref={ref} 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 }, ref) => (
-  <tr
-    ref={ref}
-    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 }, ref) => (
-  <th
-    ref={ref}
-    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 }, ref) => (
-  <td ref={ref} 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 }, ref) => (
-  <caption ref={ref} 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/tabs.tsx

@@ -1,87 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "./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 }, ref) => (
-  <TabsPrimitive.List
-    ref={ref}
-    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 }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    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 }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    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/textarea.tsx

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { cn } from "./utils";
-
-/* -----------------------------------------------------------------------------
- * Component: Textarea
- * -------------------------------------------------------------------------- */
-
-type TextareaElement = HTMLTextAreaElement;
-type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-
-const Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className, ...props }, ref) => {
-  return (
-    <textarea
-      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-not-allowed disabled:opacity-50",
-        className,
-      )}
-      ref={ref}
-      {...props}
-    />
-  );
-});
-
-Textarea.displayName = "Textarea";
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Textarea, type TextareaProps };

package/src/toggle-group.tsx

@@ -1,81 +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 { toggleVariants, type ToggleVariantsProps } from "./toggle";
-import { cn } from "./utils";
-
-/* -----------------------------------------------------------------------------
- * 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>, ref) => {
-    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
-
-    return (
-      <ToggleGroupProvider scope={__scopeToggleGroup} size={size} variant={variant}>
-        <ToggleGroupPrimitive.Root
-          ref={ref}
-          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>, ref) => {
-    const context = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
-    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
-
-    return (
-      <ToggleGroupPrimitive.Item
-        ref={ref}
-        className={toggleVariants({ ...context, className })}
-        {...toggleGroupScope}
-        {...props}
-      >
-        {children}
-      </ToggleGroupPrimitive.Item>
-    );
-  },
-);
-
-ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupItemProps };

package/src/toggle.tsx

@@ -1,49 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { type VariantProps } from "cva";
-import { cva } from "./utils";
-
-/* -----------------------------------------------------------------------------
- * Variant: Toggle
- * -------------------------------------------------------------------------- */
-
-const toggleVariants = cva({
-  base: "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  variants: {
-    variant: {
-      default: "bg-transparent",
-      outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm",
-    },
-    size: {
-      default: "h-10 px-3",
-      sm: "h-9 px-2.5",
-      lg: "h-11 px-5",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default",
-  },
-});
-
-type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
-
-/* -----------------------------------------------------------------------------
- * Component: Toggle
- * -------------------------------------------------------------------------- */
-
-type ToggleElement = React.ElementRef<typeof TogglePrimitive.Root>;
-type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & ToggleVariantsProps;
-
-const Toggle = React.forwardRef<ToggleElement, ToggleProps>(({ className, variant, size, ...props }, ref) => (
-  <TogglePrimitive.Root ref={ref} className={toggleVariants({ variant, size, className })} {...props} />
-));
-
-Toggle.displayName = TogglePrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-export { Toggle, toggleVariants, type ToggleProps, type ToggleVariantsProps };

package/src/tooltip.tsx

@@ -1,81 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "./utils";
-
-/* -----------------------------------------------------------------------------
- * Component: TooltipProvider
- * -------------------------------------------------------------------------- */
-
-type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;
-const TooltipProvider = TooltipPrimitive.Provider;
-
-/* -----------------------------------------------------------------------------
- * Component: Tooltip
- * -------------------------------------------------------------------------- */
-
-type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;
-const Tooltip = TooltipPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: TooltipTrigger
- * -------------------------------------------------------------------------- */
-
-type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-
-/* -----------------------------------------------------------------------------
- * Component: TooltipContent
- * -------------------------------------------------------------------------- */
-
-type TooltipContentElement = React.ElementRef<typeof TooltipPrimitive.Content>;
-type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
-
-const TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(
-  ({ className, sideOffset = 6, ...props }, ref) => (
-    <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Content
-        ref={ref}
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-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=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs",
-          className,
-        )}
-        {...props}
-      />
-    </TooltipPrimitive.Portal>
-  ),
-);
-
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: TooltipArrow
- * -------------------------------------------------------------------------- */
-
-type TooltipArrowElement = React.ElementRef<typeof TooltipPrimitive.Arrow>;
-type TooltipArrowProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
-
-const TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(({ className, ...props }, ref) => (
-  <TooltipPrimitive.Arrow ref={ref} className={cn("fill-primary", className)} {...props} />
-));
-
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
-  TooltipArrow,
-  type TooltipProviderProps,
-  type TooltipProps,
-  type TooltipTriggerProps,
-  type TooltipContentProps,
-  type TooltipArrowProps,
-};