@pathscale/ui 2.1.0 → 2.2.0

package/dist/components/drawer/Drawer.css

@@ -19,8 +19,8 @@
   }
 
   .drawer__trigger:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
+    outline: var(--focus-ring-width, 2px) solid var(--color-accent);
+    outline-offset: var(--focus-ring-offset, 2px);
     border-radius: var(--radius-field, 0.375rem);
   }
 
@@ -57,11 +57,11 @@
   }
 
   .drawer__backdrop--opaque {
-    background-color: oklch(0% 0 0 / 40%);
+    background-color: color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 40%, transparent);
   }
 
   .drawer__backdrop--blur {
-    background-color: oklch(0% 0 0 / 40%);
+    background-color: color-mix(in oklab, rgb(var(--shadow-color, 0 0 0)) 40%, transparent);
     backdrop-filter: blur(12px);
   }
 
@@ -155,8 +155,8 @@
     pointer-events: auto;
     outline: none;
     box-shadow:
-      0 10px 15px -3px oklch(0% 0 0 / 0.1),
-      0 4px 6px -4px oklch(0% 0 0 / 0.1);
+      0 10px 15px -3px rgb(var(--shadow-color, 0 0 0) / 10%),
+      0 4px 6px -4px rgb(var(--shadow-color, 0 0 0) / 10%);
 
     --drawer-enter-duration: 250ms;
     --drawer-exit-duration: 200ms;
@@ -388,7 +388,7 @@
   .drawer__handle > [data-slot="drawer-handle-bar"] {
     height: 0.25rem;
     width: 2.25rem;
-    border-radius: 9999px;
+    border-radius: var(--radius-pill, 9999px);
     background-color: color-mix(in oklab, var(--color-base-content) 25%, transparent);
   }
 
@@ -419,8 +419,8 @@
   }
 
   .drawer__close-trigger:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
+    outline: var(--focus-ring-width, 2px) solid var(--color-accent);
+    outline-offset: var(--focus-ring-offset, 2px);
   }
 
   .drawer__close-icon {

package/dist/components/drawer/Drawer.generated.d.ts

@@ -1,12 +1,12 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./Drawer.css";
 import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
+import type { UIBaseProps } from "../vocabulary";
 import { type DrawerBackdropVariant, type DrawerPlacement, type DrawerScrollBehavior, type DrawerSize } from "./Drawer.a11y";
 export type { DrawerPlacement, DrawerSize, DrawerBackdropVariant, DrawerScrollBehavior, } from "./Drawer.a11y";
-export type DrawerRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type DrawerRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
-    isOpen?: boolean;
+    open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     placement?: DrawerPlacement;
@@ -19,10 +19,10 @@ export type DrawerRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children
     trapFocus?: boolean;
     restoreFocus?: boolean;
 };
-export type DrawerTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & IComponentBaseProps & {
+export type DrawerTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
 };
-export type DrawerBackdropProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type DrawerBackdropProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
     variant?: DrawerBackdropVariant;
     /** @deprecated Configure dismissability at Drawer.Root `isDismissable` */
@@ -30,14 +30,14 @@ export type DrawerBackdropProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "chil
     /** @deprecated Configure backdrop closing at Drawer.Root `shouldCloseOnBackdropClick` */
     shouldCloseOnBackdropClick?: boolean;
 };
-export type DrawerContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type DrawerContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
     /** @deprecated Configure placement at Drawer.Root `placement` */
     placement?: DrawerPlacement;
     scrollBehavior?: DrawerScrollBehavior;
 };
 export type DrawerDialogSide = "left" | "right";
-export type DrawerDialogProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type DrawerDialogProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
     side?: DrawerDialogSide;
     width?: string;
@@ -48,22 +48,22 @@ export type DrawerDialogProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "childr
     borderColor?: string;
     size?: DrawerSize;
 };
-export type DrawerHeaderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type DrawerHeaderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
 };
-export type DrawerHeadingProps = Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & IComponentBaseProps & {
+export type DrawerHeadingProps = Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
     id?: string;
 };
-export type DrawerBodyProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type DrawerBodyProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
     id?: string;
 };
-export type DrawerFooterProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type DrawerFooterProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children: JSX.Element;
 };
-export type DrawerHandleProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-export type DrawerCloseTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & IComponentBaseProps & {
+export type DrawerHandleProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps;
+export type DrawerCloseTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & UIBaseProps & {
     children?: JSX.Element;
     startIcon?: JSX.Element;
     endIcon?: JSX.Element;

package/dist/components/drawer/Drawer.generated.js

@@ -33,10 +33,9 @@ const __solidLayoutDrawerRoot = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
-        "isOpen",
+        "open",
         "defaultOpen",
         "onOpenChange",
         "placement",
@@ -50,15 +49,15 @@ const __solidLayoutDrawerRoot = (_stable, p)=>{
         "restoreFocus"
     ]);
     const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
-    const [animState, setAnimState] = createSignal(Boolean(local.isOpen ?? local.defaultOpen) ? "open" : "closed");
+    const [animState, setAnimState] = createSignal(Boolean(local.open ?? local.defaultOpen) ? "open" : "closed");
     const [dialogRef, setDialogRef] = createSignal();
     const [labelledBy, setLabelledBy] = createSignal();
     const [describedBy, setDescribedBy] = createSignal();
     const [placementOverride, setPlacementOverride] = createSignal(void 0);
     const [backdropDismissableOverride, setBackdropDismissableOverride] = createSignal(void 0);
     const [backdropCloseOnClickOverride, setBackdropCloseOnClickOverride] = createSignal(void 0);
-    const isControlled = ()=>void 0 !== local.isOpen;
-    const isOpen = ()=>isControlled() ? Boolean(local.isOpen) : internalOpen();
+    const isControlled = ()=>void 0 !== local.open;
+    const isOpen = ()=>isControlled() ? Boolean(local.open) : internalOpen();
     const placement = ()=>placementOverride() ?? local.placement ?? "bottom";
     const size = ()=>local.size ?? "md";
     const backdrop = ()=>local.backdrop ?? "opaque";
@@ -180,7 +179,7 @@ const __solidLayoutDrawerRoot = (_stable, p)=>{
             var _el$ = _tmpl$();
             spread(_el$, mergeProps(others, {
                 get ["class"] () {
-                    return twMerge(CLASSES.Root.base, isOpen() && CLASSES.Root.state.open, "entering" === animState() && CLASSES.Root.state.entering, "exiting" === animState() && CLASSES.Root.state.exiting, "closed" === animState() && CLASSES.Root.state.closed, local.class, local.className);
+                    return twMerge(CLASSES.Root.base, isOpen() && CLASSES.Root.state.open, "entering" === animState() && CLASSES.Root.state.entering, "exiting" === animState() && CLASSES.Root.state.exiting, "closed" === animState() && CLASSES.Root.state.closed, local.class);
                 },
                 "data-slot": "drawer-root",
                 get ["data-open"] () {
@@ -207,7 +206,6 @@ const __solidLayoutDrawerTrigger = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "onClick"
@@ -222,7 +220,7 @@ const __solidLayoutDrawerTrigger = (_stable, p)=>{
         spread(_el$2, mergeProps(others, {
             type: "button",
             get ["class"] () {
-                return twMerge(CLASSES.Trigger.base, local.class, local.className);
+                return twMerge(CLASSES.Trigger.base, local.class);
             },
             "data-slot": "drawer-trigger",
             get ["data-theme"] () {
@@ -246,7 +244,6 @@ const __solidLayoutDrawerContent = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "placement",
@@ -264,7 +261,7 @@ const __solidLayoutDrawerContent = (_stable, p)=>{
         var _el$3 = _tmpl$();
         spread(_el$3, mergeProps(others, {
             get ["class"] () {
-                return twMerge(CLASSES.Content.base, CLASSES.Content.placement[placement()], CLASSES.Content.scroll[scrollBehavior()], "entering" === ctx.animState() && CLASSES.Content.state.entering, "exiting" === ctx.animState() && CLASSES.Content.state.exiting, local.class, local.className);
+                return twMerge(CLASSES.Content.base, CLASSES.Content.placement[placement()], CLASSES.Content.scroll[scrollBehavior()], "entering" === ctx.animState() && CLASSES.Content.state.entering, "exiting" === ctx.animState() && CLASSES.Content.state.exiting, local.class);
             },
             "data-slot": "drawer-content",
             get ["data-placement"] () {
@@ -299,7 +296,6 @@ const __solidLayoutDrawerBackdrop = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "variant",
@@ -335,7 +331,7 @@ const __solidLayoutDrawerBackdrop = (_stable, p)=>{
                     var _el$4 = _tmpl$();
                     spread(_el$4, mergeProps(others, {
                         get ["class"] () {
-                            return twMerge(CLASSES.Backdrop.base, CLASSES.Backdrop.variant[variant()], "entering" === ctx.animState() && CLASSES.Backdrop.state.entering, "exiting" === ctx.animState() && CLASSES.Backdrop.state.exiting, local.class, local.className);
+                            return twMerge(CLASSES.Backdrop.base, CLASSES.Backdrop.variant[variant()], "entering" === ctx.animState() && CLASSES.Backdrop.state.entering, "exiting" === ctx.animState() && CLASSES.Backdrop.state.exiting, local.class);
                         },
                         "data-slot": "drawer-backdrop",
                         get ["data-entering"] () {
@@ -372,7 +368,6 @@ const __solidLayoutDrawerDialog = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "side",
@@ -428,7 +423,7 @@ const __solidLayoutDrawerDialog = (_stable, p)=>{
                 return local.tabIndex ?? -1;
             },
             get ["class"] () {
-                return twMerge(CLASSES.Dialog.base, CLASSES.Dialog.axis[axis()], CLASSES.Dialog.size[axis()][size()], "entering" === ctx.animState() && CLASSES.Dialog.state.entering, "exiting" === ctx.animState() && CLASSES.Dialog.state.exiting, local.side ? SIDE_MAP[local.side] : void 0, hasCustomBg() ? "drawer__dialog--custom-bg" : void 0, hasCustomSize() ? "drawer__dialog--custom-size" : void 0, hasCustomPadding() ? "drawer__dialog--custom-padding" : void 0, local.class, local.className);
+                return twMerge(CLASSES.Dialog.base, CLASSES.Dialog.axis[axis()], CLASSES.Dialog.size[axis()][size()], "entering" === ctx.animState() && CLASSES.Dialog.state.entering, "exiting" === ctx.animState() && CLASSES.Dialog.state.exiting, local.side ? SIDE_MAP[local.side] : void 0, hasCustomBg() ? "drawer__dialog--custom-bg" : void 0, hasCustomSize() ? "drawer__dialog--custom-size" : void 0, hasCustomPadding() ? "drawer__dialog--custom-padding" : void 0, local.class);
             },
             "data-slot": "drawer-dialog",
             get ["data-placement"] () {
@@ -457,7 +452,6 @@ const __solidLayoutDrawerHeader = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style"
     ]);
@@ -465,7 +459,7 @@ const __solidLayoutDrawerHeader = (_stable, p)=>{
         var _el$6 = _tmpl$();
         spread(_el$6, mergeProps(others, {
             get ["class"] () {
-                return twMerge(CLASSES.Header.base, local.class, local.className);
+                return twMerge(CLASSES.Header.base, local.class);
             },
             "data-slot": "drawer-header",
             get ["data-theme"] () {
@@ -488,7 +482,6 @@ const __solidLayoutDrawerHeading = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "id"
@@ -510,7 +503,7 @@ const __solidLayoutDrawerHeading = (_stable, p)=>{
                 return headingId();
             },
             get ["class"] () {
-                return twMerge(CLASSES.Heading.base, local.class, local.className);
+                return twMerge(CLASSES.Heading.base, local.class);
             },
             "data-slot": "drawer-heading",
             get ["data-theme"] () {
@@ -533,7 +526,6 @@ const __solidLayoutDrawerBody = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "id"
@@ -555,7 +547,7 @@ const __solidLayoutDrawerBody = (_stable, p)=>{
                 return bodyId();
             },
             get ["class"] () {
-                return twMerge(CLASSES.Body.base, local.class, local.className);
+                return twMerge(CLASSES.Body.base, local.class);
             },
             "data-slot": "drawer-body",
             get ["data-theme"] () {
@@ -578,7 +570,6 @@ const __solidLayoutDrawerFooter = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style"
     ]);
@@ -586,7 +577,7 @@ const __solidLayoutDrawerFooter = (_stable, p)=>{
         var _el$9 = _tmpl$();
         spread(_el$9, mergeProps(others, {
             get ["class"] () {
-                return twMerge(CLASSES.Footer.base, local.class, local.className);
+                return twMerge(CLASSES.Footer.base, local.class);
             },
             "data-slot": "drawer-footer",
             get ["data-theme"] () {
@@ -608,7 +599,6 @@ const DrawerFooter = defineComponent({
 const __solidLayoutDrawerHandle = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "class",
-        "className",
         "dataTheme",
         "style"
     ]);
@@ -617,7 +607,7 @@ const __solidLayoutDrawerHandle = (_stable, p)=>{
         spread(_el$0, mergeProps(others, {
             "aria-hidden": "true",
             get ["class"] () {
-                return twMerge(CLASSES.Handle.base, local.class, local.className);
+                return twMerge(CLASSES.Handle.base, local.class);
             },
             "data-slot": "drawer-handle",
             get ["data-theme"] () {
@@ -640,7 +630,6 @@ const __solidLayoutDrawerCloseTrigger = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "startIcon",
@@ -661,7 +650,7 @@ const __solidLayoutDrawerCloseTrigger = (_stable, p)=>{
                 return local["aria-label"] ?? "Close";
             },
             get ["class"] () {
-                return twMerge(CLASSES.CloseTrigger.base, local.class, local.className);
+                return twMerge(CLASSES.CloseTrigger.base, local.class);
             },
             "data-slot": "drawer-close-trigger",
             get ["data-theme"] () {

package/dist/components/dropdown/Dropdown.css

@@ -16,7 +16,7 @@
     justify-content: center;
     gap: 0.5rem;
     border-radius: 0.5rem;
-    border: 1px solid transparent;
+    border: var(--border, 1px) solid transparent;
     padding: 0.5rem 0.875rem;
     font-size: 0.875rem;
     font-weight: 500;
@@ -35,7 +35,7 @@
     color: var(--dropdown-trigger-fg);
     border-color: var(--dropdown-trigger-border);
     box-shadow:
-      0 1px 2px oklch(0% 0 0 / 0.06),
+      0 1px 2px rgb(var(--shadow-color, 0 0 0) / 6%),
       0 1px 0 oklch(100% 0 0 / 0.03) inset;
     transition:
       transform 250ms cubic-bezier(0.22, 1, 0.36, 1),
@@ -54,8 +54,8 @@
 
   .dropdown__trigger:focus-visible,
   .dropdown__trigger[data-focus-visible="true"] {
-    outline: 2px solid var(--color-base-content);
-    outline-offset: 2px;
+    outline: var(--focus-ring-width, 2px) solid var(--color-base-content);
+    outline-offset: var(--focus-ring-offset, 2px);
   }
 
   .dropdown__trigger:active,
@@ -79,11 +79,11 @@
     overflow-y: auto;
     overscroll-behavior: contain;
     border-radius: 0.75rem;
-    border: 1px solid color-mix(in oklab, var(--color-base-content), transparent 94%);
+    border: var(--border, 1px) solid color-mix(in oklab, var(--color-base-content), transparent 94%);
     background-color: var(--color-base-100);
     box-shadow:
-      0 4px 16px oklch(0% 0 0 / 0.08),
-      0 1px 4px oklch(0% 0 0 / 0.05);
+      0 4px 16px rgb(var(--shadow-color, 0 0 0) / 8%),
+      0 1px 4px rgb(var(--shadow-color, 0 0 0) / 5%);
     visibility: hidden;
     opacity: 0;
     transform: translateY(-4px) scale(0.96);
@@ -205,7 +205,7 @@
     margin: 0.25rem 3%;
     height: 1px;
     width: 94%;
-    border-radius: 9999px;
+    border-radius: var(--radius-pill, 9999px);
     background-color: var(--color-base-300);
   }
 }

package/dist/components/dropdown/Dropdown.generated.d.ts

@@ -13,7 +13,6 @@ type DropdownRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> &
     autoFlip?: boolean;
     disabled?: boolean;
     dataTheme?: string;
-    className?: string;
 };
 declare const DropdownRoot: __LayoutComponent<DropdownRootProps>;
 type DropdownTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;

package/dist/components/dropdown/Dropdown.generated.js

@@ -31,7 +31,6 @@ const __solidLayoutDropdownRoot = (_stable, p)=>{
         "autoFlip",
         "disabled",
         "dataTheme",
-        "className",
         "ref"
     ]);
     const baseId = createUniqueId();
@@ -162,7 +161,7 @@ const __solidLayoutDropdownRoot = (_stable, p)=>{
             var _el$ = _tmpl$();
             use(setRootRef, _el$);
             spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.base, local.class, local.className)
+                    class: twMerge(CLASSES.base, local.class)
                 }), {
                 get ["data-theme"] () {
                     return local.dataTheme;

package/dist/components/{empty-state/EmptyState.css → empty/Empty.css}

@@ -1,5 +1,5 @@
 @layer components {
-  .empty-state {
+  .empty {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -9,28 +9,28 @@
     text-align: center;
   }
 
-  .empty-state__icon {
+  .empty__icon {
     display: flex;
     align-items: center;
     justify-content: center;
     color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
   }
 
-  .empty-state__title {
+  .empty__title {
     font-size: 0.875rem;
     font-weight: 600;
     color: var(--color-base-content);
     margin: 0;
   }
 
-  .empty-state__description {
+  .empty__description {
     font-size: 0.875rem;
     color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
     max-width: 24rem;
     margin: 0;
   }
 
-  .empty-state__actions {
+  .empty__actions {
     display: flex;
     align-items: center;
     gap: 0.5rem;

package/dist/components/empty/Empty.generated.d.ts

@@ -0,0 +1,33 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./Empty.css";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type EmptyRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
+    children: JSX.Element;
+};
+export type EmptyIconProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
+    children: JSX.Element;
+};
+export type EmptyTitleProps = Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & UIBaseProps & {
+    children: JSX.Element;
+};
+export type EmptyDescriptionProps = Omit<JSX.HTMLAttributes<HTMLParagraphElement>, "children"> & UIBaseProps & {
+    children: JSX.Element;
+};
+export type EmptyActionsProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
+    children: JSX.Element;
+};
+declare const EmptyRoot: __LayoutComponent<EmptyRootProps>;
+declare const EmptyIcon: __LayoutComponent<EmptyIconProps>;
+declare const EmptyTitle: __LayoutComponent<EmptyTitleProps>;
+declare const EmptyDescription: __LayoutComponent<EmptyDescriptionProps>;
+declare const EmptyActions: __LayoutComponent<EmptyActionsProps>;
+declare const Empty: __LayoutComponent<EmptyRootProps> & {
+    Root: __LayoutComponent<EmptyRootProps>;
+    Icon: __LayoutComponent<EmptyIconProps>;
+    Title: __LayoutComponent<EmptyTitleProps>;
+    Description: __LayoutComponent<EmptyDescriptionProps>;
+    Actions: __LayoutComponent<EmptyActionsProps>;
+};
+export default Empty;
+export { EmptyRoot, EmptyIcon, EmptyTitle, EmptyDescription, EmptyActions };