linkedunion-design-kit 1.11.6 → 1.11.8

package/dist/src/components/Alerts/AlertDialog/alert-dialog.d.ts

@@ -31,15 +31,15 @@ declare const alertDialogContentVariants: (props?: ({
     color?: "blue" | "green" | "yellow" | "red" | "indigo" | "gray" | null | undefined;
     variant?: "fill" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, size, shadow, color, variant, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & VariantProps<typeof alertDialogContentVariants>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, children, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, color: colorProp, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, color: colorProp, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, size, shadow, color, variant, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & VariantProps<typeof alertDialogContentVariants>): React.JSX.Element;
+declare function AlertDialogHeader({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ className, color: colorProp, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function AlertDialogCancel({ className, color: colorProp, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & React.ComponentProps<typeof Button>): React.JSX.Element;
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/src/components/Alerts/AlertDialog/{alert-dialog.js → alert-dialog.jsx}

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { cva } from "class-variance-authority";
@@ -96,23 +84,28 @@ var alertDialogContentVariants = cva("data-[state=open]:animate-in data-[state=c
 });
 function AlertDialog(_a) {
     var props = __rest(_a, []);
-    return _jsx(AlertDialogPrimitive.Root, __assign({ "data-slot": "alert-dialog" }, props));
+    return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props}/>;
 }
 function AlertDialogTrigger(_a) {
     var props = __rest(_a, []);
-    return (_jsx(AlertDialogPrimitive.Trigger, __assign({ "data-slot": "alert-dialog-trigger" }, props)));
+    return (<AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props}/>);
 }
 function AlertDialogPortal(_a) {
     var props = __rest(_a, []);
-    return (_jsx(AlertDialogPrimitive.Portal, __assign({ "data-slot": "alert-dialog-portal" }, props)));
+    return (<AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props}/>);
 }
 function AlertDialogOverlay(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Overlay, __assign({ "data-slot": "alert-dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className) }, props)));
+    return (<AlertDialogPrimitive.Overlay data-slot="alert-dialog-overlay" className={cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className)} {...props}/>);
 }
 function AlertDialogContent(_a) {
     var className = _a.className, size = _a.size, shadow = _a.shadow, color = _a.color, variant = _a.variant, props = __rest(_a, ["className", "size", "shadow", "color", "variant"]);
-    return (_jsx(AlertDialogContext.Provider, { value: { color: color || undefined }, children: _jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, __assign({ "data-slot": "alert-dialog-content", className: cn(alertDialogContentVariants({ size: size, shadow: shadow, color: color, variant: variant }), className) }, props))] }) }));
+    return (<AlertDialogContext.Provider value={{ color: color || undefined }}>
+      <AlertDialogPortal>
+        <AlertDialogOverlay />
+        <AlertDialogPrimitive.Content data-slot="alert-dialog-content" className={cn(alertDialogContentVariants({ size: size, shadow: shadow, color: color, variant: variant }), className)} {...props}/>
+      </AlertDialogPortal>
+    </AlertDialogContext.Provider>);
 }
 function AlertDialogHeader(_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
@@ -137,32 +130,41 @@ function AlertDialogHeader(_a) {
                 otherChildren_1.push(child);
             }
         });
-        return (_jsxs("div", __assign({ "data-slot": "alert-dialog-header", className: cn("flex flex-row gap-3 items-start text-left", className) }, props, { children: [iconWithClass_1, _jsx("div", { children: otherChildren_1 })] })));
+        return (<div data-slot="alert-dialog-header" className={cn("flex flex-row gap-3 items-start text-left", className)} {...props}>
+        {iconWithClass_1}
+        <div>{otherChildren_1}</div>
+      </div>);
     }
-    return (_jsx("div", __assign({ "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className) }, props, { children: children })));
+    return (<div data-slot="alert-dialog-header" className={cn("flex flex-col gap-2 text-center sm:text-left", className)} {...props}>
+      {children}
+    </div>);
 }
 function AlertDialogFooter(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className) }, props)));
+    return (<div data-slot="alert-dialog-footer" className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)} {...props}/>);
 }
 function AlertDialogTitle(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Title, __assign({ "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className) }, props)));
+    return (<AlertDialogPrimitive.Title data-slot="alert-dialog-title" className={cn("text-lg font-semibold", className)} {...props}/>);
 }
 function AlertDialogDescription(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Description, __assign({ "data-slot": "alert-dialog-description", className: cn("text-black text-sm", className) }, props)));
+    return (<AlertDialogPrimitive.Description data-slot="alert-dialog-description" className={cn("text-black text-sm", className)} {...props}/>);
 }
 function AlertDialogAction(_a) {
     var className = _a.className, colorProp = _a.color, props = __rest(_a, ["className", "color"]);
     var contextColor = useAlertDialogContext().color;
     var color = colorProp || contextColor || undefined;
-    return (_jsx(AlertDialogPrimitive.Action, { asChild: true, children: _jsx(Button, __assign({ variant: "link", color: color, "data-slot": "alert-dialog-action", className: cn("h-auto p-0", className) }, props)) }));
+    return (<AlertDialogPrimitive.Action asChild>
+      <Button variant="link" color={color} data-slot="alert-dialog-action" className={cn("h-auto p-0", className)} {...props}/>
+    </AlertDialogPrimitive.Action>);
 }
 function AlertDialogCancel(_a) {
     var className = _a.className, colorProp = _a.color, props = __rest(_a, ["className", "color"]);
     var contextColor = useAlertDialogContext().color;
     var color = colorProp || contextColor || undefined;
-    return (_jsx(AlertDialogPrimitive.Cancel, { asChild: true, children: _jsx(Button, __assign({ variant: "link", color: color, "data-slot": "alert-dialog-cancel", className: cn("h-auto p-0", className) }, props)) }));
+    return (<AlertDialogPrimitive.Cancel asChild>
+      <Button variant="link" color={color} data-slot="alert-dialog-cancel" className={cn("h-auto p-0", className)} {...props}/>
+    </AlertDialogPrimitive.Cancel>);
 }
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/src/components/Alerts/AlertDialog/alert-dialog.stories.d.ts

@@ -3,7 +3,7 @@ declare const _default: Meta;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
 export declare const Example: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     parameters: {
         docs: {
             description: {
@@ -13,7 +13,7 @@ export declare const Example: {
     };
 };
 export declare const BasicExample: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     parameters: {
         docs: {
             description: {
@@ -23,7 +23,7 @@ export declare const BasicExample: {
     };
 };
 export declare const AllSizes: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     parameters: {
         docs: {
             source: {
@@ -32,9 +32,9 @@ export declare const AllSizes: {
         };
     };
 };
-export declare const IconPaddedAndDefault: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconPaddedAndDefault: () => import("react").JSX.Element;
 export declare const AllShadows: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     parameters: {
         docs: {
             source: {
@@ -44,7 +44,7 @@ export declare const AllShadows: {
     };
 };
 export declare const AllColors: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     parameters: {
         docs: {
             source: {
@@ -53,10 +53,10 @@ export declare const AllColors: {
         };
     };
 };
-export declare const WithoutIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const SingleActionButton: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithoutIcon: () => import("react").JSX.Element;
+export declare const SingleActionButton: () => import("react").JSX.Element;
 export declare const RealWorldUseCases: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     parameters: {
         docs: {
             source: {
@@ -66,4 +66,4 @@ export declare const RealWorldUseCases: {
     };
 };
 export declare const ButtonVariants: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
-export declare const CustomizeAlert: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomizeAlert: () => import("react").JSX.Element;