@codefast/ui 0.0.65 → 0.0.67

package/src/react/table.tsx

@@ -1,142 +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 }, 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/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 }, 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/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 }, ref) => {
-  const Component = asChild ? Slot : Tag;
-
-  return <Component ref={ref} {...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 }, ref) => {
-  return (
-    <textarea
-      ref={ref}
-      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,
-      )}
-      {...props}
-    />
-  );
-});
-
-Textarea.displayName = 'Textarea';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Textarea, type TextareaProps };

package/src/react/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 { 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>, 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/react/toggle.tsx

@@ -1,49 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { tv, type VariantProps } from 'tailwind-variants';
-
-/* -----------------------------------------------------------------------------
- * Variant: Toggle
- * -------------------------------------------------------------------------- */
-
-const toggleVariants = tv({
-  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/react/tooltip.tsx

@@ -1,81 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cn } from '../lib/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}
-        className={cn(
-          'bg-popover text-popover-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 border px-3 py-1.5 text-xs',
-          className,
-        )}
-        sideOffset={sideOffset}
-        {...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,
-};

package/src/styles/styles.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/tailwind.config.ts

@@ -1,126 +0,0 @@
-import { fontFamily } from 'tailwindcss/defaultTheme';
-import animate from './plugin/animate.plugin';
-import base from './plugin/base.plugin';
-import perspective from './plugin/perspective.plugin';
-import { Config } from 'tailwindcss';
-
-const tailwindcssConfig: Config = {
-  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
-  darkMode: ['class'],
-  plugins: [animate, perspective, base],
-  theme: {
-    extend: {
-      animation: {
-        'collapsible-open': 'collapsible-open 200ms ease',
-        'collapsible-closed': 'collapsible-closed 200ms ease',
-        'caret-blink': 'caret-blink 1000ms ease infinite',
-      },
-      borderColor: {
-        DEFAULT: 'hsl(var(--border))',
-      },
-      borderRadius: {
-        sm: 'calc(var(--radius, 0.25rem) - 0.125px)', // 2px
-        DEFAULT: 'var(--radius, 0.25rem)', // 4px
-        md: 'calc(var(--radius, 0.25rem) + 0.125rem)', // 6px
-        lg: 'calc(var(--radius, 0.25rem) + 0.25rem)', // 8px
-        xl: 'calc(var(--radius, 0.25rem) + 0.5rem)', // 12px
-        '2xl': 'calc(var(--radius, 0.25rem) + 0.75rem)', // 16px
-        '3xl': 'calc(var(--radius, 0.25rem) + 1.25rem)', // 24px
-      },
-      colors: {
-        accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
-        },
-        background: 'hsl(var(--background))',
-        border: 'hsl(var(--border))',
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
-        },
-        foreground: 'hsl(var(--foreground))',
-        info: {
-          DEFAULT: 'hsl(var(--info))',
-          foreground: 'hsl(var(--info-foreground))',
-        },
-        input: 'hsl(var(--input))',
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
-        },
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        ring: 'hsl(var(--ring))',
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        success: {
-          DEFAULT: 'hsl(var(--success))',
-          foreground: 'hsl(var(--success-foreground))',
-        },
-        warning: {
-          DEFAULT: 'hsl(var(--warning))',
-          foreground: 'hsl(var(--warning-foreground))',
-        },
-      },
-      fontFamily: {
-        sans: `var(--font-sans, ${fontFamily.sans.join(', ')})`,
-      },
-      keyframes: {
-        'collapsible-open': {
-          from: {
-            height: '0',
-          },
-          to: {
-            height: 'var(--radix-collapsible-content-height)',
-          },
-        },
-        'collapsible-closed': {
-          from: {
-            height: 'var(--radix-collapsible-content-height)',
-          },
-          to: {
-            height: '0',
-          },
-        },
-        'caret-blink': {
-          '0%,70%,100%': {
-            opacity: '1',
-          },
-          '20%,50%': {
-            opacity: '0',
-          },
-        },
-      },
-      outlineColor: {
-        DEFAULT: 'hsl(var(--ring))',
-      },
-      ringColor: {
-        DEFAULT: 'hsl(var(--ring))',
-      },
-      ringOffsetColor: {
-        DEFAULT: 'hsl(var(--background))',
-      },
-      spacing: {
-        0.75: '0.1875rem', // 3px
-        18: '4.5rem', // 72px
-      },
-      transitionDuration: {
-        250: '250ms',
-      },
-    },
-  },
-};
-
-export default tailwindcssConfig;