@codefast/ui 0.0.66 → 0.0.68

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 }, forwardedRef) => (
-  <TogglePrimitive.Root ref={forwardedRef} 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,83 +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 }, forwardedRef) => (
-    <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Content
-        ref={forwardedRef}
-        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 }, forwardedRef) => (
-    <TooltipPrimitive.Arrow ref={forwardedRef} 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;