@modul/mbui 0.0.27-beta-webpack-6d7a3f6c → 0.0.27-beta-fix-pv-53496-7e9837e9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.27-beta-webpack-6d7a3f6c",
+  "version": "0.0.27-beta-fix-pv-53496-7e9837e9",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -17,7 +17,6 @@
   },
   "lintConfig": "./.eslintrc.json",
   "files": [
-    "src",
     "dist"
   ],
   "dependencies": {
@@ -60,14 +59,14 @@
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.21.5",
     "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-essentials": "^8.4.1",
-    "@storybook/addon-interactions": "^8.4.1",
-    "@storybook/addon-links": "^8.4.1",
+    "@storybook/addon-essentials": "^8.4.0",
+    "@storybook/addon-interactions": "^8.4.0",
+    "@storybook/addon-links": "^8.4.0",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.4.1",
-    "@storybook/react": "^8.4.1",
-    "@storybook/react-webpack5": "^8.4.1",
-    "@storybook/test": "^8.4.1",
+    "@storybook/blocks": "^8.4.0",
+    "@storybook/react": "^8.4.0",
+    "@storybook/react-webpack5": "^8.4.0",
+    "@storybook/test": "^8.4.0",
     "@svgr/cli": "8.1.0",
     "@tailwindcss/forms": "^0.5.7",
     "@types/node": "18.11.9",
@@ -83,7 +82,7 @@
     "babel-loader": "^9.1.2",
     "clean-webpack-plugin": "^4.0.0",
     "config": "3.3.9",
-    "copy-webpack-plugin": "^11.0.0",
+    "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^7.0.0",
     "date-fns": "^2.30.0",
@@ -94,7 +93,7 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.31.10",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-storybook": "^0.10.2",
+    "eslint-plugin-storybook": "^0.10.1",
     "glob": "^10.2.4",
     "html-webpack-plugin": "5.5.1",
     "image-minimizer-webpack-plugin": "^4.0.2",
@@ -110,7 +109,7 @@
     "prettier": "2.7.1",
     "react": "18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^8.4.1",
+    "storybook": "^8.4.0",
     "style-loader": "^3.3.3",
     "terser-webpack-plugin": "^5.3.10",
     "ts-loader": "^9.4.2",

package/dist/index.css

@@ -1 +0,0 @@
-@tailwind base;@tailwind components;@tailwind utilities;@layer base{@font-face{font-display:swap;font-family:Roboto;font-stretch:75% 100%;font-style:normal;font-weight:100 900;src:url(../5df09ceadd47d11f8760.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-stretch:75% 100%;font-style:italic;font-weight:100 900;src:url(../ac50880e253005087d8a.woff2) format("woff2")}:root{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif;--cl-white:#fff;--cl-dark:#000;--cl-blue-1:#253c77;--cl-blue-2:#4971d0;--cl-blue-3:#6b91eb;--cl-blue-4:#81a5f9;--cl-blue-5:#a7c0fb;--cl-blue-6:#d2ddfa;--cl-blue-7:#f2f6ff;--cl-graphite-1:#222733;--cl-graphite-2:#464c59;--cl-graphite-3:#777c87;--cl-graphite-4:#9b9fa8;--cl-graphite-5:#cbcdd1;--cl-graphite-6:#e6e7e9;--cl-graphite-7:#f5f5f6;--cl-green-1:#5e8c00;--cl-green-2:#6ca300;--cl-green-3:#88bd1f;--cl-green-4:#a4d73e;--cl-green-5:#c0eb69;--cl-green-6:#d4f296;--cl-green-7:#eefad4;--cl-yellow-1:#b79310;--cl-yellow-2:#d2aa0f;--cl-yellow-3:#e8c113;--cl-yellow-4:#efd04e;--cl-yellow-5:#f5de88;--cl-yellow-6:#fae6aa;--cl-yellow-7:#fcf2ce;--cl-orange-1:#c33918;--cl-orange-2:#e35f19;--cl-orange-3:#f27922;--cl-orange-4:#f99631;--cl-orange-5:#fbb26a;--cl-orange-6:#fdcf93;--cl-orange-7:#ffe8c4;--cl-red-1:#a61d1d;--cl-red-2:#bd2c2c;--cl-red-3:#d43d3d;--cl-red-4:#e36868;--cl-red-5:#f19494;--cl-red-6:#f9c1bd;--cl-red-7:#ffe9e9;--base:var(--cl-graphite-1);--primary:var(--cl-blue-2);--primary-light:var(--cl-blue-7);--success:var(--cl-green-3);--success-light:var(--cl-green-7);--light:var(--cl-graphite-3);--dark:var(--cl-graphite-2);--disabled:var(--cl-graphite-4);--bg-light:var(--cl-graphite-7);--warning:var(--cl-orange-2);--warning-light:var(--cl-yellow-7);--critical:var(--cl-red-2);--critical-light:var(--cl-red-7);--page-bg:var(--cl-white);--dialog-bg:var(--cl-white);--btn-primary:var(--cl-white);--btn-primary-bg:var(--cl-blue-2);--btn-primary-hover-bg:var(--cl-blue-3);--btn-primary-focus-bg:var(--cl-blue-1);--btn-primary-active-bg:var(--cl-blue-1);--btn-primary-disabled-bg:var(--cl-blue-5);--btn-secondary:var(--cl-blue-2);--btn-secondary-disabled:var(--cl-blue-5);--btn-secondary-bg:var(--cl-graphite-7);--btn-secondary-hover-bg:transparent;--btn-secondary-focus-bg:#e4e5e7;--btn-secondary-active-bg:var(--cl-graphite-6);--btn-ghost:var(--cl-blue-2);--btn-ghost-hover:var(--cl-blue-3);--btn-ghost-focus:var(--cl-blue-3);--btn-ghost-active:var(--cl-blue-1);--btn-ghost-disabled:var(--cl-blue-5);--btn-outline:var(--cl-graphite-2);--btn-outline-disabled:var(--cl-graphite-4);--btn-outline-border:var(--cl-graphite-5);--btn-outline-hover-border:var(--cl-graphite-6);--btn-outline-focus-border:var(--cl-graphite-4);--btn-outline-active-border:var(--cl-graphite-4);--btn-outline-disabled-border:var(--cl-graphite-5);--btn-txt-primary:var(--cl-blue-2);--btn-txt-primary-hover:var(--cl-blue-3);--btn-txt-primary-focus:var(--cl-blue-3);--btn-txt-primary-active:var(--cl-blue-1);--btn-widget-bg:var(--page-bg);--btn-widget-icon:var(--primary);--border-color:var(--cl-graphite-5);--border-radius-sm:4px;--border-radius-md:8px;--shadow-sm:0px 4px 14px rgba(36,48,54,.08);--shadow-md:0 2px 10px rgba(36,48,54,.12);--shadow-lg:0px 8px 16px rgba(36,48,54,.24);--progress-height:4px;--progress-bg:var(--cl-graphite-6);--tabs-bg:var(--cl-graphite-6);--tabs-round:4px;--tab-bg:var(--cl-white);--tab-border:var(--cl-graphite-6);--tabs-height:32px;--tab-height:30px;--drawer-overlay-bg:rgba(34,39,51,.5);--drawer-shadow:0 0 20px 44px rgba(36,48,54,.12);--payments-list-item-hover:var(--cl-graphite-7);--payments-list-item-focus:var(--cl-graphite-7);--payments-list-item-active:var(--cl-graphite-6);--page-header-height:44px;--page-container-width:600px;--skeleton-bg:var(--cl-graphite-6)}}

package/src/@/config/button.ts

@@ -1,77 +0,0 @@
-export default {
-	textColor: {
-		btn: {
-			primary: {
-				DEFAULT: 'var(--btn-primary)',
-			},
-			secondary: {
-				DEFAULT: 'var(--btn-secondary)',
-				disabled: 'var(--btn-secondary-disabled)',
-			},
-			ghost: {
-				DEFAULT: 'var(--btn-ghost)',
-				hover: 'var(--btn-ghost-hover)',
-				focus: 'var(--btn-ghost-focus)',
-				active: 'var(--btn-ghost-active)',
-				disabled: 'var(--btn-ghost-disabled)',
-			},
-			outline: {
-				DEFAULT: 'var(--btn-outline)',
-				disabled: 'var(--btn-outline-disabled)',
-			},
-		},
-	},
-	backgroundColor: {
-		btn: {
-			primary: {
-				DEFAULT: 'var(--btn-primary-bg)',
-				hover: 'var(--btn-primary-hover-bg)',
-				focus: 'var(--btn-primary-focus-bg)',
-				active: 'var(--btn-primary-active-bg)',
-				disabled: 'var(--btn-primary-disabled-bg)',
-			},
-			secondary: {
-				DEFAULT: 'var(--btn-secondary-bg)',
-				hover: 'var(--btn-secondary-hover-bg)',
-				focus: 'var(--btn-secondary-focus-bg)',
-				active: 'var(--btn-secondary-active-bg)',
-			},
-			ghost: {
-				DEFAULT: 'var(--btn-ghost-bg)',
-				hover: 'var(--btn-ghost-hover-bg)',
-				focus: 'var(--btn-ghost-focus-bg)',
-				active: 'var(--btn-ghost-active-bg)',
-			},
-		},
-	},
-	borderColor: {
-		btn: {
-			primary: {
-				DEFAULT: 'var(--btn-primary-bg)',
-				hover: 'var(--btn-primary-hover-bg)',
-				focus: 'var(--btn-primary-focus-bg)',
-				active: 'var(--btn-primary-active-bg)',
-				disabled: 'var(--btn-primary-disabled-bg)',
-			},
-			secondary: {
-				DEFAULT: 'var(--btn-secondary-bg)',
-				hover: 'var(--btn-secondary-hover-bg)',
-				focus: 'var(--btn-secondary-focus-bg)',
-				active: 'var(--btn-secondary-active-bg)',
-			},
-			ghost: {
-				DEFAULT: 'var(--btn-ghost-bg)',
-				hover: 'var(--btn-ghost-hover-bg)',
-				focus: 'var(--btn-ghost-focus-bg)',
-				active: 'var(--btn-ghost-active-bg)',
-			},
-			outline: {
-				DEFAULT: 'var(--btn-outline-border)',
-				hover: 'var(--btn-outline-hover-border)',
-				focus: 'var(--btn-outline-focus-border)',
-				active: 'var(--btn-outline-active-border)',
-				disabled: 'var(--btn-outline-disabled-border)',
-			},
-		},
-	},
-}

package/src/@/config/index.ts

@@ -1,97 +0,0 @@
-import button from './button'
-import label from './label'
-
-export default {
-	container: {
-		center: true,
-	},
-	screens: {
-		sm: '600px',
-	},
-	extend: {
-		colors: {
-			light: 'var(--light)',
-			dark: 'var(--dark)',
-			primary: {
-				DEFAULT: 'var(--primary)',
-				light: {
-					DEFAULT: 'var(--primary-light)',
-				},
-			},
-			success: {
-				DEFAULT: 'var(--success)',
-				light: 'var(--success-light)',
-			},
-			secondary: {
-				DEFAULT: 'var(--secondary)',
-			},
-			warning: {
-				DEFAULT: 'var(--warning)',
-				light: 'var(--warning-light)',
-			},
-			critical: {
-				DEFAULT: 'var(--critical)',
-				light: 'var(--critical-light)',
-			},
-			disabled: 'var(--disabled)',
-			transparent: 'transparent',
-			current: 'currentColor',
-		},
-		textColor: {
-			...button.textColor,
-			...label.textColor,
-		},
-		backgroundColor: {
-			page: 'var(--page-bg)',
-			light: 'var(--bg-light)',
-			dialog: 'var(--dialog-bg)',
-			...button.backgroundColor,
-			...label.backgroundColor,
-		},
-		dropShadow: {
-			sm: 'var(--shadow-sm)',
-			md: 'var(--shadow-md)',
-			lg: 'var(--shadow-lg)',
-		},
-		boxShadow: {
-			sm: 'var(--shadow-sm)',
-			md: 'var(--shadow-md)',
-			lg: 'var(--shadow-lg)',
-		},
-		borderColor: {
-			input: {
-				DEFAULT: 'var(--border-color)',
-			},
-			...button.borderColor,
-		},
-		borderRadius: {
-			sm: 'var(--border-radius-sm)',
-			md: 'var(--border-radius-md)',
-		},
-		keyframes: {
-			'accordion-down': {
-				from: { height: '0' },
-				to: { height: 'var(--radix-accordion-content-height)' },
-			},
-			'accordion-up': {
-				from: { height: 'var(--radix-accordion-content-height)' },
-				to: { height: '0' },
-			},
-			'caret-blink': {
-				'0%,70%,100%': { opacity: '1' },
-				'20%,50%': { opacity: '0' },
-			},
-			'pin-typing': {
-				'0%': {transform: 'scale(1)'},
-				'50%':{transform: 'scale(1.2)'},
-				'100%': {transform: 'scale(1)'},
-			},
-		},
-		animation: {
-			'accordion-down': 'accordion-down 0.2s ease-out',
-			'accordion-up': 'accordion-up 0.2s ease-out',
-			'caret-blink': 'caret-blink 1.25s ease-out infinite',
-			'pin-typing': 'pin-typing .25s ease-in-out'
-		},
-	},
-}

package/src/@/config/label.ts

@@ -1,89 +0,0 @@
-export default {
-	textColor: {
-		label: {
-			primary: {
-				DEFAULT: 'var(--btn-primary)',
-				outline: {
-					DEFAULT: 'var(--btn-primary-bg)',
-					hover: 'var(--btn-primary-hover-bg)',
-					focus: 'var(var(--btn-primary-focus-bg)',
-					active: 'var(--btn-primary-active-bg)',
-				}
-			},
-			secondary: 'var(--btn-secondary)',
-			success: 'var(--btn-success)',
-			ghost: 'var(--btn-ghost)',
-			outline: {
-				DEFAULT: 'var(--btn-ghost)',
-				hover: 'var(--btn-ghost-hover-bg)',
-				focus: 'var(var(--btn-ghost-focus-bg)',
-				active: 'var(--btn-ghost-active-bg)',
-			}
-		}
-	},
-	backgroundColor: {
-		label: {
-			primary: {
-				DEFAULT: 'var(--btn-primary-bg)',
-				hover: 'var(--btn-primary-hover-bg)',
-				focus: 'var(var(--btn-primary-focus-bg)',
-				active: 'var(--btn-primary-active-bg)',
-			},
-			secondary: {
-				DEFAULT: 'var(--btn-secondary-bg)',
-				hover: 'var(--btn-secondary-hover-bg)',
-				focus: 'var(var(--btn-secondary-focus-bg)',
-				active: 'var(--btn-secondary-active-bg)',
-			},
-			success: {
-				DEFAULT: 'var(--btn-success-bg)',
-				hover: 'var(--btn-success-hover-bg)',
-				focus: 'var(var(--btn-success-focus-bg)',
-				active: 'var(--btn-success-active-bg)',
-			},
-			ghost: {
-				DEFAULT: 'var(--btn-ghost-bg)',
-				hover: 'var(--btn-ghost-hover-bg)',
-				focus: 'var(var(--btn-ghost-focus-bg)',
-				active: 'var(--btn-ghost-active-bg)',
-			}
-		}
-	},
-	borderColor: {
-		btn: {
-			primary: {
-				DEFAULT: 'var(--btn-primary-bg)',
-				hover: 'var(--btn-primary-hover-bg)',
-				focus: 'var(var(--btn-primary-focus-bg)',
-				active: 'var(--btn-primary-active-bg)',
-				outline: {
-					DEFAULT: 'var(--btn-primary-bg)',
-					hover: 'var(--btn-primary-hover-bg)',
-					focus: 'var(var(--btn-primary-focus-bg)',
-					active: 'var(--btn-primary-active-bg)',
-				}
-			},
-			secondary: {
-				DEFAULT: 'var(--btn-secondary-bg)',
-				hover: 'var(--btn-secondary-hover-bg)',
-				focus: 'var(var(--btn-secondary-focus-bg)',
-				active: 'var(--btn-secondary-active-bg)',
-			},
-			success: {
-				DEFAULT: 'var(--btn-success-bg)',
-				hover: 'var(--btn-success-hover-bg)',
-				focus: 'var(var(--btn-success-focus-bg)',
-				active: 'var(--btn-success-active-bg)',
-			},
-			ghost: {
-				DEFAULT: 'var(--btn-ghost-bg)',
-				hover: 'var(--btn-ghost-hover-bg)',
-				focus: 'var(var(--btn-ghost-focus-bg)',
-				active: 'var(--btn-ghost-active-bg)',
-			},
-			outline: {
-				DEFAULT: 'var(--btn-ghost)',
-			}
-		}
-	}
-}

package/src/@/lib/utils.ts

@@ -1,7 +0,0 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
-

package/src/Alert/Alert.tsx

@@ -1,81 +0,0 @@
-import * as React from 'react'
-import { cn } from '../@/lib/utils'
-import { CheckCircleSolid, InfoSolid, Warning } from '../../src/Icon'
-import { ReactNode } from "react";
-
-const AleltIconClasses = '[&+div]:ml-[8px] shrink-0'
-const AlertIcons = {
-	info: <InfoSolid aria-hidden={true} className={cn(AleltIconClasses, 'text-primary')} width={24} height={24} />,
-	warning: <Warning aria-hidden={true} className={cn(AleltIconClasses, 'text-warning')} width={24} height={24} />,
-	success: <CheckCircleSolid aria-hidden={true} className={cn(AleltIconClasses, 'text-success')} width={24} height={24} />,
-	critical: <InfoSolid aria-hidden={true} className={cn(AleltIconClasses, 'text-critical')} width={24} height={24} />
-}
-
-const Title = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (
-	<div
-		role="heading"
-		ref={ref}
-		className={cn('text-[14px] font-medium', className)}
-		{...props}
-	/>
-))
-
-const Description = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (
-	<p
-		ref={ref}
-		className={cn('text-[14px] [&>a]:text-primary [&>a]:underline', className)}
-		{...props}
-	/>
-))
-
-const getClass = (variant, type): string => {
-	const commonClasses = 'px-[8px] py-[16px] border rounded-md '
-	const variants = {
-		info: `${type !== 'text' ? `${commonClasses} bg-primary-light  border-primary` : 'text-primary'}`,
-		warning: `${type !== 'text' ? `${commonClasses} bg-warning-light  border-warning` : 'text-warning'}`,
-		success: `${type !== 'text' ? `${commonClasses} bg-success-light  border-success` : 'text-success'}`,
-		critical: `${type !== 'text' ? `${commonClasses} bg-critical-light  border-critical` : 'text-critical'}`,
-	}
-	return variants[variant]
-
-}
-
-interface IAlertComponents {
-	displayName: string;
-	Title: typeof Title;
-	Description: typeof Description;
-}
-
-interface IAlertProps {
-	className?: string;
-	variant?: string;
-	type?: string;
-	children: ReactNode;
-}
-
-type TAlertProps = IAlertProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
-
-const Alert: React.FC<TAlertProps> & IAlertComponents = ({ className, variant = 'info', type, children, ...props }) => {
-	return (
-		<div
-			className={cn('flex', getClass(variant, type), className)}
-			role='alert'
-			{...props}
-		>
-			{AlertIcons[variant]}
-			<div className='pt-[2px]'>
-				{children}
-			</div>
-		</div>
-	)
-}
-
-Alert.displayName = 'Alert'
-
-Alert.Title = Title
-Alert.Title.displayName = 'Alert.Title'
-
-Alert.Description = Description
-Alert.Description.displayName = "Alert.Description"
-
-export { Alert }

package/src/Alert/index.ts

@@ -1 +0,0 @@
-export { Alert } from './Alert'

package/src/AlertDialog/AlertDialog.tsx

@@ -1,137 +0,0 @@
-import * as React from "react"
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
-import { cn } from "../@/lib/utils"
-import { buttonVariants } from "../../src/Button"
-
-const AlertDialog = AlertDialogPrimitive.Root
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal
-
-const AlertDialogOverlay = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    )}
-    {...props}
-    ref={ref}
-  />
-))
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
-
-const AlertDialogContent = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-dialog p-[16px] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-md",
-        className
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-))
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
-
-const AlertDialogHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    )}
-    {...props}
-  />
-)
-AlertDialogHeader.displayName = "AlertDialogHeader"
-
-const AlertDialogFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    )}
-    {...props}
-  />
-)
-AlertDialogFooter.displayName = "AlertDialogFooter"
-
-const AlertDialogTitle = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title
-    ref={ref}
-    className={cn("text-lg font-semibold", className)}
-    {...props}
-  />
-))
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
-
-const AlertDialogDescription = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-AlertDialogDescription.displayName =
-  AlertDialogPrimitive.Description.displayName
-
-const AlertDialogAction = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Action>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action
-    ref={ref}
-    className={cn(buttonVariants({variant: 'primary'}), className)}
-    {...props}
-  />
-))
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
-
-const AlertDialogCancel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(
-      buttonVariants({ variant: "outline"}),
-      className
-    )}
-    {...props}
-  />
-))
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-}

package/src/AlertDialog/index.ts

@@ -1,13 +0,0 @@
-export {
-	AlertDialog,
-	AlertDialogPortal,
-	AlertDialogOverlay,
-	AlertDialogTrigger,
-	AlertDialogContent,
-	AlertDialogHeader,
-	AlertDialogFooter,
-	AlertDialogTitle,
-	AlertDialogDescription,
-	AlertDialogAction,
-	AlertDialogCancel,
-} from './AlertDialog'