@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/drawer-viewport-CXCkzSjL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-viewport-CXCkzSjL.js","names":["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"],"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"],"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"}

package/dist/drawer.d.ts

@@ -1,17 +1,22 @@
-import { A as DrawerActionsProps, C as DrawerContent, D as DrawerBackdrop, E as DrawerCloseProps, O as DrawerBackdropProps, S as DrawerDescriptionProps, T as DrawerClose, _ as DrawerIndentBackground, a as DrawerTitle, b as DrawerIndentProps, c as DrawerProviderProps, d as DrawerPopup, f as DrawerPopupProps, g as DrawerHandleProps, h as DrawerHandle, i as DrawerTriggerProps, k as DrawerActions, l as DrawerPortal, m as DrawerHeaderProps, n as DrawerViewportProps, o as DrawerTitleProps, p as DrawerHeader, r as DrawerTrigger, s as DrawerProvider, t as DrawerViewport, u as DrawerPortalProps, v as DrawerIndentBackgroundProps, w as DrawerContentProps, x as DrawerDescription, y as DrawerIndent } from "./drawer-viewport-DejmWgmc.js";
+import { A as DrawerBackdropProps, C as DrawerDescription, D as DrawerClose, E as DrawerContentProps, M as DrawerActionsProps, O as DrawerCloseProps, S as DrawerIndentProps, T as DrawerContent, _ as DrawerHandle, a as DrawerTriggerProps, b as DrawerIndentBackgroundProps, c as DrawerProvider, d as DrawerPortalProps, f as DrawerPopup, g as DrawerHeaderProps, h as DrawerHeader, i as DrawerTrigger, j as DrawerActions, k as DrawerBackdrop, l as DrawerProviderProps, m as DrawerPopupSize, n as DrawerViewport, o as DrawerTitle, p as DrawerPopupProps, r as DrawerViewportProps, s as DrawerTitleProps, t as DrawerSize, u as DrawerPortal, v as DrawerHandleProps, w as DrawerDescriptionProps, x as DrawerIndent, y as DrawerIndentBackground } from "./drawer-size-context-TrNk8sne.js";
+import "./size-context-CPoCTRTV.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { DrawerPreview } from "@base-ui/react/drawer";
 
 //#region src/ui/drawer/drawer.d.ts
-type DrawerRootProps<T = unknown> = DrawerPreview.Root.Props<T>;
+type DrawerRootProps<T = unknown> = DrawerPreview.Root.Props<T> & {
+  size?: DrawerSize;
+};
 type DrawerProps<T = unknown> = DrawerRootProps<T>;
 declare const Drawer: {
   <T>({
+    size: providedSize,
     ...props
   }: DrawerRootProps<T>): react_jsx_runtime0.JSX.Element;
   Root: /*elided*/any;
   Actions: ({
     className,
+    size,
     ...props
   }: DrawerActionsProps) => react_jsx_runtime0.JSX.Element;
   Backdrop: ({
@@ -20,14 +25,17 @@ declare const Drawer: {
   }: DrawerBackdropProps) => react_jsx_runtime0.JSX.Element;
   Close: ({
     className,
+    size,
     ...props
   }: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
+    size,
     ...props
   }: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
   Description: ({
     className,
+    size,
     ...props
   }: DrawerDescriptionProps) => react_jsx_runtime0.JSX.Element;
   Indent: ({
@@ -40,14 +48,17 @@ declare const Drawer: {
   }: DrawerIndentBackgroundProps) => react_jsx_runtime0.JSX.Element;
   Handle: ({
     className,
+    size,
     ...props
   }: DrawerHandleProps) => react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
+    size,
     ...props
   }: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
   Popup: ({
     className,
+    size,
     ...props
   }: DrawerPopupProps) => react_jsx_runtime0.JSX.Element;
   Portal: ({
@@ -58,10 +69,12 @@ declare const Drawer: {
   }: DrawerProviderProps) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
+    size,
     ...props
   }: DrawerTitleProps) => react_jsx_runtime0.JSX.Element;
   Trigger: ({
     className,
+    size,
     ...props
   }: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
   Viewport: ({
@@ -72,11 +85,13 @@ declare const Drawer: {
 };
 declare const DrawerRoot: {
   <T>({
+    size: providedSize,
     ...props
   }: DrawerRootProps<T>): react_jsx_runtime0.JSX.Element;
   Root: /*elided*/any;
   Actions: ({
     className,
+    size,
     ...props
   }: DrawerActionsProps) => react_jsx_runtime0.JSX.Element;
   Backdrop: ({
@@ -85,14 +100,17 @@ declare const DrawerRoot: {
   }: DrawerBackdropProps) => react_jsx_runtime0.JSX.Element;
   Close: ({
     className,
+    size,
     ...props
   }: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
+    size,
     ...props
   }: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
   Description: ({
     className,
+    size,
     ...props
   }: DrawerDescriptionProps) => react_jsx_runtime0.JSX.Element;
   Indent: ({
@@ -105,14 +123,17 @@ declare const DrawerRoot: {
   }: DrawerIndentBackgroundProps) => react_jsx_runtime0.JSX.Element;
   Handle: ({
     className,
+    size,
     ...props
   }: DrawerHandleProps) => react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
+    size,
     ...props
   }: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
   Popup: ({
     className,
+    size,
     ...props
   }: DrawerPopupProps) => react_jsx_runtime0.JSX.Element;
   Portal: ({
@@ -123,10 +144,12 @@ declare const DrawerRoot: {
   }: DrawerProviderProps) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
+    size,
     ...props
   }: DrawerTitleProps) => react_jsx_runtime0.JSX.Element;
   Trigger: ({
     className,
+    size,
     ...props
   }: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
   Viewport: ({
@@ -137,5 +160,5 @@ declare const DrawerRoot: {
 };
 declare const createDrawerHandle: typeof DrawerPreview.createHandle;
 //#endregion
-export { Drawer, DrawerActions, type DrawerActionsProps, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerHandle, type DrawerHandleProps, DrawerHeader, type DrawerHeaderProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundProps, type DrawerIndentProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, DrawerProps, DrawerProvider, type DrawerProviderProps, DrawerRoot, DrawerRootProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps, createDrawerHandle };
+export { Drawer, DrawerActions, type DrawerActionsProps, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerHandle, type DrawerHandleProps, DrawerHeader, type DrawerHeaderProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundProps, type DrawerIndentProps, DrawerPopup, type DrawerPopupProps, type DrawerPopupSize, DrawerPortal, type DrawerPortalProps, DrawerProps, DrawerProvider, type DrawerProviderProps, DrawerRoot, DrawerRootProps, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps, createDrawerHandle };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../src/ui/drawer/drawer.tsx"],"mappings":";;;;;KAoBY,eAAA,gBAA+B,aAAA,CAAgB,IAAA,CAAK,KAAA,CAAM,CAAA;AAAA,KAC1D,WAAA,gBAA2B,eAAA,CAAgB,CAAA;AAAA,cAEjD,MAAA;EAAA;IAAA,GAAW;EAAA,GAAiB,eAAA,CAAgB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA;QAF5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAMlB,UAAA;EAAA;IAAA,GAJW;EAAA,GAAiB,eAAA,CAAgB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwB9C,kBAAA,SAAkB,aAAA,CAAA,YAAA"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../src/ui/drawer/drawer.tsx"],"mappings":";;;;;;KAsBY,eAAA,gBAA+B,aAAA,CAAgB,IAAA,CAAK,KAAA,CAAM,CAAA;EACpE,IAAA,GAAO,UAAA;AAAA;AAAA,KAEG,WAAA,gBAA2B,eAAA,CAAgB,CAAA;AAAA,cAEjD,MAAA;EAAA;IAAW,IAAA,EAAA,YAAA;IAAA,GAAA;EAAA,GAAqC,eAAA,CAAgB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA;QAF5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAYN,UAAA;EAAA;IAVW,IAAA,EAAA,YAAA;IAAA,GAAA;EAAA,GAAqC,eAAA,CAAgB,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8BlE,kBAAA,SAAkB,aAAA,CAAA,YAAA"}

package/dist/drawer.js

@@ -1,11 +1,18 @@
 "use client";
 
-import { a as DrawerPortal, c as DrawerIndent, d as DrawerDescription, f as DrawerContent, h as DrawerActions, i as DrawerProvider, l as DrawerHeader, m as DrawerBackdrop, n as DrawerTrigger, o as DrawerPopup, p as DrawerClose, r as DrawerTitle, s as DrawerIndentBackground, t as DrawerViewport, u as DrawerHandle } from "./drawer-viewport-DYTvcTF3.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as DrawerPortal, c as DrawerIndent, d as DrawerDescription, f as DrawerContent, g as DrawerSizeContext, h as DrawerActions, i as DrawerProvider, l as DrawerHeader, m as DrawerBackdrop, n as DrawerTrigger, o as DrawerPopup, p as DrawerClose, r as DrawerTitle, s as DrawerIndentBackground, t as DrawerViewport, u as DrawerHandle } from "./drawer-viewport-CXCkzSjL.js";
 import { jsx } from "react/jsx-runtime";
 import { DrawerPreview } from "@base-ui/react/drawer";
 
 //#region src/ui/drawer/drawer.tsx
-const Drawer = ({ ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Root, { ...props });
+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;

package/dist/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["DrawerPrimitive"],"sources":["../src/ui/drawer/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\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 { DrawerTitle } from \"./drawer-title\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\n\nexport type DrawerRootProps<T = unknown> = DrawerPrimitive.Root.Props<T>;\nexport type DrawerProps<T = unknown> = DrawerRootProps<T>;\n\nconst Drawer = <T,>({ ...props }: DrawerRootProps<T>) => (\n  <DrawerPrimitive.Root {...props} />\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 { DrawerHandleProps } from \"./drawer-handle\";\nexport type { DrawerHeaderProps } from \"./drawer-header\";\nexport type { DrawerContentProps } from \"./drawer-content\";\nexport type { DrawerDescriptionProps } from \"./drawer-description\";\nexport type { DrawerIndentBackgroundProps } from \"./drawer-indent-background\";\nexport type { DrawerIndentProps } from \"./drawer-indent\";\nexport type { DrawerPopupProps } from \"./drawer-popup\";\nexport type { DrawerPortalProps } from \"./drawer-portal\";\nexport type { DrawerProviderProps } from \"./drawer-provider\";\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  DrawerHandle,\n  DrawerHeader,\n  DrawerContent,\n  DrawerDescription,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerPopup,\n  DrawerPortal,\n  DrawerProvider,\n  DrawerTitle,\n  DrawerTrigger,\n  DrawerViewport,\n  createDrawerHandle,\n};\n"],"mappings":";;;;;;;AAuBA,MAAM,UAAc,EAAE,GAAG,YACvB,oBAACA,cAAgB,QAAK,GAAI,QAAS;AAGrC,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"],"sources":["../src/ui/drawer/drawer.tsx"],"sourcesContent":["\"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":";;;;;;;;AA2BA,MAAM,UAAc,EAAE,MAAM,cAAc,GAAG,YAAgC;CAC3E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,kBAAkB;EAAS,OAAO,EAAE,MAAM;YACzC,oBAACA,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"}