@theroutingcompany/components 0.0.37-alpha.0 → 0.0.37-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.37-alpha.0",
+  "version": "0.0.37-alpha.1",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",

package/types/components/AlertDialog/AlertDialog.d.ts

@@ -1,32 +1,19 @@
-/// <reference types="react" />
-import { AriaDialogProps } from '@react-aria/dialog';
-interface AlertDialogProps extends AriaDialogProps {
-    children: React.ReactNode;
-    title: string;
-    variant?: 'default' | 'destructive';
-    confirmLabel: string;
-    onClose: () => void;
-}
-declare function AlertDialog(props: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogContent: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const AlertDialogDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const AlertDialogFooter: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogTrigger: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogAction: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogCancel: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogCancelButton: ({ children, ...buttonProps }: {
-    [x: string]: any;
-    children?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogCancel, AlertDialogCancelButton, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, };
+import type { ComponentPropsWithRef } from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { dialogWidths } from '../../components/Dialog/Dialog';
+type DialogWidth = keyof typeof dialogWidths;
+type StyledContentProps = {
+    size?: DialogWidth;
+};
+export type AlertDialogContentProps = StyledContentProps & AlertDialogPrimitive.DialogContentProps & ComponentPropsWithRef<'div'>;
+export declare function AlertDialogContent({ children, size, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
+export declare const AlertDialogTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const AlertDialogDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
+export declare const AlertDialogFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
+export declare const AlertDialog: import("react").FC<AlertDialogPrimitive.AlertDialogProps>;
+export declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogAction: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & import("react").RefAttributes<HTMLButtonElement>>;
+/** AlertDialog Cancel Button positioned in top right with × */
+export declare const AlertDialogCancelButton: ({ children, ...buttonProps }: AlertDialogPrimitive.AlertDialogCancelProps) => import("react/jsx-runtime").JSX.Element;
+export {};