@brainfish-ai/components 0.18.0 → 0.18.4-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/components",
-  "version": "0.18.0",
+  "version": "0.18.4-alpha.1",
   "description": "Brainfish Components",
   "license": "MIT",
   "module": "./dist/esm/index.js",
@@ -75,7 +75,7 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@brainfish-ai/tiptap": "0.0.0",
+    "@brainfish-ai/tiptap": "workspace:*",
     "@radix-ui/react-slot": "^1.2.4",
     "@storybook/addon-docs": "^10.0.7",
     "@storybook/addon-links": "^10.0.7",
@@ -146,7 +146,7 @@
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-collapsible": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.7",
+    "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-label": "^2.1.2",
@@ -197,4 +197,4 @@
     "y-webrtc": "^10.3.0",
     "yjs": "^13.6.27"
   }
-}
+}

package/tailwind.config.js

@@ -2,4 +2,21 @@
 module.exports = {
   presets: [require('./tailwind.preset.ts').default],
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  plugins: [
+    require('tailwindcss/plugin')(function ({ addBase }) {
+      addBase({
+        '*, ::before, ::after': {
+          '--tw-ring-color': 'color-mix(in srgb, var(--bfc-primary) 85%, transparent)',
+        },
+        '*:focus-visible': {
+          '--tw-ring-offset-width': '0px',
+          '--tw-ring-offset-shadow': 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
+          '--tw-ring-shadow': 'var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
+          'box-shadow': 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
+          'outline': '2px solid transparent',
+          'outline-offset': '2px',
+        },
+      });
+    }),
+  ],
 };

package/tailwind.preset.ts

@@ -63,7 +63,7 @@ const preset: Partial<Config> = {
 
         border: 'var(--bfc-border)',
         input: 'var(--bfc-input)',
-        ring: 'var(--bfc-border)',
+        ring: 'color-mix(in srgb, var(--bfc-primary) 85%, transparent)',
         background: 'var(--bfc-background)',
         foreground: 'var(--bfc-foreground)',
         feedback: {
@@ -141,6 +141,9 @@ const preset: Partial<Config> = {
         lg: '24px',
         xl: '32px',
       },
+      boxShadow: {
+        md: '2px 4px 12px 0 rgba(0,0,0,0.14)',
+      },
       gridTemplateColumns: {
         12: 'repeat(12, minmax(0, 1fr))',
       },

package/dist/accordion.d.ts

@@ -1,12 +0,0 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React_2 from 'react';
-
-export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): React_2.JSX.Element;
-
-export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): React_2.JSX.Element;
-
-export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): React_2.JSX.Element;
-
-export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): React_2.JSX.Element;
-
-export { }

package/dist/alert-dialog.d.ts

@@ -1,46 +0,0 @@
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { ClassProp } from 'class-variance-authority/types';
-import * as React_2 from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-export declare const AlertDialog: React_2.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogProps & React_2.RefAttributes<never>>;
-
-export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "link" | "dark" | "default" | "destructive" | "success" | "outline" | "secondary" | "ghost" | "shadow" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string> & {
-    asChild?: boolean | undefined;
-} & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "link" | "dark" | "default" | "destructive" | "success" | "outline" | "secondary" | "ghost" | "shadow" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
-    zIndex?: string | undefined;
-} & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
-
-export declare const AlertDialogFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): React_2.JSX.Element;
-    displayName: string;
-};
-
-export declare const AlertDialogHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): React_2.JSX.Element;
-    displayName: string;
-};
-
-export declare const AlertDialogOverlay: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
-    zIndex?: string | undefined;
-} & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AlertDialogPortal: React_2.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-
-export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
-
-export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export { }

package/dist/alert.d.ts

@@ -1,17 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import * as React_2 from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-export declare const Alert: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
-} & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AlertAction: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AlertContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AlertDescription: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AlertTitle: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
-
-export { }

package/dist/badge.d.ts

@@ -1,14 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import * as React_2 from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-export declare function Badge({ className, variant, ...props }: BadgeProps): React_2.JSX.Element;
-
-export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-
-export declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export { }

package/dist/button-group.d.ts

@@ -1,21 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { default as default_2 } from 'react';
-import * as React_2 from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { VariantProps } from 'class-variance-authority';
-
-export declare function ButtonGroup({ className, orientation, ...props }: default_2.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): default_2.JSX.Element;
-
-export declare function ButtonGroupSeparator({ className, orientation, ...props }: default_2.ComponentProps<typeof Separator>): default_2.JSX.Element;
-
-export declare function ButtonGroupText({ className, asChild, ...props }: default_2.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): default_2.JSX.Element;
-
-export declare const buttonGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export { }

package/dist/button.d.ts

@@ -1,16 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import * as React_2 from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-
-export declare const buttonVariants: (props?: ({
-    variant?: "link" | "dark" | "default" | "destructive" | "success" | "outline" | "secondary" | "ghost" | "shadow" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export { }

package/dist/calendar.d.ts

@@ -1,12 +0,0 @@
-import { DayPicker } from 'react-day-picker';
-import * as React_2 from 'react';
-
-export declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React_2.JSX.Element;
-
-export declare namespace Calendar {
-    var displayName: string;
-}
-
-export declare type CalendarProps = React_2.ComponentProps<typeof DayPicker>;
-
-export { }

package/dist/card.d.ts

@@ -1,15 +0,0 @@
-import * as React_2 from 'react';
-
-export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
-
-export { }

package/dist/chart-area-linear.d.ts

@@ -1,41 +0,0 @@
-import { default as default_2 } from 'react';
-import * as React_2 from 'react';
-
-export declare function ChartAreaLinear({ title, metric, data, chartConfig, locale }: ChartAreaLinearProps): default_2.JSX.Element;
-
-export declare interface ChartAreaLinearProps {
-    title: string;
-    metric: string;
-    data: {
-        date: Date | string;
-        key1: number;
-        key2?: number;
-        key3?: number;
-        key4?: number;
-        key5?: number;
-    }[];
-    chartConfig: ChartConfig;
-    locale?: string;
-}
-
-declare type ChartConfig = {
-    [k in string]: {
-        label?: React_2.ReactNode;
-        icon?: React_2.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-
-export declare const description = "A linear area chart";
-
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-
-export { }

package/dist/chart-radial-stacked.d.ts

@@ -1,31 +0,0 @@
-import { default as default_2 } from 'react';
-import * as React_2 from 'react';
-
-declare type ChartConfig = {
-    [k in string]: {
-        label?: React_2.ReactNode;
-        icon?: React_2.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-
-export declare function ChartRadialStacked({ title, data, chartConfig, className }: ChartRadialStackedProps): default_2.JSX.Element | null;
-
-export declare interface ChartRadialStackedProps {
-    title: string;
-    data: Record<string, number>[];
-    chartConfig: ChartConfig;
-    className?: string;
-}
-
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-
-export { }