@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/drawer.js

@@ -0,0 +1,293 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { DrawerPreview } from "@base-ui/react/drawer";
+
+//#region src/ui/drawer/drawer-size-context.ts
+const { SizeContext: DrawerSizeContext, useResolvedSize: useResolvedDrawerSize } = createSizeContext();
+
+//#endregion
+//#region src/ui/drawer/drawer-actions.tsx
+const drawerActionsVariants = tv({
+	base: "flex justify-end",
+	variants: { size: {
+		xs: "gap-2",
+		sm: "gap-2.5",
+		md: "gap-4",
+		lg: "gap-4",
+		xl: "gap-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerActions = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(drawerActionsVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-actions",
+		...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),
+	"data-slot": "drawer-backdrop",
+	...props
+});
+
+//#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",
+	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" }
+});
+const DrawerClose = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Close, {
+		className: cn(drawerCloseVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-close",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-content.tsx
+const drawerContentVariants = tv({
+	base: "mx-auto w-full",
+	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" }
+});
+const DrawerContent = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Content, {
+		className: cn(drawerContentVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-content",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-description.tsx
+const drawerDescriptionVariants = tv({
+	base: "text-muted-foreground",
+	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" }
+});
+const DrawerDescription = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Description, {
+		className: cn(drawerDescriptionVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-description",
+		...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",
+	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" }
+});
+const DrawerHandle = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		className: cn(drawerHandleVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-handle",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-header.tsx
+const drawerHeaderVariants = tv({
+	base: "flex shrink-0 touch-none flex-col border-b border-border",
+	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" }
+});
+const DrawerHeader = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(drawerHeaderVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-header",
+		...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),
+	"data-slot": "drawer-indent",
+	...props
+});
+
+//#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),
+	"data-slot": "drawer-indent-background",
+	...props
+});
+
+//#endregion
+//#region src/ui/drawer/drawer-popup.tsx
+const drawerPopupSizeVariants = tv({
+	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" }
+});
+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),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-portal.tsx
+const DrawerPortal = ({ ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Portal, {
+	"data-slot": "drawer-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/drawer/drawer-provider.tsx
+const DrawerProvider = ({ ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Provider, { ...props });
+
+//#endregion
+//#region src/ui/drawer/drawer-title.tsx
+const drawerTitleVariants = tv({
+	base: "font-medium text-foreground",
+	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" }
+});
+const DrawerTitle = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Title, {
+		className: cn(drawerTitleVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-title",
+		...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",
+	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" }
+});
+const DrawerTrigger = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Trigger, {
+		className: cn(drawerTriggerVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-trigger",
+		...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),
+	"data-slot": "drawer-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/drawer/drawer.tsx
+const Drawer = ({ size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(DrawerSizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(DrawerPreview.Root, { ...props })
+	});
+};
+const DrawerRoot = Drawer;
+Drawer.Root = DrawerRoot;
+Drawer.Actions = DrawerActions;
+Drawer.Backdrop = DrawerBackdrop;
+Drawer.Close = DrawerClose;
+Drawer.Content = DrawerContent;
+Drawer.Description = DrawerDescription;
+Drawer.Indent = DrawerIndent;
+Drawer.IndentBackground = DrawerIndentBackground;
+Drawer.Handle = DrawerHandle;
+Drawer.Header = DrawerHeader;
+Drawer.Popup = DrawerPopup;
+Drawer.Portal = DrawerPortal;
+Drawer.Provider = DrawerProvider;
+Drawer.Title = DrawerTitle;
+Drawer.Trigger = DrawerTrigger;
+Drawer.Viewport = DrawerViewport;
+Drawer.createHandle = DrawerPreview.createHandle;
+const createDrawerHandle = DrawerPreview.createHandle;
+
+//#endregion
+export { Drawer, DrawerActions, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerHandle, DrawerHeader, DrawerIndent, DrawerIndentBackground, DrawerPopup, DrawerPortal, DrawerProvider, DrawerRoot, DrawerTitle, DrawerTrigger, DrawerViewport, createDrawerHandle };
+//# sourceMappingURL=drawer.js.map

package/dist/ui/drawer.js.map

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,144 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../src/ui/dropdown-menu/dropdown-menu.tsx"],"mappings":";;;;;;;KAyBY,iBAAA,GAAoB,IAAA,CAAc,IAAA,CAAK,KAAA;EACjD,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,YAAA;EAAA;;;KAAkD,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/dropdown-menu.js

@@ -0,0 +1,40 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { S as DropdownMenuArrow, _ as DropdownMenuPortal, a as DropdownMenuShortcut, b as DropdownMenuContext, c as DropdownMenuRadioGroup, d as DropdownMenuLabel, f as DropdownMenuItem, g as DropdownMenuPositioner, h as DropdownMenuContent, i as DropdownMenuSub, l as DropdownMenuLinkItem, m as DropdownMenuGroup, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, r as DropdownMenuSubContent, s as DropdownMenuRadioItem, t as DropdownMenuTrigger, v as DropdownMenuPopup, x as DropdownMenuBackdrop, y as DropdownMenuCheckboxItem } from "../dropdown-menu-trigger-COnFGfDa.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/ui/dropdown-menu/dropdown-menu.tsx
+const DropdownMenu = ({ size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Menu.Root, {
+			"data-size": size,
+			"data-slot": "dropdown-menu",
+			...props
+		})
+	});
+};
+DropdownMenu.Arrow = DropdownMenuArrow;
+DropdownMenu.Backdrop = DropdownMenuBackdrop;
+DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
+DropdownMenu.Content = DropdownMenuContent;
+DropdownMenu.Group = DropdownMenuGroup;
+DropdownMenu.Item = DropdownMenuItem;
+DropdownMenu.Label = DropdownMenuLabel;
+DropdownMenu.LinkItem = DropdownMenuLinkItem;
+DropdownMenu.Portal = DropdownMenuPortal;
+DropdownMenu.Popup = DropdownMenuPopup;
+DropdownMenu.Positioner = DropdownMenuPositioner;
+DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
+DropdownMenu.RadioItem = DropdownMenuRadioItem;
+DropdownMenu.Separator = DropdownMenuSeparator;
+DropdownMenu.Shortcut = DropdownMenuShortcut;
+DropdownMenu.Sub = DropdownMenuSub;
+DropdownMenu.SubContent = DropdownMenuSubContent;
+DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
+DropdownMenu.Trigger = DropdownMenuTrigger;
+
+//#endregion
+export { DropdownMenu, DropdownMenuArrow, DropdownMenuBackdrop, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/ui/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":["MenuPrimitive"],"sources":["../../src/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DropdownMenuArrow } from \"./dropdown-menu-arrow\";\nimport { DropdownMenuBackdrop } from \"./dropdown-menu-backdrop\";\nimport { DropdownMenuCheckboxItem } from \"./dropdown-menu-checkbox-item\";\nimport { DropdownMenuContent } from \"./dropdown-menu-content\";\nimport { DropdownMenuContext } from \"./dropdown-menu-context\";\nimport { DropdownMenuGroup } from \"./dropdown-menu-group\";\nimport { DropdownMenuItem } from \"./dropdown-menu-item\";\nimport { DropdownMenuLabel } from \"./dropdown-menu-label\";\nimport { DropdownMenuLinkItem } from \"./dropdown-menu-link-item\";\nimport { DropdownMenuPopup } from \"./dropdown-menu-popup\";\nimport { DropdownMenuPortal } from \"./dropdown-menu-portal\";\nimport { DropdownMenuPositioner } from \"./dropdown-menu-positioner\";\nimport { DropdownMenuRadioGroup } from \"./dropdown-menu-radio-group\";\nimport { DropdownMenuRadioItem } from \"./dropdown-menu-radio-item\";\nimport { DropdownMenuSeparator } from \"./dropdown-menu-separator\";\nimport { DropdownMenuShortcut } from \"./dropdown-menu-shortcut\";\nimport { DropdownMenuSub } from \"./dropdown-menu-sub\";\nimport { DropdownMenuSubContent } from \"./dropdown-menu-sub-content\";\nimport { DropdownMenuSubTrigger } from \"./dropdown-menu-sub-trigger\";\nimport { DropdownMenuTrigger } from \"./dropdown-menu-trigger\";\nexport type DropdownMenuProps = MenuPrimitive.Root.Props & {\n  size?: InputSize;\n};\n\nconst DropdownMenu = ({ size: providedSize, ...props }: DropdownMenuProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <DropdownMenuContext.Provider value={{ size }}>\n      <MenuPrimitive.Root\n        data-size={size}\n        data-slot=\"dropdown-menu\"\n        {...props}\n      />\n    </DropdownMenuContext.Provider>\n  );\n};\n\nDropdownMenu.Arrow = DropdownMenuArrow;\nDropdownMenu.Backdrop = DropdownMenuBackdrop;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.LinkItem = DropdownMenuLinkItem;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Popup = DropdownMenuPopup;\nDropdownMenu.Positioner = DropdownMenuPositioner;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.Trigger = DropdownMenuTrigger;\n\nexport {\n  DropdownMenu,\n  DropdownMenuArrow,\n  DropdownMenuBackdrop,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuLinkItem,\n  DropdownMenuPortal,\n  DropdownMenuPopup,\n  DropdownMenuPositioner,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n\nexport type { DropdownMenuArrowProps } from \"./dropdown-menu-arrow\";\nexport type { DropdownMenuBackdropProps } from \"./dropdown-menu-backdrop\";\nexport type { DropdownMenuCheckboxItemProps } from \"./dropdown-menu-checkbox-item\";\nexport type { DropdownMenuContentProps } from \"./dropdown-menu-content\";\nexport type { DropdownMenuGroupProps } from \"./dropdown-menu-group\";\nexport type { DropdownMenuItemProps } from \"./dropdown-menu-item\";\nexport type { DropdownMenuLabelProps } from \"./dropdown-menu-label\";\nexport type { DropdownMenuLinkItemProps } from \"./dropdown-menu-link-item\";\nexport type { DropdownMenuPopupProps } from \"./dropdown-menu-popup\";\nexport type { DropdownMenuPortalProps } from \"./dropdown-menu-portal\";\nexport type { DropdownMenuPositionerProps } from \"./dropdown-menu-positioner\";\nexport type { DropdownMenuRadioGroupProps } from \"./dropdown-menu-radio-group\";\nexport type { DropdownMenuRadioItemProps } from \"./dropdown-menu-radio-item\";\nexport type { DropdownMenuSeparatorProps } from \"./dropdown-menu-separator\";\nexport type { DropdownMenuShortcutProps } from \"./dropdown-menu-shortcut\";\nexport type { DropdownMenuSubProps } from \"./dropdown-menu-sub\";\nexport type { DropdownMenuSubContentProps } from \"./dropdown-menu-sub-content\";\nexport type { DropdownMenuSubTriggerProps } from \"./dropdown-menu-sub-trigger\";\nexport type { DropdownMenuTriggerProps } from \"./dropdown-menu-trigger\";\n"],"mappings":";;;;;;AA6BA,MAAM,gBAAgB,EAAE,MAAM,cAAc,GAAG,YAA+B;CAC5E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,oBAAoB;EAAS,OAAO,EAAE,MAAM;YAC3C,oBAACA,KAAc;GACb,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC2B;;AAInC,aAAa,QAAQ;AACrB,aAAa,WAAW;AACxB,aAAa,eAAe;AAC5B,aAAa,UAAU;AACvB,aAAa,QAAQ;AACrB,aAAa,OAAO;AACpB,aAAa,QAAQ;AACrB,aAAa,WAAW;AACxB,aAAa,SAAS;AACtB,aAAa,QAAQ;AACrB,aAAa,aAAa;AAC1B,aAAa,aAAa;AAC1B,aAAa,YAAY;AACzB,aAAa,YAAY;AACzB,aAAa,WAAW;AACxB,aAAa,MAAM;AACnB,aAAa,aAAa;AAC1B,aAAa,aAAa;AAC1B,aAAa,UAAU"}