@egcs/newui 0.0.0-stage → 0.1.0-alpha.0

package/dist/types/navigation/vertical-menu/vertical-menu.recipe.d.ts

@@ -0,0 +1,97 @@
+export declare const verticalMenuRecipe: import("tailwind-variants/lite").TVReturnType<{
+    variant: {
+        plain: {
+            root: string;
+        };
+        surface: {
+            root: string;
+        };
+    };
+    density: {
+        comfortable: {
+            link: string;
+            branchTrigger: string;
+        };
+        compact: {
+            link: string;
+            branchTrigger: string;
+        };
+    };
+}, {
+    root: string;
+    group: string;
+    label: string;
+    list: string;
+    item: string;
+    link: string;
+    subList: string;
+    branch: string;
+    branchTrigger: string;
+    branchIndicator: string;
+    branchContent: string;
+    icon: string;
+}, undefined, {
+    variant: {
+        plain: {
+            root: string;
+        };
+        surface: {
+            root: string;
+        };
+    };
+    density: {
+        comfortable: {
+            link: string;
+            branchTrigger: string;
+        };
+        compact: {
+            link: string;
+            branchTrigger: string;
+        };
+    };
+}, {
+    root: string;
+    group: string;
+    label: string;
+    list: string;
+    item: string;
+    link: string;
+    subList: string;
+    branch: string;
+    branchTrigger: string;
+    branchIndicator: string;
+    branchContent: string;
+    icon: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    variant: {
+        plain: {
+            root: string;
+        };
+        surface: {
+            root: string;
+        };
+    };
+    density: {
+        comfortable: {
+            link: string;
+            branchTrigger: string;
+        };
+        compact: {
+            link: string;
+            branchTrigger: string;
+        };
+    };
+}, {
+    root: string;
+    group: string;
+    label: string;
+    list: string;
+    item: string;
+    link: string;
+    subList: string;
+    branch: string;
+    branchTrigger: string;
+    branchIndicator: string;
+    branchContent: string;
+    icon: string;
+}>>;

package/dist/types/overlays/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,21 @@
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { type DialogRootProps } from "../dialog/dialog";
+import type { DialogContentProps } from "../dialog/dialog.content";
+import { AlertDialogActionTrigger, AlertDialogCancelTrigger } from "./alert-dialog.triggers";
+export type AlertDialogRootProps = Omit<DialogRootProps, "role" | "modal" | "trapFocus" | "preventScroll" | "closeOnInteractOutside">;
+export type AlertDialogContentProps = Omit<DialogContentProps, "variant">;
+export declare function AlertDialogRoot(props: AlertDialogRootProps): import("solid-js").JSX.Element;
+export declare function AlertDialogContent(props: AlertDialogContentProps): import("solid-js").JSX.Element;
+export declare const AlertDialog: {
+    Root: typeof AlertDialogRoot;
+    Trigger: (props: ArkDialog.TriggerProps) => import("solid-js").JSX.Element;
+    Content: typeof AlertDialogContent;
+    Header: typeof import("../dialog/dialog.parts").DialogHeader;
+    Title: typeof import("../dialog/dialog.parts").DialogTitle;
+    Description: typeof import("../dialog/dialog.parts").DialogDescription;
+    Body: typeof import("../dialog/dialog.parts").DialogBody;
+    Footer: typeof import("../dialog/dialog.parts").DialogFooter;
+    CancelTrigger: typeof AlertDialogCancelTrigger;
+    ActionTrigger: typeof AlertDialogActionTrigger;
+    Context: (props: ArkDialog.ContextProps) => import("solid-js").JSX.Element;
+};

package/dist/types/overlays/alert-dialog/alert-dialog.triggers.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+export type AlertDialogTriggerProps = ArkDialog.CloseTriggerProps;
+export declare function AlertDialogCancelTrigger(props: AlertDialogTriggerProps): import("solid-js").JSX.Element;
+export declare function AlertDialogActionTrigger(props: AlertDialogTriggerProps): import("solid-js").JSX.Element;

package/dist/types/overlays/dialog/dialog.close-trigger.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+export declare function DialogCloseTrigger(props: ArkDialog.CloseTriggerProps): import("solid-js").JSX.Element;

package/dist/types/overlays/dialog/dialog.content.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import type { VariantProps } from "tailwind-variants/lite";
+import { dialogRecipe } from "./dialog.recipe";
+export type DialogSurfaceProps = ArkDialog.ContentProps & VariantProps<typeof dialogRecipe>;
+export type DialogContentProps = DialogSurfaceProps & {
+    mount?: HTMLElement;
+};
+export declare function DialogSurface(props: DialogSurfaceProps): import("solid-js").JSX.Element;
+export declare function DialogContent(props: DialogContentProps): import("solid-js").JSX.Element;

package/dist/types/overlays/dialog/dialog.context.d.ts

@@ -0,0 +1,7 @@
+import type { Accessor } from "solid-js";
+export declare const DialogOptions: import("solid-js").Context<Accessor<{
+    modal: boolean;
+}>>;
+export declare const useDialogOptions: () => Accessor<{
+    modal: boolean;
+}>;

package/dist/types/overlays/dialog/dialog.d.ts

@@ -0,0 +1,23 @@
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { DialogCloseTrigger } from "./dialog.close-trigger";
+import { DialogContent, DialogSurface } from "./dialog.content";
+import { DialogBackdrop, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogTitle } from "./dialog.parts";
+import { DialogPortal } from "./dialog.portal";
+export type DialogRootProps = ArkDialog.RootProps;
+export declare function DialogRoot(props: DialogRootProps): import("solid-js").JSX.Element;
+export declare const Dialog: {
+    Root: typeof DialogRoot;
+    Trigger: (props: ArkDialog.TriggerProps) => import("solid-js").JSX.Element;
+    Content: typeof DialogContent;
+    Header: typeof DialogHeader;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    CloseTrigger: typeof DialogCloseTrigger;
+    Portal: typeof DialogPortal;
+    Backdrop: typeof DialogBackdrop;
+    Positioner: typeof DialogPositioner;
+    Surface: typeof DialogSurface;
+    Context: (props: ArkDialog.ContextProps) => import("solid-js").JSX.Element;
+};

package/dist/types/overlays/dialog/dialog.parts.d.ts

@@ -0,0 +1,11 @@
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import type { JSX } from "solid-js";
+type PartProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function DialogBackdrop(props: ArkDialog.BackdropProps): JSX.Element;
+export declare function DialogPositioner(props: ArkDialog.PositionerProps): JSX.Element;
+export declare function DialogHeader(props: PartProps): JSX.Element;
+export declare function DialogTitle(props: ArkDialog.TitleProps): JSX.Element;
+export declare function DialogDescription(props: ArkDialog.DescriptionProps): JSX.Element;
+export declare function DialogBody(props: PartProps): JSX.Element;
+export declare function DialogFooter(props: PartProps): JSX.Element;
+export {};

package/dist/types/overlays/dialog/dialog.portal.d.ts

@@ -0,0 +1,2 @@
+export type { OverlayPortalProps as DialogPortalProps } from "../overlay.portal";
+export { OverlayPortal as DialogPortal } from "../overlay.portal";

package/dist/types/overlays/dialog/dialog.recipe.d.ts

@@ -0,0 +1,91 @@
+export declare const dialogRecipe: import("tailwind-variants/lite").TVReturnType<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+    variant: {
+        card: {
+            content: string;
+        };
+        free: {
+            content: string;
+        };
+    };
+}, {
+    backdrop: string;
+    positioner: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, undefined, {
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+    variant: {
+        card: {
+            content: string;
+        };
+        free: {
+            content: string;
+        };
+    };
+}, {
+    backdrop: string;
+    positioner: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+    variant: {
+        card: {
+            content: string;
+        };
+        free: {
+            content: string;
+        };
+    };
+}, {
+    backdrop: string;
+    positioner: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}>>;

package/dist/types/overlays/hover-card/hover-card.content.d.ts

@@ -0,0 +1,6 @@
+import { type HoverCardSurfaceProps } from "./hover-card.parts";
+export type HoverCardContentProps = HoverCardSurfaceProps & {
+    mount?: HTMLElement;
+    showArrow?: boolean;
+};
+export declare function HoverCardContent(props: HoverCardContentProps): import("solid-js").JSX.Element;

package/dist/types/overlays/hover-card/hover-card.d.ts

@@ -0,0 +1,18 @@
+import { HoverCard as ArkHoverCard } from "@ark-ui/solid/hover-card";
+import { OverlayPortal } from "../overlay.portal";
+import { HoverCardContent } from "./hover-card.content";
+import { HoverCardArrow, HoverCardBody, HoverCardPositioner, HoverCardSurface, HoverCardTrigger } from "./hover-card.parts";
+export type HoverCardRootProps = ArkHoverCard.RootProps;
+export declare function HoverCardRoot(props: HoverCardRootProps): import("solid-js").JSX.Element;
+export declare const HoverCard: {
+    Root: typeof HoverCardRoot;
+    Trigger: typeof HoverCardTrigger;
+    Content: typeof HoverCardContent;
+    Portal: typeof OverlayPortal;
+    Positioner: typeof HoverCardPositioner;
+    Surface: typeof HoverCardSurface;
+    Body: typeof HoverCardBody;
+    Arrow: typeof HoverCardArrow;
+    ArrowTip: (props: ArkHoverCard.ArrowTipProps) => import("solid-js").JSX.Element;
+    Context: (props: ArkHoverCard.ContextProps) => import("solid-js").JSX.Element;
+};

package/dist/types/overlays/hover-card/hover-card.parts.d.ts

@@ -0,0 +1,12 @@
+import { HoverCard as ArkHoverCard } from "@ark-ui/solid/hover-card";
+import type { JSX } from "solid-js";
+export type HoverCardTriggerProps = ArkHoverCard.TriggerProps;
+export type HoverCardSurfaceProps = ArkHoverCard.ContentProps;
+export type HoverCardPositionerProps = ArkHoverCard.PositionerProps;
+export type HoverCardArrowProps = ArkHoverCard.ArrowProps;
+export type HoverCardBodyProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function HoverCardTrigger(props: HoverCardTriggerProps): JSX.Element;
+export declare function HoverCardSurface(props: HoverCardSurfaceProps): JSX.Element;
+export declare function HoverCardPositioner(props: HoverCardPositionerProps): JSX.Element;
+export declare function HoverCardArrow(props: HoverCardArrowProps): JSX.Element;
+export declare function HoverCardBody(props: HoverCardBodyProps): JSX.Element;

package/dist/types/overlays/hover-card/hover-card.recipe.d.ts

@@ -0,0 +1,43 @@
+export declare const hoverCardRecipe: import("tailwind-variants/lite").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            body?: import("tailwind-variants/lite").ClassValue;
+            trigger?: import("tailwind-variants/lite").ClassValue;
+            positioner?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants/lite").ClassValue | {
+            body?: import("tailwind-variants/lite").ClassValue;
+            trigger?: import("tailwind-variants/lite").ClassValue;
+            positioner?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    trigger: string;
+    positioner: string;
+    content: string;
+    body: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            body?: import("tailwind-variants/lite").ClassValue;
+            trigger?: import("tailwind-variants/lite").ClassValue;
+            positioner?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    trigger: string;
+    positioner: string;
+    content: string;
+    body: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<unknown, {
+    trigger: string;
+    positioner: string;
+    content: string;
+    body: string;
+}>>;

package/dist/types/overlays/index.d.ts

@@ -0,0 +1,24 @@
+export type { AlertDialogContentProps, AlertDialogRootProps, } from "./alert-dialog/alert-dialog";
+export { AlertDialog } from "./alert-dialog/alert-dialog";
+export type { AlertDialogTriggerProps } from "./alert-dialog/alert-dialog.triggers";
+export type { DialogRootProps } from "./dialog/dialog";
+export { Dialog } from "./dialog/dialog";
+export type { DialogContentProps, DialogSurfaceProps } from "./dialog/dialog.content";
+export type { DialogPortalProps } from "./dialog/dialog.portal";
+export type { HoverCardRootProps } from "./hover-card/hover-card";
+export { HoverCard } from "./hover-card/hover-card";
+export type { HoverCardContentProps } from "./hover-card/hover-card.content";
+export type { HoverCardArrowProps, HoverCardBodyProps, HoverCardPositionerProps, HoverCardSurfaceProps, HoverCardTriggerProps, } from "./hover-card/hover-card.parts";
+export type { OverlayPortalProps as TooltipPortalProps, OverlayPortalProps as PopoverPortalProps, OverlayPortalProps as HoverCardPortalProps, OverlayPortalProps as SheetPortalProps, } from "./overlay.portal";
+export type { PopoverRootProps, PopoverTriggerProps } from "./popover/popover";
+export { Popover } from "./popover/popover";
+export type { PopoverCloseTriggerProps } from "./popover/popover.close-trigger";
+export type { PopoverContentProps } from "./popover/popover.content";
+export type { PopoverArrowProps, PopoverPositionerProps, PopoverSurfaceProps, } from "./popover/popover.parts";
+export type { SheetRootProps } from "./sheet/sheet";
+export { Sheet } from "./sheet/sheet";
+export type { SheetContentProps, SheetPositionerProps, SheetSurfaceProps, } from "./sheet/sheet.content";
+export type { TooltipRootProps, TooltipTriggerProps } from "./tooltip/tooltip";
+export { Tooltip } from "./tooltip/tooltip";
+export type { TooltipContentProps } from "./tooltip/tooltip.content";
+export type { TooltipArrowProps, TooltipPositionerProps, TooltipSurfaceProps, } from "./tooltip/tooltip.parts";

package/dist/types/overlays/overlay.portal.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from "solid-js";
+export interface OverlayPortalProps {
+    children: JSX.Element;
+    mount?: HTMLElement;
+}
+export declare function OverlayPortal(props: OverlayPortalProps): JSX.Element;

package/dist/types/overlays/popover/popover.close-trigger.d.ts

@@ -0,0 +1,3 @@
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+export type PopoverCloseTriggerProps = ArkPopover.CloseTriggerProps;
+export declare function PopoverCloseTrigger(props: PopoverCloseTriggerProps): import("solid-js").JSX.Element;

package/dist/types/overlays/popover/popover.content.d.ts

@@ -0,0 +1,6 @@
+import { type PopoverSurfaceProps } from "./popover.parts";
+export type PopoverContentProps = PopoverSurfaceProps & {
+    mount?: HTMLElement;
+    showArrow?: boolean;
+};
+export declare function PopoverContent(props: PopoverContentProps): import("solid-js").JSX.Element;

package/dist/types/overlays/popover/popover.d.ts

@@ -0,0 +1,26 @@
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+import { OverlayPortal } from "../overlay.portal";
+import { PopoverCloseTrigger } from "./popover.close-trigger";
+import { PopoverContent } from "./popover.content";
+import { PopoverArrow, PopoverBody, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverSurface, PopoverTitle } from "./popover.parts";
+export type PopoverRootProps = ArkPopover.RootProps;
+export type PopoverTriggerProps = ArkPopover.TriggerProps;
+export declare function PopoverRoot(props: PopoverRootProps): import("solid-js").JSX.Element;
+export declare const Popover: {
+    Root: typeof PopoverRoot;
+    Trigger: (props: ArkPopover.TriggerProps) => import("solid-js").JSX.Element;
+    Anchor: (props: ArkPopover.AnchorProps) => import("solid-js").JSX.Element;
+    Content: typeof PopoverContent;
+    Header: typeof PopoverHeader;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
+    Body: typeof PopoverBody;
+    Footer: typeof PopoverFooter;
+    CloseTrigger: typeof PopoverCloseTrigger;
+    Portal: typeof OverlayPortal;
+    Positioner: typeof PopoverPositioner;
+    Surface: typeof PopoverSurface;
+    Arrow: typeof PopoverArrow;
+    ArrowTip: (props: ArkPopover.ArrowTipProps) => import("solid-js").JSX.Element;
+    Context: (props: ArkPopover.ContextProps) => import("solid-js").JSX.Element;
+};

package/dist/types/overlays/popover/popover.parts.d.ts

@@ -0,0 +1,15 @@
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+import type { JSX } from "solid-js";
+type PartProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type PopoverSurfaceProps = ArkPopover.ContentProps;
+export type PopoverPositionerProps = ArkPopover.PositionerProps;
+export type PopoverArrowProps = ArkPopover.ArrowProps;
+export declare function PopoverSurface(props: PopoverSurfaceProps): JSX.Element;
+export declare function PopoverPositioner(props: PopoverPositionerProps): JSX.Element;
+export declare function PopoverArrow(props: PopoverArrowProps): JSX.Element;
+export declare function PopoverHeader(props: PartProps): JSX.Element;
+export declare function PopoverTitle(props: ArkPopover.TitleProps): JSX.Element;
+export declare function PopoverDescription(props: ArkPopover.DescriptionProps): JSX.Element;
+export declare function PopoverBody(props: PartProps): JSX.Element;
+export declare function PopoverFooter(props: PartProps): JSX.Element;
+export {};

package/dist/types/overlays/popover/popover.recipe.d.ts

@@ -0,0 +1,61 @@
+export declare const popoverRecipe: import("tailwind-variants/lite").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            title?: import("tailwind-variants/lite").ClassValue;
+            body?: import("tailwind-variants/lite").ClassValue;
+            footer?: import("tailwind-variants/lite").ClassValue;
+            header?: import("tailwind-variants/lite").ClassValue;
+            positioner?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+            description?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants/lite").ClassValue | {
+            title?: import("tailwind-variants/lite").ClassValue;
+            body?: import("tailwind-variants/lite").ClassValue;
+            footer?: import("tailwind-variants/lite").ClassValue;
+            header?: import("tailwind-variants/lite").ClassValue;
+            positioner?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+            description?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    positioner: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            title?: import("tailwind-variants/lite").ClassValue;
+            body?: import("tailwind-variants/lite").ClassValue;
+            footer?: import("tailwind-variants/lite").ClassValue;
+            header?: import("tailwind-variants/lite").ClassValue;
+            positioner?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+            description?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    positioner: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<unknown, {
+    positioner: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+}>>;

package/dist/types/overlays/portal-scope.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+interface PortalScope {
+    style: JSX.CSSProperties;
+    motion: string | undefined;
+}
+export declare function createPortalScope(origin: () => HTMLElement | undefined): {
+    scope: import("solid-js").Accessor<PortalScope>;
+    ready: import("solid-js").Accessor<boolean>;
+};
+export {};

package/dist/types/overlays/sheet/sheet.content.d.ts

@@ -0,0 +1,11 @@
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import type { VariantProps } from "tailwind-variants/lite";
+import { sheetRecipe } from "./sheet.recipe";
+export type SheetSurfaceProps = ArkDialog.ContentProps & VariantProps<typeof sheetRecipe>;
+export type SheetContentProps = SheetSurfaceProps & {
+    mount?: HTMLElement;
+};
+export type SheetPositionerProps = ArkDialog.PositionerProps & Pick<VariantProps<typeof sheetRecipe>, "side">;
+export declare function SheetSurface(props: SheetSurfaceProps): import("solid-js").JSX.Element;
+export declare function SheetPositioner(props: SheetPositionerProps): import("solid-js").JSX.Element;
+export declare function SheetContent(props: SheetContentProps): import("solid-js").JSX.Element;

package/dist/types/overlays/sheet/sheet.d.ts

@@ -0,0 +1,20 @@
+import { type DialogRootProps } from "../dialog/dialog";
+import { SheetContent, SheetPositioner, SheetSurface } from "./sheet.content";
+export type SheetRootProps = DialogRootProps;
+export declare const SheetRoot: typeof import("../dialog/dialog").DialogRoot;
+export declare const Sheet: {
+    Root: typeof import("../dialog/dialog").DialogRoot;
+    Trigger: (props: import("@ark-ui/solid/dialog").DialogTriggerProps) => import("solid-js").JSX.Element;
+    Content: typeof SheetContent;
+    Header: typeof import("../dialog/dialog.parts").DialogHeader;
+    Title: typeof import("../dialog/dialog.parts").DialogTitle;
+    Description: typeof import("../dialog/dialog.parts").DialogDescription;
+    Body: typeof import("../dialog/dialog.parts").DialogBody;
+    Footer: typeof import("../dialog/dialog.parts").DialogFooter;
+    CloseTrigger: typeof import("../dialog/dialog.close-trigger").DialogCloseTrigger;
+    Portal: typeof import("../overlay.portal").OverlayPortal;
+    Backdrop: typeof import("../dialog/dialog.parts").DialogBackdrop;
+    Positioner: typeof SheetPositioner;
+    Surface: typeof SheetSurface;
+    Context: (props: import("@ark-ui/solid/dialog").DialogContextProps) => import("solid-js").JSX.Element;
+};

package/dist/types/overlays/sheet/sheet.recipe.d.ts

@@ -0,0 +1,100 @@
+export declare const sheetRecipe: import("tailwind-variants/lite").TVReturnType<{
+    side: {
+        right: {
+            positioner: string;
+            content: string;
+        };
+        left: {
+            positioner: string;
+            content: string;
+        };
+        top: {
+            positioner: string;
+            content: string;
+        };
+        bottom: {
+            positioner: string;
+            content: string;
+        };
+    };
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    positioner: string;
+    content: string;
+}, undefined, {
+    side: {
+        right: {
+            positioner: string;
+            content: string;
+        };
+        left: {
+            positioner: string;
+            content: string;
+        };
+        top: {
+            positioner: string;
+            content: string;
+        };
+        bottom: {
+            positioner: string;
+            content: string;
+        };
+    };
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    positioner: string;
+    content: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    side: {
+        right: {
+            positioner: string;
+            content: string;
+        };
+        left: {
+            positioner: string;
+            content: string;
+        };
+        top: {
+            positioner: string;
+            content: string;
+        };
+        bottom: {
+            positioner: string;
+            content: string;
+        };
+    };
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    positioner: string;
+    content: string;
+}>>;