@vinyasa/feedback 1.0.22 → 1.0.23

package/dist/cjs/alert.cjs

@@ -37,6 +37,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    AlertBody: ()=>AlertBody,
+    AlertDescription: ()=>AlertDescription,
+    AlertIcon: ()=>AlertIcon,
+    AlertTitle: ()=>AlertTitle,
     default: ()=>alert_Alert
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -50,6 +54,9 @@ const statusIcons = {
     warning: icons_namespaceObject.AlertTriangleIcon,
     error: icons_namespaceObject.XIcon
 };
+const StatusContext = (0, external_react_namespaceObject.createContext)('info');
+const StatusProvider = StatusContext.Provider;
+const useStatusContext = ()=>(0, external_react_namespaceObject.useContext)(StatusContext);
 function toPrimitive(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
@@ -152,9 +159,9 @@ var Alert_css_alert = createRuntimeFn({
     compoundVariants: []
 });
 var body = '_1313gq6';
-var Alert_css_description = '_1313gq8';
+var description = '_1313gq8';
 var icon = '_1313gq5';
-var Alert_css_title = '_1313gq7';
+var title = '_1313gq7';
 function _define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -237,48 +244,81 @@ const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0,
     let _ref = [
         _0,
         _1
-    ], [_ref1, ..._rest] = _ref, { status = 'info', title, description, className } = _ref1, rest = _object_without_properties(_ref1, [
+    ], [_ref1, ..._rest] = _ref, { status = 'info', className, children } = _ref1, rest = _object_without_properties(_ref1, [
         "status",
-        "title",
-        "description",
-        "className"
+        "className",
+        "children"
     ]), [ref] = _rest;
-    const Icon = statusIcons[status];
     const classes = className ? `${Alert_css_alert({
         status
     })} ${className}` : Alert_css_alert({
         status
     });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(box_default(), _object_spread_props(_object_spread({
-        ref: ref,
-        role: "alert",
-        className: classes
-    }, rest), {
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
-                className: icon,
-                "aria-hidden": "true"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: body,
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                        className: Alert_css_title,
-                        children: title
-                    }),
-                    description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                        className: Alert_css_description,
-                        children: description
-                    }) : null
-                ]
-            })
-        ]
-    }));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatusProvider, {
+        value: status,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_default(), _object_spread_props(_object_spread({
+            ref: ref,
+            role: "alert",
+            className: classes
+        }, rest), {
+            children: children
+        }))
+    });
 });
 Alert.displayName = 'Alert';
 const alert_Alert = Alert;
+const AlertIcon = (_0)=>{
+    let { className, children } = _0, rest = _object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    const status = useStatusContext();
+    const StatusIcon = statusIcons[status];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", _object_spread_props(_object_spread({
+        className: className ? `${icon} ${className}` : icon,
+        "aria-hidden": "true"
+    }, rest), {
+        children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatusIcon, {})
+    }));
+};
+AlertIcon.displayName = 'AlertIcon';
+const AlertBody = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread({
+        className: className ? `${body} ${className}` : body
+    }, rest));
+};
+AlertBody.displayName = 'AlertBody';
+const AlertTitle = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", _object_spread({
+        className: className ? `${title} ${className}` : title
+    }, rest));
+};
+AlertTitle.displayName = 'AlertTitle';
+const AlertDescription = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", _object_spread({
+        className: className ? `${description} ${className}` : description
+    }, rest));
+};
+AlertDescription.displayName = "AlertDescription";
+exports.AlertBody = __webpack_exports__.AlertBody;
+exports.AlertDescription = __webpack_exports__.AlertDescription;
+exports.AlertIcon = __webpack_exports__.AlertIcon;
+exports.AlertTitle = __webpack_exports__.AlertTitle;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AlertBody",
+    "AlertDescription",
+    "AlertIcon",
+    "AlertTitle",
     "default"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/banner.cjs

@@ -37,6 +37,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    BannerIcon: ()=>BannerIcon,
     default: ()=>banner_Banner
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -50,6 +51,9 @@ const statusIcons = {
     warning: icons_namespaceObject.AlertTriangleIcon,
     error: icons_namespaceObject.XIcon
 };
+const StatusContext = (0, external_react_namespaceObject.createContext)('info');
+const StatusProvider = StatusContext.Provider;
+const useStatusContext = ()=>(0, external_react_namespaceObject.useContext)(StatusContext);
 function toPrimitive(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
@@ -239,30 +243,43 @@ const Banner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0,
         "className",
         "children"
     ]), [ref] = _rest;
-    const Icon = statusIcons[status];
     const classes = className ? `${banner({
         status
     })} ${className}` : banner({
         status
     });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(box_default(), _object_spread_props(_object_spread({
-        ref: ref,
-        role: "alert",
-        className: classes
-    }, rest), {
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
-                className: icon,
-                "aria-hidden": "true"
-            }),
-            children
-        ]
-    }));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatusProvider, {
+        value: status,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_default(), _object_spread_props(_object_spread({
+            ref: ref,
+            role: "alert",
+            className: classes
+        }, rest), {
+            children: children
+        }))
+    });
 });
 Banner.displayName = 'Banner';
 const banner_Banner = Banner;
+const BannerIcon = (_0)=>{
+    let { className, children } = _0, rest = _object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    const status = useStatusContext();
+    const StatusIcon = statusIcons[status];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", _object_spread_props(_object_spread({
+        className: className ? `${icon} ${className}` : icon,
+        "aria-hidden": "true"
+    }, rest), {
+        children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatusIcon, {})
+    }));
+};
+BannerIcon.displayName = 'BannerIcon';
+exports.BannerIcon = __webpack_exports__.BannerIcon;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "BannerIcon",
     "default"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/circular-progress.cjs

@@ -28,9 +28,11 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    CircularProgressIndicator: ()=>CircularProgressIndicator,
     default: ()=>circular_progress_CircularProgress
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_progress_namespaceObject = require("@radix-ui/react-progress");
 const external_react_namespaceObject = require("react");
 const tokens_namespaceObject = require("@vinyasa/tokens");
 const space = {
@@ -189,11 +191,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
+const CircularProgressContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
+    value: null,
+    max: 100,
+    size: 32,
+    strokeWidth: 4
+});
 const CircularProgress = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
     let _ref = [
         _0,
         _1
-    ], [_ref1, ..._rest] = _ref, { value, max = 100, size = 32, strokeWidth = 4, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style } = _ref1, rest = _object_without_properties(_ref1, [
+    ], [_ref1, ..._rest] = _ref, { value, max = 100, size = 32, strokeWidth = 4, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = _object_without_properties(_ref1, [
         "value",
         "max",
         "size",
@@ -213,13 +221,10 @@ const CircularProgress = /*#__PURE__*/ (0, external_react_namespaceObject.forwar
         "px",
         "py",
         "className",
-        "style"
+        "style",
+        "children"
     ]), [ref] = _rest;
-    const radius = (size - strokeWidth) / 2;
-    const circumference = 2 * Math.PI * radius;
     const isIndeterminate = void 0 === value;
-    const percent = isIndeterminate ? 25 : Math.min(100, Math.max(0, value / max * 100));
-    const dashOffset = circumference - percent / 100 * circumference;
     const computedStyle = _object_spread({}, resolveSpacingStyle({
         m,
         mt,
@@ -242,43 +247,75 @@ const CircularProgress = /*#__PURE__*/ (0, external_react_namespaceObject.forwar
         className
     ].filter(Boolean).join(' ');
     const center = size / 2;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", _object_spread_props(_object_spread({
-        ref: ref,
-        role: "progressbar",
-        "aria-valuenow": isIndeterminate ? void 0 : value,
-        "aria-valuemin": 0,
-        "aria-valuemax": max,
-        width: size,
-        height: size,
-        viewBox: `0 0 ${String(size)} ${String(size)}`,
-        className: classes,
-        style: computedStyle
-    }, rest), {
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
-                className: track,
-                cx: center,
-                cy: center,
-                r: radius,
-                strokeWidth: strokeWidth
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
-                className: fill,
-                cx: center,
-                cy: center,
-                r: radius,
-                strokeWidth: strokeWidth,
-                strokeDasharray: circumference,
-                strokeDashoffset: dashOffset,
-                transform: `rotate(-90 ${String(center)} ${String(center)})`
+    const radius = (size - strokeWidth) / 2;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CircularProgressContext.Provider, {
+        value: {
+            value: isIndeterminate ? null : value,
+            max,
+            size,
+            strokeWidth
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Root, _object_spread_props(_object_spread({
+            value: isIndeterminate ? null : value,
+            max: max
+        }, rest), {
+            asChild: true,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+                ref: ref,
+                width: size,
+                height: size,
+                viewBox: `0 0 ${String(size)} ${String(size)}`,
+                className: classes,
+                style: computedStyle,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
+                        className: track,
+                        cx: center,
+                        cy: center,
+                        r: radius,
+                        strokeWidth: strokeWidth
+                    }),
+                    children
+                ]
             })
-        ]
-    }));
+        }))
+    });
 });
 CircularProgress.displayName = 'CircularProgress';
 const circular_progress_CircularProgress = CircularProgress;
+const CircularProgressIndicator = (_0)=>{
+    let { className, style } = _0, rest = _object_without_properties(_0, [
+        "className",
+        "style"
+    ]);
+    const { value, max, size, strokeWidth } = (0, external_react_namespaceObject.useContext)(CircularProgressContext);
+    const isIndeterminate = null === value;
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const percent = isIndeterminate ? 25 : Math.min(100, Math.max(0, value / max * 100));
+    const dashOffset = circumference - percent / 100 * circumference;
+    const center = size / 2;
+    const classes = className ? `${fill} ${className}` : fill;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Indicator, {
+        asChild: true,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", _object_spread({
+            className: classes,
+            cx: center,
+            cy: center,
+            r: radius,
+            strokeWidth: strokeWidth,
+            strokeDasharray: circumference,
+            strokeDashoffset: dashOffset,
+            transform: `rotate(-90 ${String(center)} ${String(center)})`,
+            style: style
+        }, rest))
+    });
+};
+CircularProgressIndicator.displayName = 'CircularProgressIndicator';
+exports.CircularProgressIndicator = __webpack_exports__.CircularProgressIndicator;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CircularProgressIndicator",
     "default"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/empty-state.cjs

@@ -28,6 +28,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    EmptyStateAction: ()=>EmptyStateAction,
+    EmptyStateDescription: ()=>EmptyStateDescription,
+    EmptyStateIcon: ()=>EmptyStateIcon,
+    EmptyStateTitle: ()=>EmptyStateTitle,
     default: ()=>empty_state_EmptyState
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -117,47 +121,67 @@ const EmptyState = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
     let _ref = [
         _0,
         _1
-    ], [_ref1, ..._rest] = _ref, { icon, title, description, action, p = 6 } = _ref1, rest = _object_without_properties(_ref1, [
-        "icon",
-        "title",
-        "description",
-        "action",
-        "p"
+    ], [_ref1, ..._rest] = _ref, { p = 6, children } = _ref1, rest = _object_without_properties(_ref1, [
+        "p",
+        "children"
     ]), [ref] = _rest;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_namespaceObject.Center, _object_spread_props(_object_spread({
         ref: ref,
         p: p
     }, rest), {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_namespaceObject.Stack, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_namespaceObject.Stack, {
             gap: 2,
             align: "center",
             style: {
                 textAlign: 'center',
                 maxWidth: '24rem'
             },
-            children: [
-                icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                    className: iconWrapper,
-                    children: icon
-                }) : null,
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Heading, {
-                    as: "h3",
-                    size: "lg",
-                    children: title
-                }),
-                description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Paragraph, {
-                    color: "muted",
-                    children: description
-                }) : null,
-                action
-            ]
+            children: children
         })
     }));
 });
 EmptyState.displayName = 'EmptyState';
 const empty_state_EmptyState = EmptyState;
+const EmptyStateIcon = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", _object_spread({
+        className: className ? `${iconWrapper} ${className}` : iconWrapper
+    }, rest));
+};
+EmptyStateIcon.displayName = 'EmptyStateIcon';
+const EmptyStateTitle = (_0)=>{
+    let { size = 'lg' } = _0, rest = _object_without_properties(_0, [
+        "size"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Heading, _object_spread({
+        as: "h3",
+        size: size
+    }, rest));
+};
+EmptyStateTitle.displayName = 'EmptyStateTitle';
+const EmptyStateDescription = (_0)=>{
+    let { color = 'muted' } = _0, rest = _object_without_properties(_0, [
+        "color"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Paragraph, _object_spread({
+        color: color
+    }, rest));
+};
+EmptyStateDescription.displayName = "EmptyStateDescription";
+const EmptyStateAction = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread({}, props));
+EmptyStateAction.displayName = 'EmptyStateAction';
+exports.EmptyStateAction = __webpack_exports__.EmptyStateAction;
+exports.EmptyStateDescription = __webpack_exports__.EmptyStateDescription;
+exports.EmptyStateIcon = __webpack_exports__.EmptyStateIcon;
+exports.EmptyStateTitle = __webpack_exports__.EmptyStateTitle;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "EmptyStateAction",
+    "EmptyStateDescription",
+    "EmptyStateIcon",
+    "EmptyStateTitle",
     "default"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/error-boundary.cjs

@@ -37,6 +37,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    ErrorBoundaryContent: ()=>ErrorBoundaryContent,
+    ErrorBoundaryFallback: ()=>ErrorBoundaryFallback,
     default: ()=>error_boundary_ErrorBoundary
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -128,45 +130,57 @@ const EmptyState = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
     let _ref = [
         _0,
         _1
-    ], [_ref1, ..._rest] = _ref, { icon, title, description, action, p = 6 } = _ref1, rest = _object_without_properties(_ref1, [
-        "icon",
-        "title",
-        "description",
-        "action",
-        "p"
+    ], [_ref1, ..._rest] = _ref, { p = 6, children } = _ref1, rest = _object_without_properties(_ref1, [
+        "p",
+        "children"
     ]), [ref] = _rest;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_namespaceObject.Center, _object_spread_props(_object_spread({
         ref: ref,
         p: p
     }, rest), {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_namespaceObject.Stack, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_namespaceObject.Stack, {
             gap: 2,
             align: "center",
             style: {
                 textAlign: 'center',
                 maxWidth: '24rem'
             },
-            children: [
-                icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                    className: iconWrapper,
-                    children: icon
-                }) : null,
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Heading, {
-                    as: "h3",
-                    size: "lg",
-                    children: title
-                }),
-                description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Paragraph, {
-                    color: "muted",
-                    children: description
-                }) : null,
-                action
-            ]
+            children: children
         })
     }));
 });
 EmptyState.displayName = 'EmptyState';
 const empty_state_EmptyState = EmptyState;
+const EmptyStateIcon = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", _object_spread({
+        className: className ? `${iconWrapper} ${className}` : iconWrapper
+    }, rest));
+};
+EmptyStateIcon.displayName = 'EmptyStateIcon';
+const EmptyStateTitle = (_0)=>{
+    let { size = 'lg' } = _0, rest = _object_without_properties(_0, [
+        "size"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Heading, _object_spread({
+        as: "h3",
+        size: size
+    }, rest));
+};
+EmptyStateTitle.displayName = 'EmptyStateTitle';
+const EmptyStateDescription = (_0)=>{
+    let { color = 'muted' } = _0, rest = _object_without_properties(_0, [
+        "color"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typography_namespaceObject.Paragraph, _object_spread({
+        color: color
+    }, rest));
+};
+EmptyStateDescription.displayName = "EmptyStateDescription";
+const EmptyStateAction = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread({}, props));
+EmptyStateAction.displayName = 'EmptyStateAction';
 function ErrorBoundary_define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -177,6 +191,27 @@ function ErrorBoundary_define_property(obj, key, value) {
     else obj[key] = value;
     return obj;
 }
+const ErrorBoundaryContent = ({ children })=>children;
+ErrorBoundaryContent.displayName = 'ErrorBoundaryContent';
+const ErrorBoundaryFallback = (props)=>null;
+ErrorBoundaryFallback.displayName = 'ErrorBoundaryFallback';
+const findSlot = (children, type)=>external_react_namespaceObject.Children.toArray(children).find((child)=>/*#__PURE__*/ (0, external_react_namespaceObject.isValidElement)(child) && child.type === type);
+const defaultFallback = ({ error, resetErrorBoundary })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(empty_state_EmptyState, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyStateTitle, {
+                children: "Something went wrong"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyStateDescription, {
+                children: error.message
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyStateAction, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_default(), {
+                    onClick: resetErrorBoundary,
+                    children: "Try again"
+                })
+            })
+        ]
+    });
 class ErrorBoundary extends external_react_namespaceObject.Component {
     static getDerivedStateFromError(error) {
         return {
@@ -197,19 +232,20 @@ class ErrorBoundary extends external_react_namespaceObject.Component {
     }
     render() {
         const { error } = this.state;
-        if (!error) return this.props.children;
-        const { fallback } = this.props;
+        const { children } = this.props;
+        if (!error) {
+            var _findSlot;
+            return null != (_findSlot = findSlot(children, ErrorBoundaryContent)) ? _findSlot : null;
+        }
+        const fallbackSlot = findSlot(children, ErrorBoundaryFallback);
+        const fallback = null == fallbackSlot ? void 0 : fallbackSlot.props.children;
         if ('function' == typeof fallback) return fallback({
             error,
             resetErrorBoundary: this.reset
         });
-        return null != fallback ? fallback : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(empty_state_EmptyState, {
-            title: "Something went wrong",
-            description: error.message,
-            action: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_default(), {
-                onClick: this.reset,
-                children: "Try again"
-            })
+        return null != fallback ? fallback : defaultFallback({
+            error,
+            resetErrorBoundary: this.reset
         });
     }
     constructor(...args){
@@ -225,8 +261,12 @@ class ErrorBoundary extends external_react_namespaceObject.Component {
     }
 }
 const error_boundary_ErrorBoundary = ErrorBoundary;
+exports.ErrorBoundaryContent = __webpack_exports__.ErrorBoundaryContent;
+exports.ErrorBoundaryFallback = __webpack_exports__.ErrorBoundaryFallback;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ErrorBoundaryContent",
+    "ErrorBoundaryFallback",
     "default"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {