@kuzenbo/core 0.0.5 → 0.0.7

package/dist/ui/drawer.d.ts

@@ -1,13 +1,20 @@
-import { t as UISize } from "../size-system-wzOLSuax.js";
-import "../size-context-DXfCAlWF.js";
-import { ComponentProps } from "react";
+import { t as UISize } from "../size-system-BAI1CnwU.js";
+import "../size-context-DWvVJytl.js";
+import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 import { DrawerPreview } from "@base-ui/react/drawer";
 
-//#region src/ui/drawer/drawer-actions.d.ts
-declare const drawerActionsVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-backdrop.d.ts
+type DrawerBackdropProps = DrawerPreview.Backdrop.Props;
+declare const DrawerBackdrop: ({
+  className,
+  ...props
+}: DrawerBackdropProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-content.d.ts
+declare const drawerContentVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -15,7 +22,7 @@ declare const drawerActionsVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "flex justify-end", {
+}, undefined, "mx-auto w-full", {
   size: {
     lg: string;
     md: string;
@@ -31,26 +38,19 @@ declare const drawerActionsVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "flex justify-end", unknown, unknown, undefined>>;
-type DrawerActionsVariantProps = Omit<VariantProps<typeof drawerActionsVariants>, "size"> & {
+}, undefined, "mx-auto w-full", unknown, unknown, undefined>>;
+type DrawerContentVariantProps = Omit<VariantProps<typeof drawerContentVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerActionsProps = ComponentProps<"div"> & DrawerActionsVariantProps;
-declare const DrawerActions: ({
+type DrawerContentProps = DrawerPreview.Content.Props & DrawerContentVariantProps;
+declare const DrawerContent: ({
   className,
   size,
   ...props
-}: DrawerActionsProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/ui/drawer/drawer-backdrop.d.ts
-type DrawerBackdropProps = DrawerPreview.Backdrop.Props;
-declare const DrawerBackdrop: ({
-  className,
-  ...props
-}: DrawerBackdropProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-close.d.ts
-declare const drawerCloseVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-popup.d.ts
+declare const drawerPopupSizeVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -58,7 +58,7 @@ declare const drawerCloseVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, undefined, {
   size: {
     lg: string;
     md: string;
@@ -74,19 +74,29 @@ declare const drawerCloseVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
-type DrawerCloseVariantProps = Omit<VariantProps<typeof drawerCloseVariants>, "size"> & {
+}, undefined, undefined, unknown, unknown, undefined>>;
+type DrawerPopupVariantProps = Omit<VariantProps<typeof drawerPopupSizeVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerCloseProps = DrawerPreview.Close.Props & DrawerCloseVariantProps;
-declare const DrawerClose: ({
+type DrawerPopupSize = UISize;
+type DrawerPopupProps = DrawerPreview.Popup.Props & DrawerPopupVariantProps;
+declare const DrawerPopup: ({
   className,
   size,
   ...props
-}: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerPopupProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-content.d.ts
-declare const drawerContentVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-portal.d.ts
+type DrawerPortalProps = DrawerPreview.Portal.Props;
+declare const DrawerPortal: ({
+  ...props
+}: DrawerPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-size-context.d.ts
+type DrawerSize = UISize;
+//#endregion
+//#region src/ui/drawer/drawer-trigger.d.ts
+declare const drawerTriggerVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -94,7 +104,7 @@ declare const drawerContentVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "mx-auto w-full", {
+}, undefined, "cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", {
   size: {
     lg: string;
     md: string;
@@ -110,19 +120,55 @@ declare const drawerContentVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "mx-auto w-full", unknown, unknown, undefined>>;
-type DrawerContentVariantProps = Omit<VariantProps<typeof drawerContentVariants>, "size"> & {
+}, undefined, "cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+type DrawerTriggerVariantProps = Omit<VariantProps<typeof drawerTriggerVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerContentProps = DrawerPreview.Content.Props & DrawerContentVariantProps;
-declare const DrawerContent: ({
+type DrawerTriggerProps = DrawerPreview.Trigger.Props & DrawerTriggerVariantProps;
+declare const DrawerTrigger: ({
   className,
   size,
   ...props
-}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-description.d.ts
-declare const drawerDescriptionVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-viewport.d.ts
+type DrawerViewportProps = DrawerPreview.Viewport.Props;
+declare const DrawerViewport: ({
+  className,
+  ...props
+}: DrawerViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-action-sheet.d.ts
+type DrawerActionSheetRootProps<T = unknown> = Omit<DrawerPreview.Root.Props<T>, "children" | "swipeDirection"> & {
+  size?: DrawerSize;
+};
+type DrawerActionSheetProps<T = unknown> = DrawerActionSheetRootProps<T> & {
+  backdropProps?: DrawerBackdropProps;
+  children: ReactNode;
+  contentProps?: DrawerContentProps;
+  destructiveAction?: ReactNode;
+  popupProps?: DrawerPopupProps;
+  portalProps?: DrawerPortalProps;
+  trigger?: ReactNode;
+  triggerProps?: Omit<DrawerTriggerProps, "children">;
+  viewportProps?: DrawerViewportProps;
+};
+declare const DrawerActionSheet: <T>({
+  backdropProps,
+  children,
+  contentProps,
+  destructiveAction,
+  popupProps,
+  portalProps,
+  size: providedSize,
+  trigger,
+  triggerProps,
+  viewportProps,
+  ...rootProps
+}: DrawerActionSheetProps<T>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-actions.d.ts
+declare const drawerActionsVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -130,7 +176,7 @@ declare const drawerDescriptionVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "text-muted-foreground", {
+}, undefined, "flex justify-end", {
   size: {
     lg: string;
     md: string;
@@ -146,33 +192,48 @@ declare const drawerDescriptionVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "text-muted-foreground", unknown, unknown, undefined>>;
-type DrawerDescriptionVariantProps = Omit<VariantProps<typeof drawerDescriptionVariants>, "size"> & {
+}, undefined, "flex justify-end", unknown, unknown, undefined>>;
+type DrawerActionsVariantProps = Omit<VariantProps<typeof drawerActionsVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerDescriptionProps = DrawerPreview.Description.Props & DrawerDescriptionVariantProps;
-declare const DrawerDescription: ({
+type DrawerActionsProps = ComponentProps<"div"> & DrawerActionsVariantProps;
+declare const DrawerActions: ({
   className,
   size,
   ...props
-}: DrawerDescriptionProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/ui/drawer/drawer-indent.d.ts
-type DrawerIndentProps = DrawerPreview.Indent.Props;
-declare const DrawerIndent: ({
-  className,
-  ...props
-}: DrawerIndentProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerActionsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-indent-background.d.ts
-type DrawerIndentBackgroundProps = DrawerPreview.IndentBackground.Props;
-declare const DrawerIndentBackground: ({
-  className,
-  ...props
-}: DrawerIndentBackgroundProps) => react_jsx_runtime0.JSX.Element;
+//#region src/ui/drawer/drawer-bottom-sheet.d.ts
+type DrawerBottomSheetRootProps<T = unknown> = Omit<DrawerPreview.Root.Props<T>, "children" | "swipeDirection"> & {
+  size?: DrawerSize;
+};
+type DrawerBottomSheetProps<T = unknown> = DrawerBottomSheetRootProps<T> & {
+  backdropProps?: DrawerBackdropProps;
+  children: ReactNode;
+  contentProps?: DrawerContentProps;
+  popupProps?: DrawerPopupProps;
+  portalProps?: DrawerPortalProps;
+  showHandle?: boolean;
+  trigger?: ReactNode;
+  triggerProps?: Omit<DrawerTriggerProps, "children">;
+  viewportProps?: DrawerViewportProps;
+};
+declare const DrawerBottomSheet: <T>({
+  backdropProps,
+  children,
+  contentProps,
+  popupProps,
+  portalProps,
+  showHandle,
+  size: providedSize,
+  trigger,
+  triggerProps,
+  viewportProps,
+  ...rootProps
+}: DrawerBottomSheetProps<T>) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-handle.d.ts
-declare const drawerHandleVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-close.d.ts
+declare const drawerCloseVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -180,7 +241,7 @@ declare const drawerHandleVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full", {
+}, undefined, "cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", {
   size: {
     lg: string;
     md: string;
@@ -196,19 +257,20 @@ declare const drawerHandleVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full", unknown, unknown, undefined>>;
-type DrawerHandleVariantProps = Omit<VariantProps<typeof drawerHandleVariants>, "size"> & {
+}, undefined, "cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+type DrawerCloseVariantProps = Omit<VariantProps<typeof drawerCloseVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerHandleProps = ComponentProps<"div"> & DrawerHandleVariantProps;
-declare const DrawerHandle: ({
+type DrawerCloseProps = DrawerPreview.Close.Props & DrawerCloseVariantProps;
+declare const DrawerClose: ({
   className,
+  render,
   size,
   ...props
-}: DrawerHandleProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-header.d.ts
-declare const drawerHeaderVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-description.d.ts
+declare const drawerDescriptionVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -216,7 +278,7 @@ declare const drawerHeaderVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "border-border flex shrink-0 touch-none flex-col border-b", {
+}, undefined, "text-muted-foreground", {
   size: {
     lg: string;
     md: string;
@@ -232,19 +294,45 @@ declare const drawerHeaderVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "border-border flex shrink-0 touch-none flex-col border-b", unknown, unknown, undefined>>;
-type DrawerHeaderVariantProps = Omit<VariantProps<typeof drawerHeaderVariants>, "size"> & {
+}, undefined, "text-muted-foreground", unknown, unknown, undefined>>;
+type DrawerDescriptionVariantProps = Omit<VariantProps<typeof drawerDescriptionVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerHeaderProps = ComponentProps<"div"> & DrawerHeaderVariantProps;
-declare const DrawerHeader: ({
+type DrawerDescriptionProps = DrawerPreview.Description.Props & DrawerDescriptionVariantProps;
+declare const DrawerDescription: ({
   className,
   size,
   ...props
-}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerDescriptionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-popup.d.ts
-declare const drawerPopupSizeVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-indent.d.ts
+type DrawerIndentProps = DrawerPreview.Indent.Props;
+declare const DrawerIndent: ({
+  className,
+  ...props
+}: DrawerIndentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-indent-background.d.ts
+type DrawerIndentBackgroundProps = DrawerPreview.IndentBackground.Props;
+declare const DrawerIndentBackground: ({
+  className,
+  ...props
+}: DrawerIndentBackgroundProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-indent-shell.d.ts
+interface DrawerIndentShellProps {
+  children: ReactNode;
+  indentBackgroundProps?: DrawerIndentBackgroundProps;
+  indentProps?: DrawerIndentProps;
+}
+declare const DrawerIndentShell: ({
+  children,
+  indentBackgroundProps,
+  indentProps
+}: DrawerIndentShellProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-handle.d.ts
+declare const drawerHandleVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -252,7 +340,7 @@ declare const drawerPopupSizeVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, undefined, {
+}, undefined, "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full", {
   size: {
     lg: string;
     md: string;
@@ -268,32 +356,19 @@ declare const drawerPopupSizeVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, undefined, unknown, unknown, undefined>>;
-type DrawerPopupVariantProps = Omit<VariantProps<typeof drawerPopupSizeVariants>, "size"> & {
+}, undefined, "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full", unknown, unknown, undefined>>;
+type DrawerHandleVariantProps = Omit<VariantProps<typeof drawerHandleVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerPopupSize = UISize;
-type DrawerPopupProps = DrawerPreview.Popup.Props & DrawerPopupVariantProps;
-declare const DrawerPopup: ({
+type DrawerHandleProps = ComponentProps<"div"> & DrawerHandleVariantProps;
+declare const DrawerHandle: ({
   className,
   size,
   ...props
-}: DrawerPopupProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/ui/drawer/drawer-portal.d.ts
-type DrawerPortalProps = DrawerPreview.Portal.Props;
-declare const DrawerPortal: ({
-  ...props
-}: DrawerPortalProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/ui/drawer/drawer-provider.d.ts
-type DrawerProviderProps = DrawerPreview.Provider.Props;
-declare const DrawerProvider: ({
-  ...props
-}: DrawerProviderProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerHandleProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-title.d.ts
-declare const drawerTitleVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-header.d.ts
+declare const drawerHeaderVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -301,7 +376,7 @@ declare const drawerTitleVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "text-foreground font-medium", {
+}, undefined, "border-border flex shrink-0 touch-none flex-col border-b", {
   size: {
     lg: string;
     md: string;
@@ -317,19 +392,55 @@ declare const drawerTitleVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "text-foreground font-medium", unknown, unknown, undefined>>;
-type DrawerTitleVariantProps = Omit<VariantProps<typeof drawerTitleVariants>, "size"> & {
+}, undefined, "border-border flex shrink-0 touch-none flex-col border-b", unknown, unknown, undefined>>;
+type DrawerHeaderVariantProps = Omit<VariantProps<typeof drawerHeaderVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerTitleProps = DrawerPreview.Title.Props & DrawerTitleVariantProps;
-declare const DrawerTitle: ({
+type DrawerHeaderProps = ComponentProps<"div"> & DrawerHeaderVariantProps;
+declare const DrawerHeader: ({
   className,
   size,
   ...props
-}: DrawerTitleProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ui/drawer/drawer-trigger.d.ts
-declare const drawerTriggerVariants: tailwind_variants0.TVReturnType<{
+//#region src/ui/drawer/drawer-provider.d.ts
+type DrawerProviderProps = DrawerPreview.Provider.Props;
+declare const DrawerProvider: ({
+  ...props
+}: DrawerProviderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-side-panel.d.ts
+type DrawerSidePanelRootProps<T = unknown> = Omit<DrawerPreview.Root.Props<T>, "children" | "swipeDirection"> & {
+  size?: DrawerSize;
+};
+type DrawerSidePanelSide = "left" | "right";
+type DrawerSidePanelProps<T = unknown> = DrawerSidePanelRootProps<T> & {
+  backdropProps?: DrawerBackdropProps;
+  children: ReactNode;
+  contentProps?: DrawerContentProps;
+  popupProps?: DrawerPopupProps;
+  portalProps?: DrawerPortalProps;
+  side?: DrawerSidePanelSide;
+  trigger?: ReactNode;
+  triggerProps?: Omit<DrawerTriggerProps, "children">;
+  viewportProps?: DrawerViewportProps;
+};
+declare const DrawerSidePanel: <T>({
+  backdropProps,
+  children,
+  contentProps,
+  popupProps,
+  portalProps,
+  side,
+  size: providedSize,
+  trigger,
+  triggerProps,
+  viewportProps,
+  ...rootProps
+}: DrawerSidePanelProps<T>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-title.d.ts
+declare const drawerTitleVariants: tailwind_variants0.TVReturnType<{
   size: {
     lg: string;
     md: string;
@@ -337,7 +448,7 @@ declare const drawerTriggerVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, "text-foreground font-medium", {
   size: {
     lg: string;
     md: string;
@@ -353,26 +464,16 @@ declare const drawerTriggerVariants: tailwind_variants0.TVReturnType<{
     xl: string;
     xs: string;
   };
-}, undefined, "cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
-type DrawerTriggerVariantProps = Omit<VariantProps<typeof drawerTriggerVariants>, "size"> & {
+}, undefined, "text-foreground font-medium", unknown, unknown, undefined>>;
+type DrawerTitleVariantProps = Omit<VariantProps<typeof drawerTitleVariants>, "size"> & {
   size?: UISize;
 };
-type DrawerTriggerProps = DrawerPreview.Trigger.Props & DrawerTriggerVariantProps;
-declare const DrawerTrigger: ({
+type DrawerTitleProps = DrawerPreview.Title.Props & DrawerTitleVariantProps;
+declare const DrawerTitle: ({
   className,
   size,
   ...props
-}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/ui/drawer/drawer-viewport.d.ts
-type DrawerViewportProps = DrawerPreview.Viewport.Props;
-declare const DrawerViewport: ({
-  className,
-  ...props
-}: DrawerViewportProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/ui/drawer/drawer-size-context.d.ts
-type DrawerSize = UISize;
+}: DrawerTitleProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/ui/drawer/drawer.d.ts
 type DrawerRootProps<T = unknown> = DrawerPreview.Root.Props<T> & {
@@ -385,6 +486,19 @@ declare const Drawer: {
     ...props
   }: DrawerRootProps<T>): react_jsx_runtime0.JSX.Element;
   Root: /*elided*/any;
+  ActionSheet: <T>({
+    backdropProps,
+    children,
+    contentProps,
+    destructiveAction,
+    popupProps,
+    portalProps,
+    size: providedSize,
+    trigger,
+    triggerProps,
+    viewportProps,
+    ...rootProps
+  }: DrawerActionSheetProps<T>) => react_jsx_runtime0.JSX.Element;
   Actions: ({
     className,
     size,
@@ -394,8 +508,22 @@ declare const Drawer: {
     className,
     ...props
   }: DrawerBackdropProps) => react_jsx_runtime0.JSX.Element;
+  BottomSheet: <T>({
+    backdropProps,
+    children,
+    contentProps,
+    popupProps,
+    portalProps,
+    showHandle,
+    size: providedSize,
+    trigger,
+    triggerProps,
+    viewportProps,
+    ...rootProps
+  }: DrawerBottomSheetProps<T>) => react_jsx_runtime0.JSX.Element;
   Close: ({
     className,
+    render,
     size,
     ...props
   }: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
@@ -417,6 +545,11 @@ declare const Drawer: {
     className,
     ...props
   }: DrawerIndentBackgroundProps) => react_jsx_runtime0.JSX.Element;
+  IndentShell: ({
+    children,
+    indentBackgroundProps,
+    indentProps
+  }: DrawerIndentShellProps) => react_jsx_runtime0.JSX.Element;
   Handle: ({
     className,
     size,
@@ -438,6 +571,19 @@ declare const Drawer: {
   Provider: ({
     ...props
   }: DrawerProviderProps) => react_jsx_runtime0.JSX.Element;
+  SidePanel: <T>({
+    backdropProps,
+    children,
+    contentProps,
+    popupProps,
+    portalProps,
+    side,
+    size: providedSize,
+    trigger,
+    triggerProps,
+    viewportProps,
+    ...rootProps
+  }: DrawerSidePanelProps<T>) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
     size,
@@ -460,6 +606,19 @@ declare const DrawerRoot: {
     ...props
   }: DrawerRootProps<T>): react_jsx_runtime0.JSX.Element;
   Root: /*elided*/any;
+  ActionSheet: <T>({
+    backdropProps,
+    children,
+    contentProps,
+    destructiveAction,
+    popupProps,
+    portalProps,
+    size: providedSize,
+    trigger,
+    triggerProps,
+    viewportProps,
+    ...rootProps
+  }: DrawerActionSheetProps<T>) => react_jsx_runtime0.JSX.Element;
   Actions: ({
     className,
     size,
@@ -469,8 +628,22 @@ declare const DrawerRoot: {
     className,
     ...props
   }: DrawerBackdropProps) => react_jsx_runtime0.JSX.Element;
+  BottomSheet: <T>({
+    backdropProps,
+    children,
+    contentProps,
+    popupProps,
+    portalProps,
+    showHandle,
+    size: providedSize,
+    trigger,
+    triggerProps,
+    viewportProps,
+    ...rootProps
+  }: DrawerBottomSheetProps<T>) => react_jsx_runtime0.JSX.Element;
   Close: ({
     className,
+    render,
     size,
     ...props
   }: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
@@ -492,6 +665,11 @@ declare const DrawerRoot: {
     className,
     ...props
   }: DrawerIndentBackgroundProps) => react_jsx_runtime0.JSX.Element;
+  IndentShell: ({
+    children,
+    indentBackgroundProps,
+    indentProps
+  }: DrawerIndentShellProps) => react_jsx_runtime0.JSX.Element;
   Handle: ({
     className,
     size,
@@ -513,6 +691,19 @@ declare const DrawerRoot: {
   Provider: ({
     ...props
   }: DrawerProviderProps) => react_jsx_runtime0.JSX.Element;
+  SidePanel: <T>({
+    backdropProps,
+    children,
+    contentProps,
+    popupProps,
+    portalProps,
+    side,
+    size: providedSize,
+    trigger,
+    triggerProps,
+    viewportProps,
+    ...rootProps
+  }: DrawerSidePanelProps<T>) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
     size,
@@ -531,5 +722,5 @@ declare const DrawerRoot: {
 };
 declare const createDrawerHandle: typeof DrawerPreview.createHandle;
 //#endregion
-export { Drawer, DrawerActions, type DrawerActionsProps, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerHandle, type DrawerHandleProps, DrawerHeader, type DrawerHeaderProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundProps, type DrawerIndentProps, DrawerPopup, type DrawerPopupProps, type DrawerPopupSize, DrawerPortal, type DrawerPortalProps, DrawerProps, DrawerProvider, type DrawerProviderProps, DrawerRoot, DrawerRootProps, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps, createDrawerHandle };
+export { Drawer, DrawerActionSheet, type DrawerActionSheetProps, DrawerActions, type DrawerActionsProps, DrawerBackdrop, type DrawerBackdropProps, DrawerBottomSheet, type DrawerBottomSheetProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerHandle, type DrawerHandleProps, DrawerHeader, type DrawerHeaderProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundProps, type DrawerIndentProps, DrawerIndentShell, type DrawerIndentShellProps, DrawerPopup, type DrawerPopupProps, type DrawerPopupSize, DrawerPortal, type DrawerPortalProps, DrawerProps, DrawerProvider, type DrawerProviderProps, DrawerRoot, DrawerRootProps, DrawerSidePanel, type DrawerSidePanelProps, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps, createDrawerHandle };
 //# sourceMappingURL=drawer.d.ts.map