@kuzenbo/core 0.0.4 → 0.0.6

package/dist/ui/drawer.js

@@ -1,7 +1,8 @@
 "use client";
 
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { t as createSizeContext } from "../size-context-CvLl3pMC.js";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { DrawerPreview } from "@base-ui/react/drawer";
@@ -13,14 +14,14 @@ const { SizeContext: DrawerSizeContext, useResolvedSize: useResolvedDrawerSize }
 //#region src/ui/drawer/drawer-actions.tsx
 const drawerActionsVariants = tv({
 	base: "flex justify-end",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-2",
-		sm: "gap-2.5",
-		md: "gap-4",
 		lg: "gap-4",
-		xl: "gap-5"
-	} },
-	defaultVariants: { size: "md" }
+		md: "gap-4",
+		sm: "gap-2.5",
+		xl: "gap-5",
+		xs: "gap-2"
+	} }
 });
 const DrawerActions = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -35,7 +36,7 @@ const DrawerActions = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/drawer/drawer-backdrop.tsx
 const DrawerBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Backdrop, {
-	className: cn("fixed inset-0 z-50 min-h-dvh bg-foreground opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:bg-background dark:[--backdrop-opacity:0.7]", className),
+	className: cn("z-overlay bg-foreground dark:bg-background fixed inset-0 min-h-dvh opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:0.7]", className),
 	"data-slot": "drawer-backdrop",
 	...props
 });
@@ -43,15 +44,15 @@ const DrawerBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPr
 //#endregion
 //#region src/ui/drawer/drawer-close.tsx
 const drawerCloseVariants = tv({
-	base: "inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50",
+	base: "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",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "size-6 text-sm",
-		sm: "size-7 text-base",
-		md: "size-7 text-base",
 		lg: "size-8 text-base",
-		xl: "size-9 text-lg"
-	} },
-	defaultVariants: { size: "md" }
+		md: "size-7 text-base",
+		sm: "size-7 text-base",
+		xl: "size-9 text-lg",
+		xs: "size-6 text-sm"
+	} }
 });
 const DrawerClose = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -67,14 +68,14 @@ const DrawerClose = ({ className, size, ...props }) => {
 //#region src/ui/drawer/drawer-content.tsx
 const drawerContentVariants = tv({
 	base: "mx-auto w-full",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "max-w-[24rem]",
-		sm: "max-w-[28rem]",
-		md: "max-w-[32rem]",
 		lg: "max-w-[36rem]",
-		xl: "max-w-[40rem]"
-	} },
-	defaultVariants: { size: "md" }
+		md: "max-w-[32rem]",
+		sm: "max-w-[28rem]",
+		xl: "max-w-[40rem]",
+		xs: "max-w-[24rem]"
+	} }
 });
 const DrawerContent = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -90,14 +91,14 @@ const DrawerContent = ({ className, size, ...props }) => {
 //#region src/ui/drawer/drawer-description.tsx
 const drawerDescriptionVariants = tv({
 	base: "text-muted-foreground",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-sm leading-5",
-		sm: "text-sm leading-6",
-		md: "text-base leading-6",
 		lg: "text-base leading-7",
-		xl: "text-lg leading-7"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-base leading-6",
+		sm: "text-sm leading-6",
+		xl: "text-lg leading-7",
+		xs: "text-sm leading-5"
+	} }
 });
 const DrawerDescription = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -112,15 +113,15 @@ const DrawerDescription = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/drawer/drawer-handle.tsx
 const drawerHandleVariants = tv({
-	base: "mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40",
+	base: "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "mb-3 w-10",
-		sm: "mb-3.5 w-11",
-		md: "mb-4 w-12",
 		lg: "mb-4 w-14",
-		xl: "mb-5 w-16"
-	} },
-	defaultVariants: { size: "md" }
+		md: "mb-4 w-12",
+		sm: "mb-3.5 w-11",
+		xl: "mb-5 w-16",
+		xs: "mb-3 w-10"
+	} }
 });
 const DrawerHandle = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -136,15 +137,15 @@ const DrawerHandle = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/drawer/drawer-header.tsx
 const drawerHeaderVariants = tv({
-	base: "flex shrink-0 touch-none flex-col border-b border-border",
+	base: "border-border flex shrink-0 touch-none flex-col border-b",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-1.5 px-4 pt-2.5 pb-2",
-		sm: "gap-2 px-5 pt-3 pb-2.5",
-		md: "gap-2.5 px-6 pt-3.5 pb-3",
 		lg: "gap-3 px-7 pt-4 pb-3.5",
-		xl: "gap-3.5 px-8 pt-4.5 pb-4"
-	} },
-	defaultVariants: { size: "md" }
+		md: "gap-2.5 px-6 pt-3.5 pb-3",
+		sm: "gap-2 px-5 pt-3 pb-2.5",
+		xl: "gap-3.5 px-8 pt-4.5 pb-4",
+		xs: "gap-1.5 px-4 pt-2.5 pb-2"
+	} }
 });
 const DrawerHeader = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -159,7 +160,7 @@ const DrawerHeader = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/drawer/drawer-indent.tsx
 const DrawerIndent = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Indent, {
-	className: cn("relative min-h-[320px] origin-[center_top] border border-border bg-background text-foreground [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]", className),
+	className: cn("border-border bg-background text-foreground relative min-h-[320px] origin-[center_top] border [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]", className),
 	"data-slot": "drawer-indent",
 	...props
 });
@@ -167,7 +168,7 @@ const DrawerIndent = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPrev
 //#endregion
 //#region src/ui/drawer/drawer-indent-background.tsx
 const DrawerIndentBackground = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.IndentBackground, {
-	className: cn("absolute inset-0 -z-10 bg-foreground transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0", className),
+	className: cn("z-underlay bg-foreground absolute inset-0 transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0", className),
 	"data-slot": "drawer-indent-background",
 	...props
 });
@@ -175,19 +176,19 @@ const DrawerIndentBackground = ({ className, ...props }) => /* @__PURE__ */ jsx(
 //#endregion
 //#region src/ui/drawer/drawer-popup.tsx
 const drawerPopupSizeVariants = tv({
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3",
-		sm: "text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5",
-		md: "text-sm",
 		lg: "text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5",
-		xl: "text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5",
+		xl: "text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6",
+		xs: "text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3"
+	} }
 });
 const DrawerPopup = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
 	return /* @__PURE__ */ jsx(DrawerPreview.Popup, {
-		className: cn("relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain bg-card text-card-foreground outline outline-border transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-open:after:bg-foreground/5 data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]", drawerPopupSizeVariants({ size: resolvedSize }), className),
+		className: cn("bg-card text-card-foreground outline-border data-nested-drawer-open:after:bg-foreground/5 relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain outline transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]", drawerPopupSizeVariants({ size: resolvedSize }), className),
 		"data-size": resolvedSize,
 		"data-slot": "drawer-popup",
 		...props
@@ -208,15 +209,15 @@ const DrawerProvider = ({ ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Provi
 //#endregion
 //#region src/ui/drawer/drawer-title.tsx
 const drawerTitleVariants = tv({
-	base: "font-medium text-foreground",
+	base: "text-foreground font-medium",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-base leading-6",
-		sm: "text-lg leading-6",
-		md: "text-lg leading-7",
 		lg: "text-xl leading-7",
-		xl: "text-2xl leading-8"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-lg leading-7",
+		sm: "text-lg leading-6",
+		xl: "text-2xl leading-8",
+		xs: "text-base leading-6"
+	} }
 });
 const DrawerTitle = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -231,15 +232,15 @@ const DrawerTitle = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/drawer/drawer-trigger.tsx
 const drawerTriggerVariants = tv({
-	base: "inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50",
+	base: "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",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs",
-		sm: "h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm",
-		md: "h-10 rounded-md px-3.5 text-base md:text-sm",
 		lg: "h-11 rounded-md px-4 text-base md:text-sm",
-		xl: "h-12 rounded-md px-4.5 text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "h-10 rounded-md px-3.5 text-base md:text-sm",
+		sm: "h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm",
+		xl: "h-12 rounded-md px-4.5 text-base",
+		xs: "h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs"
+	} }
 });
 const DrawerTrigger = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedDrawerSize(size);
@@ -254,7 +255,7 @@ const DrawerTrigger = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/drawer/drawer-viewport.tsx
 const DrawerViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Viewport, {
-	className: cn("fixed inset-0 z-50 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]", className),
+	className: cn("z-overlay fixed inset-0 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]", className),
 	"data-slot": "drawer-viewport",
 	...props
 });
@@ -263,8 +264,9 @@ const DrawerViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPr
 //#region src/ui/drawer/drawer.tsx
 const Drawer = ({ size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(DrawerSizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(DrawerPreview.Root, { ...props })
 	});
 };

package/dist/ui/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive"],"sources":["../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer.tsx"],"sourcesContent":["import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type DrawerSize = UISize;\n\nconst {\n  SizeContext: DrawerSizeContext,\n  useResolvedSize: useResolvedDrawerSize,\n} = createSizeContext();\n\nexport { DrawerSizeContext, useResolvedDrawerSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerActionsVariants = tv({\n  base: \"flex justify-end\",\n  variants: {\n    size: {\n      xs: \"gap-2\",\n      sm: \"gap-2.5\",\n      md: \"gap-4\",\n      lg: \"gap-4\",\n      xl: \"gap-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerActionsVariantProps = Omit<\n  VariantProps<typeof drawerActionsVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerActionsProps = ComponentProps<\"div\"> &\n  DrawerActionsVariantProps;\n\nconst DrawerActions = ({ className, size, ...props }: DrawerActionsProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <div\n      className={cn(drawerActionsVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-actions\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerActions };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerBackdropProps = DrawerPrimitive.Backdrop.Props;\n\nconst DrawerBackdrop = ({ className, ...props }: DrawerBackdropProps) => (\n  <DrawerPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 z-50 min-h-dvh bg-foreground opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:bg-background dark:[--backdrop-opacity:0.7]\",\n      className\n    )}\n    data-slot=\"drawer-backdrop\"\n    {...props}\n  />\n);\n\nexport { DrawerBackdrop };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerCloseVariants = tv({\n  base: \"inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    size: {\n      xs: \"size-6 text-sm\",\n      sm: \"size-7 text-base\",\n      md: \"size-7 text-base\",\n      lg: \"size-8 text-base\",\n      xl: \"size-9 text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerCloseVariantProps = Omit<\n  VariantProps<typeof drawerCloseVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerCloseProps = DrawerPrimitive.Close.Props &\n  DrawerCloseVariantProps;\n\nconst DrawerClose = ({ className, size, ...props }: DrawerCloseProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Close\n      className={cn(drawerCloseVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-close\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerClose };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerContentVariants = tv({\n  base: \"mx-auto w-full\",\n  variants: {\n    size: {\n      xs: \"max-w-[24rem]\",\n      sm: \"max-w-[28rem]\",\n      md: \"max-w-[32rem]\",\n      lg: \"max-w-[36rem]\",\n      xl: \"max-w-[40rem]\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerContentVariantProps = Omit<\n  VariantProps<typeof drawerContentVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerContentProps = DrawerPrimitive.Content.Props &\n  DrawerContentVariantProps;\n\nconst DrawerContent = ({ className, size, ...props }: DrawerContentProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Content\n      className={cn(drawerContentVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-content\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerContent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerDescriptionVariants = tv({\n  base: \"text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"text-sm leading-5\",\n      sm: \"text-sm leading-6\",\n      md: \"text-base leading-6\",\n      lg: \"text-base leading-7\",\n      xl: \"text-lg leading-7\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerDescriptionVariantProps = Omit<\n  VariantProps<typeof drawerDescriptionVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerDescriptionProps = DrawerPrimitive.Description.Props &\n  DrawerDescriptionVariantProps;\n\nconst DrawerDescription = ({\n  className,\n  size,\n  ...props\n}: DrawerDescriptionProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Description\n      className={cn(\n        drawerDescriptionVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"drawer-description\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHandleVariants = tv({\n  base: \"mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40\",\n  variants: {\n    size: {\n      xs: \"mb-3 w-10\",\n      sm: \"mb-3.5 w-11\",\n      md: \"mb-4 w-12\",\n      lg: \"mb-4 w-14\",\n      xl: \"mb-5 w-16\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerHandleVariantProps = Omit<\n  VariantProps<typeof drawerHandleVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerHandleProps = ComponentProps<\"div\"> &\n  DrawerHandleVariantProps;\n\nconst DrawerHandle = ({ className, size, ...props }: DrawerHandleProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <div\n      aria-hidden\n      className={cn(drawerHandleVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-handle\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerHandle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHeaderVariants = tv({\n  base: \"flex shrink-0 touch-none flex-col border-b border-border\",\n  variants: {\n    size: {\n      xs: \"gap-1.5 px-4 pt-2.5 pb-2\",\n      sm: \"gap-2 px-5 pt-3 pb-2.5\",\n      md: \"gap-2.5 px-6 pt-3.5 pb-3\",\n      lg: \"gap-3 px-7 pt-4 pb-3.5\",\n      xl: \"gap-3.5 px-8 pt-4.5 pb-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerHeaderVariantProps = Omit<\n  VariantProps<typeof drawerHeaderVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerHeaderProps = ComponentProps<\"div\"> &\n  DrawerHeaderVariantProps;\n\nconst DrawerHeader = ({ className, size, ...props }: DrawerHeaderProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <div\n      className={cn(drawerHeaderVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-header\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerHeader };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentProps = DrawerPrimitive.Indent.Props;\n\nconst DrawerIndent = ({ className, ...props }: DrawerIndentProps) => (\n  <DrawerPrimitive.Indent\n    className={cn(\n      \"relative min-h-[320px] origin-[center_top] border border-border bg-background text-foreground [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]\",\n      className\n    )}\n    data-slot=\"drawer-indent\"\n    {...props}\n  />\n);\n\nexport { DrawerIndent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentBackgroundProps =\n  DrawerPrimitive.IndentBackground.Props;\n\nconst DrawerIndentBackground = ({\n  className,\n  ...props\n}: DrawerIndentBackgroundProps) => (\n  <DrawerPrimitive.IndentBackground\n    className={cn(\n      \"absolute inset-0 -z-10 bg-foreground transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0\",\n      className\n    )}\n    data-slot=\"drawer-indent-background\"\n    {...props}\n  />\n);\n\nexport { DrawerIndentBackground };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerPopupSizeVariants = tv({\n  variants: {\n    size: {\n      xs: \"text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3\",\n      sm: \"text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5\",\n      md: \"text-sm\",\n      lg: \"text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5\",\n      xl: \"text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerPopupVariantProps = Omit<\n  VariantProps<typeof drawerPopupSizeVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerPopupSize = UISize;\nexport type DrawerPopupProps = DrawerPrimitive.Popup.Props &\n  DrawerPopupVariantProps;\n\nconst DrawerPopup = ({ className, size, ...props }: DrawerPopupProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Popup\n      className={cn(\n        \"relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain bg-card text-card-foreground outline outline-border transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-open:after:bg-foreground/5 data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]\",\n        drawerPopupSizeVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"drawer-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerPopup };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerPortalProps = DrawerPrimitive.Portal.Props;\n\nconst DrawerPortal = ({ ...props }: DrawerPortalProps) => (\n  <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n);\n\nexport { DrawerPortal };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerProviderProps = DrawerPrimitive.Provider.Props;\n\nconst DrawerProvider = ({ ...props }: DrawerProviderProps) => (\n  <DrawerPrimitive.Provider {...props} />\n);\n\nexport { DrawerProvider };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTitleVariants = tv({\n  base: \"font-medium text-foreground\",\n  variants: {\n    size: {\n      xs: \"text-base leading-6\",\n      sm: \"text-lg leading-6\",\n      md: \"text-lg leading-7\",\n      lg: \"text-xl leading-7\",\n      xl: \"text-2xl leading-8\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerTitleVariantProps = Omit<\n  VariantProps<typeof drawerTitleVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerTitleProps = DrawerPrimitive.Title.Props &\n  DrawerTitleVariantProps;\n\nconst DrawerTitle = ({ className, size, ...props }: DrawerTitleProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Title\n      className={cn(drawerTitleVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-title\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerTitle };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTriggerVariants = tv({\n  base: \"inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    size: {\n      xs: \"h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n      sm: \"h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm\",\n      md: \"h-10 rounded-md px-3.5 text-base md:text-sm\",\n      lg: \"h-11 rounded-md px-4 text-base md:text-sm\",\n      xl: \"h-12 rounded-md px-4.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype DrawerTriggerVariantProps = Omit<\n  VariantProps<typeof drawerTriggerVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerTriggerProps = DrawerPrimitive.Trigger.Props &\n  DrawerTriggerVariantProps;\n\nconst DrawerTrigger = ({ className, size, ...props }: DrawerTriggerProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Trigger\n      className={cn(drawerTriggerVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-trigger\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerTrigger };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerViewportProps = DrawerPrimitive.Viewport.Props;\n\nconst DrawerViewport = ({ className, ...props }: DrawerViewportProps) => (\n  <DrawerPrimitive.Viewport\n    className={cn(\n      \"fixed inset-0 z-50 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]\",\n      className\n    )}\n    data-slot=\"drawer-viewport\"\n    {...props}\n  />\n);\n\nexport { DrawerViewport };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerActions } from \"./drawer-actions\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport { DrawerClose } from \"./drawer-close\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerDescription } from \"./drawer-description\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerIndent } from \"./drawer-indent\";\nimport { DrawerIndentBackground } from \"./drawer-indent-background\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport { DrawerProvider } from \"./drawer-provider\";\nimport { DrawerSizeContext, type DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTitle } from \"./drawer-title\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\n\nexport type DrawerRootProps<T = unknown> = DrawerPrimitive.Root.Props<T> & {\n  size?: DrawerSize;\n};\nexport type DrawerProps<T = unknown> = DrawerRootProps<T>;\n\nconst Drawer = <T,>({ size: providedSize, ...props }: DrawerRootProps<T>) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <DrawerSizeContext.Provider value={{ size }}>\n      <DrawerPrimitive.Root {...props} />\n    </DrawerSizeContext.Provider>\n  );\n};\n\nconst DrawerRoot = Drawer;\n\nDrawer.Root = DrawerRoot;\nDrawer.Actions = DrawerActions;\nDrawer.Backdrop = DrawerBackdrop;\nDrawer.Close = DrawerClose;\nDrawer.Content = DrawerContent;\nDrawer.Description = DrawerDescription;\nDrawer.Indent = DrawerIndent;\nDrawer.IndentBackground = DrawerIndentBackground;\nDrawer.Handle = DrawerHandle;\nDrawer.Header = DrawerHeader;\nDrawer.Popup = DrawerPopup;\nDrawer.Portal = DrawerPortal;\nDrawer.Provider = DrawerProvider;\nDrawer.Title = DrawerTitle;\nDrawer.Trigger = DrawerTrigger;\nDrawer.Viewport = DrawerViewport;\nDrawer.createHandle = DrawerPrimitive.createHandle;\n\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n\nexport type { DrawerActionsProps } from \"./drawer-actions\";\nexport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nexport type { DrawerCloseProps } from \"./drawer-close\";\nexport type { DrawerContentProps } from \"./drawer-content\";\nexport type { DrawerDescriptionProps } from \"./drawer-description\";\nexport type { DrawerHandleProps } from \"./drawer-handle\";\nexport type { DrawerHeaderProps } from \"./drawer-header\";\nexport type { DrawerIndentBackgroundProps } from \"./drawer-indent-background\";\nexport type { DrawerIndentProps } from \"./drawer-indent\";\nexport type { DrawerPopupProps } from \"./drawer-popup\";\nexport type { DrawerPopupSize } from \"./drawer-popup\";\nexport type { DrawerPortalProps } from \"./drawer-portal\";\nexport type { DrawerProviderProps } from \"./drawer-provider\";\nexport type { DrawerSize } from \"./drawer-size-context\";\nexport type { DrawerTitleProps } from \"./drawer-title\";\nexport type { DrawerTriggerProps } from \"./drawer-trigger\";\nexport type { DrawerViewportProps } from \"./drawer-viewport\";\n\nexport {\n  Drawer,\n  DrawerRoot,\n  DrawerActions,\n  DrawerBackdrop,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHandle,\n  DrawerHeader,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerPopup,\n  DrawerPortal,\n  DrawerProvider,\n  DrawerTitle,\n  DrawerTrigger,\n  DrawerViewport,\n  createDrawerHandle,\n};\n"],"mappings":";;;;;;;;;AAMA,MAAM,EACJ,aAAa,mBACb,iBAAiB,0BACf,mBAAmB;;;;ACCvB,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,iBAAiB,EAAE,WAAW,MAAM,GAAG,YAAgC;CAC3E,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAAC;EACC,WAAW,GAAG,sBAAsB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACvE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACtCN,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,cAAgB;CACf,WAAW,GACT,seACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAACC,cAAgB;EACf,WAAW,GAAG,oBAAoB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACrE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACnCN,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,iBAAiB,EAAE,WAAW,MAAM,GAAG,YAAgC;CAC3E,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAACC,cAAgB;EACf,WAAW,GAAG,sBAAsB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACvE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACnCN,MAAM,4BAA4B,GAAG;CACnC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,qBAAqB,EACzB,WACA,MACA,GAAG,YACyB;CAC5B,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAACC,cAAgB;EACf,WAAW,GACT,0BAA0B,EAAE,MAAM,cAAc,CAAC,EACjD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACzCN,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAAC;EACC;EACA,WAAW,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACtE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACpCN,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAAC;EACC,WAAW,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACtE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACtCN,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACC,cAAgB;CACf,WAAW,GACT,8vBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,0BAA0B,EAC9B,WACA,GAAG,YAEH,oBAACC,cAAgB;CACf,WAAW,GACT,mIACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACVJ,MAAM,0BAA0B,GAAG;CACjC,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAaF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAACC,cAAgB;EACf,WAAW,GACT,87LACA,wBAAwB,EAAE,MAAM,cAAc,CAAC,EAC/C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC1CN,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACC,cAAgB;CAAO,aAAU;CAAgB,GAAI;EAAS;;;;ACDjE,MAAM,kBAAkB,EAAE,GAAG,YAC3B,oBAACC,cAAgB,YAAS,GAAI,QAAS;;;;ACEzC,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAACC,cAAgB;EACf,WAAW,GAAG,oBAAoB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACrE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACnCN,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,iBAAiB,EAAE,WAAW,MAAM,GAAG,YAAgC;CAC3E,MAAM,eAAe,sBAAsB,KAAK;AAEhD,QACE,oBAACC,cAAgB;EACf,WAAW,GAAG,sBAAsB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACvE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACrCN,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,cAAgB;CACf,WAAW,GACT,sXACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACYJ,MAAM,UAAc,EAAE,MAAM,cAAc,GAAG,YAAgC;CAC3E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,kBAAkB;EAAS,OAAO,EAAE,MAAM;YACzC,oBAACC,cAAgB,QAAK,GAAI,QAAS;GACR;;AAIjC,MAAM,aAAa;AAEnB,OAAO,OAAO;AACd,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,SAAS;AAChB,OAAO,mBAAmB;AAC1B,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,OAAO,eAAeA,cAAgB;AAEtC,MAAM,qBAAqBA,cAAgB"}
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive"],"sources":["../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type DrawerSize = UISize;\n\nconst {\n  SizeContext: DrawerSizeContext,\n  useResolvedSize: useResolvedDrawerSize,\n} = createSizeContext();\n\nexport { DrawerSizeContext, useResolvedDrawerSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerActionsVariants = tv({\n  base: \"flex justify-end\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-4\",\n      md: \"gap-4\",\n      sm: \"gap-2.5\",\n      xl: \"gap-5\",\n      xs: \"gap-2\",\n    },\n  },\n});\n\ntype DrawerActionsVariantProps = Omit<\n  VariantProps<typeof drawerActionsVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerActionsProps = ComponentProps<\"div\"> &\n  DrawerActionsVariantProps;\n\nconst DrawerActions = ({ className, size, ...props }: DrawerActionsProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <div\n      className={cn(drawerActionsVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-actions\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerActions };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerBackdropProps = DrawerPrimitive.Backdrop.Props;\n\nconst DrawerBackdrop = ({ className, ...props }: DrawerBackdropProps) => (\n  <DrawerPrimitive.Backdrop\n    className={cn(\n      \"z-overlay bg-foreground dark:bg-background fixed inset-0 min-h-dvh opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:0.7]\",\n      className\n    )}\n    data-slot=\"drawer-backdrop\"\n    {...props}\n  />\n);\n\nexport { DrawerBackdrop };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerCloseVariants = tv({\n  base: \"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\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"size-8 text-base\",\n      md: \"size-7 text-base\",\n      sm: \"size-7 text-base\",\n      xl: \"size-9 text-lg\",\n      xs: \"size-6 text-sm\",\n    },\n  },\n});\n\ntype DrawerCloseVariantProps = Omit<\n  VariantProps<typeof drawerCloseVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerCloseProps = DrawerPrimitive.Close.Props &\n  DrawerCloseVariantProps;\n\nconst DrawerClose = ({ className, size, ...props }: DrawerCloseProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Close\n      className={cn(drawerCloseVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-close\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerClose };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerContentVariants = tv({\n  base: \"mx-auto w-full\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"max-w-[36rem]\",\n      md: \"max-w-[32rem]\",\n      sm: \"max-w-[28rem]\",\n      xl: \"max-w-[40rem]\",\n      xs: \"max-w-[24rem]\",\n    },\n  },\n});\n\ntype DrawerContentVariantProps = Omit<\n  VariantProps<typeof drawerContentVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerContentProps = DrawerPrimitive.Content.Props &\n  DrawerContentVariantProps;\n\nconst DrawerContent = ({ className, size, ...props }: DrawerContentProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Content\n      className={cn(drawerContentVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-content\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerContent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerDescriptionVariants = tv({\n  base: \"text-muted-foreground\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-base leading-7\",\n      md: \"text-base leading-6\",\n      sm: \"text-sm leading-6\",\n      xl: \"text-lg leading-7\",\n      xs: \"text-sm leading-5\",\n    },\n  },\n});\n\ntype DrawerDescriptionVariantProps = Omit<\n  VariantProps<typeof drawerDescriptionVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerDescriptionProps = DrawerPrimitive.Description.Props &\n  DrawerDescriptionVariantProps;\n\nconst DrawerDescription = ({\n  className,\n  size,\n  ...props\n}: DrawerDescriptionProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Description\n      className={cn(\n        drawerDescriptionVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"drawer-description\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHandleVariants = tv({\n  base: \"bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"mb-4 w-14\",\n      md: \"mb-4 w-12\",\n      sm: \"mb-3.5 w-11\",\n      xl: \"mb-5 w-16\",\n      xs: \"mb-3 w-10\",\n    },\n  },\n});\n\ntype DrawerHandleVariantProps = Omit<\n  VariantProps<typeof drawerHandleVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerHandleProps = ComponentProps<\"div\"> &\n  DrawerHandleVariantProps;\n\nconst DrawerHandle = ({ className, size, ...props }: DrawerHandleProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <div\n      aria-hidden\n      className={cn(drawerHandleVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-handle\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerHandle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHeaderVariants = tv({\n  base: \"border-border flex shrink-0 touch-none flex-col border-b\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-3 px-7 pt-4 pb-3.5\",\n      md: \"gap-2.5 px-6 pt-3.5 pb-3\",\n      sm: \"gap-2 px-5 pt-3 pb-2.5\",\n      xl: \"gap-3.5 px-8 pt-4.5 pb-4\",\n      xs: \"gap-1.5 px-4 pt-2.5 pb-2\",\n    },\n  },\n});\n\ntype DrawerHeaderVariantProps = Omit<\n  VariantProps<typeof drawerHeaderVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerHeaderProps = ComponentProps<\"div\"> &\n  DrawerHeaderVariantProps;\n\nconst DrawerHeader = ({ className, size, ...props }: DrawerHeaderProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <div\n      className={cn(drawerHeaderVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-header\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerHeader };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentProps = DrawerPrimitive.Indent.Props;\n\nconst DrawerIndent = ({ className, ...props }: DrawerIndentProps) => (\n  <DrawerPrimitive.Indent\n    className={cn(\n      \"border-border bg-background text-foreground relative min-h-[320px] origin-[center_top] border [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]\",\n      className\n    )}\n    data-slot=\"drawer-indent\"\n    {...props}\n  />\n);\n\nexport { DrawerIndent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentBackgroundProps =\n  DrawerPrimitive.IndentBackground.Props;\n\nconst DrawerIndentBackground = ({\n  className,\n  ...props\n}: DrawerIndentBackgroundProps) => (\n  <DrawerPrimitive.IndentBackground\n    className={cn(\n      \"z-underlay bg-foreground absolute inset-0 transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0\",\n      className\n    )}\n    data-slot=\"drawer-indent-background\"\n    {...props}\n  />\n);\n\nexport { DrawerIndentBackground };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerPopupSizeVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5\",\n      md: \"text-sm\",\n      sm: \"text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5\",\n      xl: \"text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6\",\n      xs: \"text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3\",\n    },\n  },\n});\n\ntype DrawerPopupVariantProps = Omit<\n  VariantProps<typeof drawerPopupSizeVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerPopupSize = UISize;\nexport type DrawerPopupProps = DrawerPrimitive.Popup.Props &\n  DrawerPopupVariantProps;\n\nconst DrawerPopup = ({ className, size, ...props }: DrawerPopupProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Popup\n      className={cn(\n        \"bg-card text-card-foreground outline-border data-nested-drawer-open:after:bg-foreground/5 relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain outline transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]\",\n        drawerPopupSizeVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"drawer-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerPopup };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerPortalProps = DrawerPrimitive.Portal.Props;\n\nconst DrawerPortal = ({ ...props }: DrawerPortalProps) => (\n  <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n);\n\nexport { DrawerPortal };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerProviderProps = DrawerPrimitive.Provider.Props;\n\nconst DrawerProvider = ({ ...props }: DrawerProviderProps) => (\n  <DrawerPrimitive.Provider {...props} />\n);\n\nexport { DrawerProvider };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTitleVariants = tv({\n  base: \"text-foreground font-medium\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-xl leading-7\",\n      md: \"text-lg leading-7\",\n      sm: \"text-lg leading-6\",\n      xl: \"text-2xl leading-8\",\n      xs: \"text-base leading-6\",\n    },\n  },\n});\n\ntype DrawerTitleVariantProps = Omit<\n  VariantProps<typeof drawerTitleVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerTitleProps = DrawerPrimitive.Title.Props &\n  DrawerTitleVariantProps;\n\nconst DrawerTitle = ({ className, size, ...props }: DrawerTitleProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Title\n      className={cn(drawerTitleVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-title\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerTitle };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTriggerVariants = tv({\n  base: \"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\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-11 rounded-md px-4 text-base md:text-sm\",\n      md: \"h-10 rounded-md px-3.5 text-base md:text-sm\",\n      sm: \"h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm\",\n      xl: \"h-12 rounded-md px-4.5 text-base\",\n      xs: \"h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n    },\n  },\n});\n\ntype DrawerTriggerVariantProps = Omit<\n  VariantProps<typeof drawerTriggerVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type DrawerTriggerProps = DrawerPrimitive.Trigger.Props &\n  DrawerTriggerVariantProps;\n\nconst DrawerTrigger = ({ className, size, ...props }: DrawerTriggerProps) => {\n  const resolvedSize = useResolvedDrawerSize(size);\n\n  return (\n    <DrawerPrimitive.Trigger\n      className={cn(drawerTriggerVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"drawer-trigger\"\n      {...props}\n    />\n  );\n};\n\nexport { DrawerTrigger };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerViewportProps = DrawerPrimitive.Viewport.Props;\n\nconst DrawerViewport = ({ className, ...props }: DrawerViewportProps) => (\n  <DrawerPrimitive.Viewport\n    className={cn(\n      \"z-overlay fixed inset-0 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]\",\n      className\n    )}\n    data-slot=\"drawer-viewport\"\n    {...props}\n  />\n);\n\nexport { DrawerViewport };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerActions } from \"./drawer-actions\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport { DrawerClose } from \"./drawer-close\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerDescription } from \"./drawer-description\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerIndent } from \"./drawer-indent\";\nimport { DrawerIndentBackground } from \"./drawer-indent-background\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport { DrawerProvider } from \"./drawer-provider\";\nimport { DrawerSizeContext } from \"./drawer-size-context\";\nimport type { DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTitle } from \"./drawer-title\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\n\nexport type DrawerRootProps<T = unknown> = DrawerPrimitive.Root.Props<T> & {\n  size?: DrawerSize;\n};\nexport type DrawerProps<T = unknown> = DrawerRootProps<T>;\n\nconst Drawer = <T,>({ size: providedSize, ...props }: DrawerRootProps<T>) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <DrawerSizeContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root {...props} />\n    </DrawerSizeContext.Provider>\n  );\n};\n\nconst DrawerRoot = Drawer;\n\nDrawer.Root = DrawerRoot;\nDrawer.Actions = DrawerActions;\nDrawer.Backdrop = DrawerBackdrop;\nDrawer.Close = DrawerClose;\nDrawer.Content = DrawerContent;\nDrawer.Description = DrawerDescription;\nDrawer.Indent = DrawerIndent;\nDrawer.IndentBackground = DrawerIndentBackground;\nDrawer.Handle = DrawerHandle;\nDrawer.Header = DrawerHeader;\nDrawer.Popup = DrawerPopup;\nDrawer.Portal = DrawerPortal;\nDrawer.Provider = DrawerProvider;\nDrawer.Title = DrawerTitle;\nDrawer.Trigger = DrawerTrigger;\nDrawer.Viewport = DrawerViewport;\nDrawer.createHandle = DrawerPrimitive.createHandle;\n\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n\nexport type { DrawerActionsProps } from \"./drawer-actions\";\nexport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nexport type { DrawerCloseProps } from \"./drawer-close\";\nexport type { DrawerContentProps } from \"./drawer-content\";\nexport type { DrawerDescriptionProps } from \"./drawer-description\";\nexport type { DrawerHandleProps } from \"./drawer-handle\";\nexport type { DrawerHeaderProps } from \"./drawer-header\";\nexport type { DrawerIndentBackgroundProps } from \"./drawer-indent-background\";\nexport type { DrawerIndentProps } from \"./drawer-indent\";\nexport type { DrawerPopupProps } from \"./drawer-popup\";\nexport type { DrawerPopupSize } from \"./drawer-popup\";\nexport type { DrawerPortalProps } from \"./drawer-portal\";\nexport type { DrawerProviderProps } from \"./drawer-provider\";\nexport type { DrawerSize } from \"./drawer-size-context\";\nexport type { DrawerTitleProps } from \"./drawer-title\";\nexport type { DrawerTriggerProps } from \"./drawer-trigger\";\nexport type { DrawerViewportProps } from \"./drawer-viewport\";\n\nexport {\n  Drawer,\n  DrawerRoot,\n  DrawerActions,\n  DrawerBackdrop,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHandle,\n  DrawerHeader,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerPopup,\n  DrawerPortal,\n  DrawerProvider,\n  DrawerTitle,\n  DrawerTrigger,\n  DrawerViewport,\n  createDrawerHandle,\n};\n"],"mappings":"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"}

package/dist/ui/dropdown-menu.d.ts

@@ -1,144 +1,3 @@
-import { InputSize } from "./input.js";
-import { A as DropdownMenuGroupProps, C as DropdownMenuLinkItem, D as DropdownMenuItem, E as DropdownMenuLabelProps, F as DropdownMenuBackdrop, I as DropdownMenuBackdropProps, L as DropdownMenuArrow, M as DropdownMenuContentProps, N as DropdownMenuCheckboxItem, O as DropdownMenuItemProps, P as DropdownMenuCheckboxItemProps, R as DropdownMenuArrowProps, S as DropdownMenuPortalProps, T as DropdownMenuLabel, _ as DropdownMenuPositioner, a as DropdownMenuSubContent, b as DropdownMenuPopupProps, c as DropdownMenuSubProps, d as DropdownMenuSeparator, f as DropdownMenuSeparatorProps, g as DropdownMenuRadioGroupProps, h as DropdownMenuRadioGroup, i as DropdownMenuSubTriggerProps, j as DropdownMenuContent, k as DropdownMenuGroup, l as DropdownMenuShortcut, m as DropdownMenuRadioItemProps, n as DropdownMenuTriggerProps, o as DropdownMenuSubContentProps, p as DropdownMenuRadioItem, r as DropdownMenuSubTrigger, s as DropdownMenuSub, t as DropdownMenuTrigger, u as DropdownMenuShortcutProps, v as DropdownMenuPositionerProps, w as DropdownMenuLinkItemProps, x as DropdownMenuPortal, y as DropdownMenuPopup } from "../dropdown-menu-trigger-BpgtLUvf.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as tailwind_variants0 from "tailwind-variants";
-import { Menu } from "@base-ui/react/menu";
-
-//#region src/ui/dropdown-menu/dropdown-menu.d.ts
-type DropdownMenuProps = Menu.Root.Props & {
-  size?: InputSize;
-};
-declare const DropdownMenu: {
-  ({
-    size: providedSize,
-    ...props
-  }: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
-  Arrow: ({
-    className,
-    ...props
-  }: DropdownMenuArrowProps) => react_jsx_runtime0.JSX.Element;
-  Backdrop: ({
-    className,
-    ...props
-  }: DropdownMenuBackdropProps) => react_jsx_runtime0.JSX.Element;
-  CheckboxItem: ({
-    className,
-    children,
-    checked,
-    size,
-    ...props
-  }: DropdownMenuCheckboxItemProps) => react_jsx_runtime0.JSX.Element;
-  Content: ({
-    align,
-    alignOffset,
-    side,
-    sideOffset,
-    className,
-    size,
-    ...props
-  }: DropdownMenuContentProps) => react_jsx_runtime0.JSX.Element;
-  Group: ({
-    ...props
-  }: DropdownMenuGroupProps) => react_jsx_runtime0.JSX.Element;
-  Item: ({
-    className,
-    inset,
-    size,
-    variant,
-    ...props
-  }: DropdownMenuItemProps) => react_jsx_runtime0.JSX.Element;
-  Label: ({
-    className,
-    inset,
-    size,
-    ...props
-  }: DropdownMenuLabelProps) => react_jsx_runtime0.JSX.Element;
-  LinkItem: ({
-    className,
-    inset,
-    size,
-    variant,
-    ...props
-  }: DropdownMenuLinkItemProps) => react_jsx_runtime0.JSX.Element;
-  Portal: ({
-    ...props
-  }: DropdownMenuPortalProps) => react_jsx_runtime0.JSX.Element;
-  Popup: ({
-    className,
-    size,
-    ...props
-  }: DropdownMenuPopupProps) => react_jsx_runtime0.JSX.Element;
-  Positioner: ({
-    className,
-    ...props
-  }: DropdownMenuPositionerProps) => react_jsx_runtime0.JSX.Element;
-  RadioGroup: ({
-    ...props
-  }: DropdownMenuRadioGroupProps) => react_jsx_runtime0.JSX.Element;
-  RadioItem: ({
-    className,
-    children,
-    size,
-    ...props
-  }: DropdownMenuRadioItemProps) => react_jsx_runtime0.JSX.Element;
-  Separator: ({
-    className,
-    size,
-    ...props
-  }: DropdownMenuSeparatorProps & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
-    size: {
-      xs: string;
-      sm: string;
-      md: string;
-      lg: string;
-      xl: string;
-    };
-  }, undefined, "h-px bg-border", {
-    size: {
-      xs: string;
-      sm: string;
-      md: string;
-      lg: string;
-      xl: string;
-    };
-  }, undefined, tailwind_variants0.TVReturnType<{
-    size: {
-      xs: string;
-      sm: string;
-      md: string;
-      lg: string;
-      xl: string;
-    };
-  }, undefined, "h-px bg-border", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
-  Shortcut: ({
-    className,
-    size,
-    ...props
-  }: DropdownMenuShortcutProps) => react_jsx_runtime0.JSX.Element;
-  Sub: ({
-    ...props
-  }: DropdownMenuSubProps) => react_jsx_runtime0.JSX.Element;
-  SubContent: ({
-    align,
-    alignOffset,
-    side,
-    sideOffset,
-    className,
-    size,
-    ...props
-  }: DropdownMenuSubContentProps) => react_jsx_runtime0.JSX.Element;
-  SubTrigger: ({
-    className,
-    inset,
-    size,
-    children,
-    ...props
-  }: DropdownMenuSubTriggerProps) => react_jsx_runtime0.JSX.Element;
-  Trigger: ({
-    className,
-    ...props
-  }: DropdownMenuTriggerProps) => react_jsx_runtime0.JSX.Element;
-};
-//#endregion
-export { DropdownMenu, DropdownMenuArrow, type DropdownMenuArrowProps, DropdownMenuBackdrop, type DropdownMenuBackdropProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };
-//# sourceMappingURL=dropdown-menu.d.ts.map
+import "../input-BeE717GK.js";
+import { A as DropdownMenuItemProps, B as DropdownMenuArrowProps, C as DropdownMenuPortal, D as DropdownMenuLabel, E as DropdownMenuLinkItemProps, F as DropdownMenuCheckboxItem, I as DropdownMenuCheckboxItemProps, L as DropdownMenuBackdrop, M as DropdownMenuGroupProps, N as DropdownMenuContent, O as DropdownMenuLabelProps, P as DropdownMenuContentProps, R as DropdownMenuBackdropProps, S as DropdownMenuPopupProps, T as DropdownMenuLinkItem, _ as DropdownMenuRadioGroup, a as DropdownMenuSubTrigger, b as DropdownMenuPositionerProps, c as DropdownMenuSubContentProps, d as DropdownMenuShortcut, f as DropdownMenuShortcutProps, g as DropdownMenuRadioItemProps, h as DropdownMenuRadioItem, i as DropdownMenuTriggerProps, j as DropdownMenuGroup, k as DropdownMenuItem, l as DropdownMenuSub, m as DropdownMenuSeparatorProps, n as DropdownMenuProps, o as DropdownMenuSubTriggerProps, p as DropdownMenuSeparator, r as DropdownMenuTrigger, s as DropdownMenuSubContent, t as DropdownMenu, u as DropdownMenuSubProps, v as DropdownMenuRadioGroupProps, w as DropdownMenuPortalProps, x as DropdownMenuPopup, y as DropdownMenuPositioner, z as DropdownMenuArrow } from "../dropdown-menu-BG03sLbC.js";
+export { DropdownMenu, DropdownMenuArrow, DropdownMenuArrowProps, DropdownMenuBackdrop, DropdownMenuBackdropProps, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuLinkItem, DropdownMenuLinkItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps };