@kuzenbo/core 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/{dialog-Dzvma_bu.js → dialog-B7kMKriQ.js} +3 -3
  2. package/dist/dialog-B7kMKriQ.js.map +1 -0
  3. package/dist/{sheet-FVsgl5Wk.js → sheet-CcyewAZj.js} +3 -3
  4. package/dist/sheet-CcyewAZj.js.map +1 -0
  5. package/dist/ui/alert-dialog.js +1 -1
  6. package/dist/ui/alert-dialog.js.map +1 -1
  7. package/dist/ui/autocomplete.d.ts +2 -2
  8. package/dist/ui/autocomplete.js +1 -1
  9. package/dist/ui/autocomplete.js.map +1 -1
  10. package/dist/ui/combobox.js +5 -5
  11. package/dist/ui/combobox.js.map +1 -1
  12. package/dist/ui/command.js +1 -1
  13. package/dist/ui/container.d.ts +1 -0
  14. package/dist/ui/container.d.ts.map +1 -1
  15. package/dist/ui/container.js +6 -2
  16. package/dist/ui/container.js.map +1 -1
  17. package/dist/ui/dialog.js +1 -1
  18. package/dist/ui/drawer.d.ts +308 -117
  19. package/dist/ui/drawer.d.ts.map +1 -1
  20. package/dist/ui/drawer.js +254 -114
  21. package/dist/ui/drawer.js.map +1 -1
  22. package/dist/ui/popover.js +1 -1
  23. package/dist/ui/popover.js.map +1 -1
  24. package/dist/ui/preview-card.js +1 -1
  25. package/dist/ui/preview-card.js.map +1 -1
  26. package/dist/ui/select.d.ts +2 -2
  27. package/dist/ui/select.js +1 -1
  28. package/dist/ui/select.js.map +1 -1
  29. package/dist/ui/sheet.js +1 -1
  30. package/dist/ui/sidebar.d.ts.map +1 -1
  31. package/dist/ui/sidebar.js +10 -13
  32. package/dist/ui/sidebar.js.map +1 -1
  33. package/dist/ui/typography.d.ts +1 -1
  34. package/dist/ui/typography.d.ts.map +1 -1
  35. package/dist/ui/typography.js +20 -20
  36. package/dist/ui/typography.js.map +1 -1
  37. package/package.json +6 -6
  38. package/dist/dialog-Dzvma_bu.js.map +0 -1
  39. package/dist/sheet-FVsgl5Wk.js.map +0 -1
package/dist/ui/drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.js","names":["DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive"],"sources":["../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type DrawerSize = UISize;\n\nconst {\n SizeContext: DrawerSizeContext,\n useResolvedSize: useResolvedDrawerSize,\n} = createSizeContext();\n\nexport { DrawerSizeContext, useResolvedDrawerSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerActionsVariants = tv({\n base: \"flex justify-end\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"gap-4\",\n md: \"gap-4\",\n sm: \"gap-2.5\",\n xl: \"gap-5\",\n xs: \"gap-2\",\n },\n },\n});\n\ntype DrawerActionsVariantProps = Omit<\n VariantProps<typeof drawerActionsVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerActionsProps = ComponentProps<\"div\"> &\n DrawerActionsVariantProps;\n\nconst DrawerActions = ({ className, size, ...props }: DrawerActionsProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerActionsVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-actions\"\n {...props}\n />\n );\n};\n\nexport { DrawerActions };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerBackdropProps = DrawerPrimitive.Backdrop.Props;\n\nconst DrawerBackdrop = ({ className, ...props }: DrawerBackdropProps) => (\n <DrawerPrimitive.Backdrop\n className={cn(\n \"z-overlay bg-foreground dark:bg-background fixed inset-0 min-h-dvh opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:0.7]\",\n className\n )}\n data-slot=\"drawer-backdrop\"\n {...props}\n />\n);\n\nexport { DrawerBackdrop };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerCloseVariants = tv({\n base: \"cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"size-8 text-base\",\n md: \"size-7 text-base\",\n sm: \"size-7 text-base\",\n xl: \"size-9 text-lg\",\n xs: \"size-6 text-sm\",\n },\n },\n});\n\ntype DrawerCloseVariantProps = Omit<\n VariantProps<typeof drawerCloseVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerCloseProps = DrawerPrimitive.Close.Props &\n DrawerCloseVariantProps;\n\nconst DrawerClose = ({ className, size, ...props }: DrawerCloseProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Close\n className={cn(drawerCloseVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-close\"\n {...props}\n />\n );\n};\n\nexport { DrawerClose };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerContentVariants = tv({\n base: \"mx-auto w-full\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"max-w-[36rem]\",\n md: \"max-w-[32rem]\",\n sm: \"max-w-[28rem]\",\n xl: \"max-w-[40rem]\",\n xs: \"max-w-[24rem]\",\n },\n },\n});\n\ntype DrawerContentVariantProps = Omit<\n VariantProps<typeof drawerContentVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerContentProps = DrawerPrimitive.Content.Props &\n DrawerContentVariantProps;\n\nconst DrawerContent = ({ className, size, ...props }: DrawerContentProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Content\n className={cn(drawerContentVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-content\"\n {...props}\n />\n );\n};\n\nexport { DrawerContent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerDescriptionVariants = tv({\n base: \"text-muted-foreground\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-base leading-7\",\n md: \"text-base leading-6\",\n sm: \"text-sm leading-6\",\n xl: \"text-lg leading-7\",\n xs: \"text-sm leading-5\",\n },\n },\n});\n\ntype DrawerDescriptionVariantProps = Omit<\n VariantProps<typeof drawerDescriptionVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerDescriptionProps = DrawerPrimitive.Description.Props &\n DrawerDescriptionVariantProps;\n\nconst DrawerDescription = ({\n className,\n size,\n ...props\n}: DrawerDescriptionProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Description\n className={cn(\n drawerDescriptionVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-description\"\n {...props}\n />\n );\n};\n\nexport { DrawerDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHandleVariants = tv({\n base: \"bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"mb-4 w-14\",\n md: \"mb-4 w-12\",\n sm: \"mb-3.5 w-11\",\n xl: \"mb-5 w-16\",\n xs: \"mb-3 w-10\",\n },\n },\n});\n\ntype DrawerHandleVariantProps = Omit<\n VariantProps<typeof drawerHandleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHandleProps = ComponentProps<\"div\"> &\n DrawerHandleVariantProps;\n\nconst DrawerHandle = ({ className, size, ...props }: DrawerHandleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n aria-hidden\n className={cn(drawerHandleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-handle\"\n {...props}\n />\n );\n};\n\nexport { DrawerHandle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHeaderVariants = tv({\n base: \"border-border flex shrink-0 touch-none flex-col border-b\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"gap-3 px-7 pt-4 pb-3.5\",\n md: \"gap-2.5 px-6 pt-3.5 pb-3\",\n sm: \"gap-2 px-5 pt-3 pb-2.5\",\n xl: \"gap-3.5 px-8 pt-4.5 pb-4\",\n xs: \"gap-1.5 px-4 pt-2.5 pb-2\",\n },\n },\n});\n\ntype DrawerHeaderVariantProps = Omit<\n VariantProps<typeof drawerHeaderVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHeaderProps = ComponentProps<\"div\"> &\n DrawerHeaderVariantProps;\n\nconst DrawerHeader = ({ className, size, ...props }: DrawerHeaderProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerHeaderVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-header\"\n {...props}\n />\n );\n};\n\nexport { DrawerHeader };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentProps = DrawerPrimitive.Indent.Props;\n\nconst DrawerIndent = ({ className, ...props }: DrawerIndentProps) => (\n <DrawerPrimitive.Indent\n className={cn(\n \"border-border bg-background text-foreground relative min-h-[320px] origin-[center_top] border [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]\",\n className\n )}\n data-slot=\"drawer-indent\"\n {...props}\n />\n);\n\nexport { DrawerIndent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentBackgroundProps =\n DrawerPrimitive.IndentBackground.Props;\n\nconst DrawerIndentBackground = ({\n className,\n ...props\n}: DrawerIndentBackgroundProps) => (\n <DrawerPrimitive.IndentBackground\n className={cn(\n \"z-underlay bg-foreground absolute inset-0 transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0\",\n className\n )}\n data-slot=\"drawer-indent-background\"\n {...props}\n />\n);\n\nexport { DrawerIndentBackground };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerPopupSizeVariants = tv({\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5\",\n md: \"text-sm\",\n sm: \"text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5\",\n xl: \"text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6\",\n xs: \"text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3\",\n },\n },\n});\n\ntype DrawerPopupVariantProps = Omit<\n VariantProps<typeof drawerPopupSizeVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerPopupSize = UISize;\nexport type DrawerPopupProps = DrawerPrimitive.Popup.Props &\n DrawerPopupVariantProps;\n\nconst DrawerPopup = ({ className, size, ...props }: DrawerPopupProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Popup\n className={cn(\n \"bg-card text-card-foreground outline-border data-nested-drawer-open:after:bg-foreground/5 relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain outline transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]\",\n drawerPopupSizeVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-popup\"\n {...props}\n />\n );\n};\n\nexport { DrawerPopup };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerPortalProps = DrawerPrimitive.Portal.Props;\n\nconst DrawerPortal = ({ ...props }: DrawerPortalProps) => (\n <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n);\n\nexport { DrawerPortal };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\n\nexport type DrawerProviderProps = DrawerPrimitive.Provider.Props;\n\nconst DrawerProvider = ({ ...props }: DrawerProviderProps) => (\n <DrawerPrimitive.Provider {...props} />\n);\n\nexport { DrawerProvider };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTitleVariants = tv({\n base: \"text-foreground font-medium\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-xl leading-7\",\n md: \"text-lg leading-7\",\n sm: \"text-lg leading-6\",\n xl: \"text-2xl leading-8\",\n xs: \"text-base leading-6\",\n },\n },\n});\n\ntype DrawerTitleVariantProps = Omit<\n VariantProps<typeof drawerTitleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTitleProps = DrawerPrimitive.Title.Props &\n DrawerTitleVariantProps;\n\nconst DrawerTitle = ({ className, size, ...props }: DrawerTitleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Title\n className={cn(drawerTitleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-title\"\n {...props}\n />\n );\n};\n\nexport { DrawerTitle };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTriggerVariants = tv({\n base: \"cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"h-11 rounded-md px-4 text-base md:text-sm\",\n md: \"h-10 rounded-md px-3.5 text-base md:text-sm\",\n sm: \"h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm\",\n xl: \"h-12 rounded-md px-4.5 text-base\",\n xs: \"h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n },\n },\n});\n\ntype DrawerTriggerVariantProps = Omit<\n VariantProps<typeof drawerTriggerVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTriggerProps = DrawerPrimitive.Trigger.Props &\n DrawerTriggerVariantProps;\n\nconst DrawerTrigger = ({ className, size, ...props }: DrawerTriggerProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Trigger\n className={cn(drawerTriggerVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-trigger\"\n {...props}\n />\n );\n};\n\nexport { DrawerTrigger };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerViewportProps = DrawerPrimitive.Viewport.Props;\n\nconst DrawerViewport = ({ className, ...props }: DrawerViewportProps) => (\n <DrawerPrimitive.Viewport\n className={cn(\n \"z-overlay fixed inset-0 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]\",\n className\n )}\n data-slot=\"drawer-viewport\"\n {...props}\n />\n);\n\nexport { DrawerViewport };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerActions } from \"./drawer-actions\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport { DrawerClose } from \"./drawer-close\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerDescription } from \"./drawer-description\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerIndent } from \"./drawer-indent\";\nimport { DrawerIndentBackground } from \"./drawer-indent-background\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport { DrawerProvider } from \"./drawer-provider\";\nimport { DrawerSizeContext } from \"./drawer-size-context\";\nimport type { DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTitle } from \"./drawer-title\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\n\nexport type DrawerRootProps<T = unknown> = DrawerPrimitive.Root.Props<T> & {\n size?: DrawerSize;\n};\nexport type DrawerProps<T = unknown> = DrawerRootProps<T>;\n\nconst Drawer = <T,>({ size: providedSize, ...props }: DrawerRootProps<T>) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n return (\n <DrawerSizeContext.Provider value={contextValue}>\n <DrawerPrimitive.Root {...props} />\n </DrawerSizeContext.Provider>\n );\n};\n\nconst DrawerRoot = Drawer;\n\nDrawer.Root = DrawerRoot;\nDrawer.Actions = DrawerActions;\nDrawer.Backdrop = DrawerBackdrop;\nDrawer.Close = DrawerClose;\nDrawer.Content = DrawerContent;\nDrawer.Description = DrawerDescription;\nDrawer.Indent = DrawerIndent;\nDrawer.IndentBackground = DrawerIndentBackground;\nDrawer.Handle = DrawerHandle;\nDrawer.Header = DrawerHeader;\nDrawer.Popup = DrawerPopup;\nDrawer.Portal = DrawerPortal;\nDrawer.Provider = DrawerProvider;\nDrawer.Title = DrawerTitle;\nDrawer.Trigger = DrawerTrigger;\nDrawer.Viewport = DrawerViewport;\nDrawer.createHandle = DrawerPrimitive.createHandle;\n\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n\nexport type { DrawerActionsProps } from \"./drawer-actions\";\nexport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nexport type { DrawerCloseProps } from \"./drawer-close\";\nexport type { DrawerContentProps } from \"./drawer-content\";\nexport type { DrawerDescriptionProps } from \"./drawer-description\";\nexport type { DrawerHandleProps } from \"./drawer-handle\";\nexport type { DrawerHeaderProps } from \"./drawer-header\";\nexport type { DrawerIndentBackgroundProps } from \"./drawer-indent-background\";\nexport type { DrawerIndentProps } from \"./drawer-indent\";\nexport type { DrawerPopupProps } from \"./drawer-popup\";\nexport type { DrawerPopupSize } from \"./drawer-popup\";\nexport type { DrawerPortalProps } from \"./drawer-portal\";\nexport type { DrawerProviderProps } from \"./drawer-provider\";\nexport type { DrawerSize } from \"./drawer-size-context\";\nexport type { DrawerTitleProps } from \"./drawer-title\";\nexport type { DrawerTriggerProps } from \"./drawer-trigger\";\nexport type { DrawerViewportProps } from \"./drawer-viewport\";\n\nexport {\n Drawer,\n DrawerRoot,\n DrawerActions,\n DrawerBackdrop,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerHandle,\n DrawerHeader,\n DrawerIndent,\n DrawerIndentBackground,\n DrawerPopup,\n DrawerPortal,\n DrawerProvider,\n DrawerTitle,\n DrawerTrigger,\n DrawerViewport,\n createDrawerHandle,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"drawer.js","names":["DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive","DrawerPrimitive"],"sources":["../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer-action-sheet.tsx","../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-bottom-sheet.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-indent-shell.tsx","../../src/ui/drawer/drawer-side-panel.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerBackdropProps = DrawerPrimitive.Backdrop.Props;\n\nconst DrawerBackdrop = ({ className, ...props }: DrawerBackdropProps) => (\n <DrawerPrimitive.Backdrop\n className={cn(\n \"z-overlay bg-foreground dark:bg-background fixed inset-0 min-h-dvh opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:var(--kb-drawer-backdrop-opacity,0.2)] [--bleed:var(--kb-drawer-bleed,3rem)] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:var(--kb-drawer-backdrop-opacity-dark,0.7)]\",\n className\n )}\n data-slot=\"drawer-backdrop\"\n {...props}\n />\n);\n\nexport { DrawerBackdrop };\n","import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type DrawerSize = UISize;\n\nconst {\n SizeContext: DrawerSizeContext,\n useResolvedSize: useResolvedDrawerSize,\n} = createSizeContext();\n\nexport { DrawerSizeContext, useResolvedDrawerSize };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerContentVariants = tv({\n base: \"mx-auto w-full\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"max-w-[var(--kb-drawer-content-max-width-lg,36rem)]\",\n md: \"max-w-[var(--kb-drawer-content-max-width-md,32rem)]\",\n sm: \"max-w-[var(--kb-drawer-content-max-width-sm,28rem)]\",\n xl: \"max-w-[var(--kb-drawer-content-max-width-xl,40rem)]\",\n xs: \"max-w-[var(--kb-drawer-content-max-width-xs,24rem)]\",\n },\n },\n});\n\ntype DrawerContentVariantProps = Omit<\n VariantProps<typeof drawerContentVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerContentProps = DrawerPrimitive.Content.Props &\n DrawerContentVariantProps;\n\nconst DrawerContent = ({ className, size, ...props }: DrawerContentProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Content\n className={cn(drawerContentVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-content\"\n {...props}\n />\n );\n};\n\nexport { DrawerContent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerPopupSizeVariants = tv({\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(var(--kb-drawer-side-width-lg,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(var(--kb-drawer-side-width-lg,22rem)+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5\",\n md: \"text-sm\",\n sm: \"text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(var(--kb-drawer-side-width-sm,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(var(--kb-drawer-side-width-sm,19rem)+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5\",\n xl: \"text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(var(--kb-drawer-side-width-xl,24rem)+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(var(--kb-drawer-side-width-xl,24rem)+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6\",\n xs: \"text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(var(--kb-drawer-side-width-xs,18rem)+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(var(--kb-drawer-side-width-xs,18rem)+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3\",\n },\n },\n});\n\ntype DrawerPopupVariantProps = Omit<\n VariantProps<typeof drawerPopupSizeVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerPopupSize = UISize;\nexport type DrawerPopupProps = DrawerPrimitive.Popup.Props &\n DrawerPopupVariantProps;\n\nconst DrawerPopup = ({ className, size, ...props }: DrawerPopupProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Popup\n className={cn(\n \"bg-card text-card-foreground outline-border data-nested-drawer-open:after:bg-foreground/5 relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain outline transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:var(--kb-drawer-bleed,3rem)] [--peek:var(--kb-drawer-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:var(--kb-drawer-stack-step,0.05)] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(var(--kb-drawer-max-height,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(var(--kb-drawer-side-width-md,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(var(--kb-drawer-side-width-md,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(var(--kb-drawer-max-height,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-[var(--kb-drawer-side-width-md,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-[var(--kb-drawer-side-width-md,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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTriggerVariants = tv({\n base: \"cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"h-11 rounded-md px-4 text-base md:text-sm\",\n md: \"h-10 rounded-md px-3.5 text-base md:text-sm\",\n sm: \"h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm\",\n xl: \"h-12 rounded-md px-4.5 text-base\",\n xs: \"h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n },\n },\n});\n\ntype DrawerTriggerVariantProps = Omit<\n VariantProps<typeof drawerTriggerVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTriggerProps = DrawerPrimitive.Trigger.Props &\n DrawerTriggerVariantProps;\n\nconst DrawerTrigger = ({ className, size, ...props }: DrawerTriggerProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Trigger\n className={cn(drawerTriggerVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-trigger\"\n {...props}\n />\n );\n};\n\nexport { DrawerTrigger };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerViewportProps = DrawerPrimitive.Viewport.Props;\n\nconst DrawerViewport = ({ className, ...props }: DrawerViewportProps) => (\n <DrawerPrimitive.Viewport\n className={cn(\n \"z-overlay fixed inset-0 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]\",\n className\n )}\n data-slot=\"drawer-viewport\"\n {...props}\n />\n);\n\nexport { DrawerViewport };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nimport { DrawerContent } from \"./drawer-content\";\nimport type { DrawerContentProps } from \"./drawer-content\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport type { DrawerPopupProps } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport type { DrawerPortalProps } from \"./drawer-portal\";\nimport { DrawerSizeContext } from \"./drawer-size-context\";\nimport type { DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport type { DrawerTriggerProps } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\nimport type { DrawerViewportProps } from \"./drawer-viewport\";\n\ntype DrawerActionSheetRootProps<T = unknown> = Omit<\n DrawerPrimitive.Root.Props<T>,\n \"children\" | \"swipeDirection\"\n> & {\n size?: DrawerSize;\n};\n\nexport type DrawerActionSheetProps<T = unknown> =\n DrawerActionSheetRootProps<T> & {\n backdropProps?: DrawerBackdropProps;\n children: ReactNode;\n contentProps?: DrawerContentProps;\n destructiveAction?: ReactNode;\n popupProps?: DrawerPopupProps;\n portalProps?: DrawerPortalProps;\n trigger?: ReactNode;\n triggerProps?: Omit<DrawerTriggerProps, \"children\">;\n viewportProps?: DrawerViewportProps;\n };\n\nconst DrawerActionSheet = <T,>({\n backdropProps,\n children,\n contentProps,\n destructiveAction,\n popupProps,\n portalProps,\n size: providedSize,\n trigger,\n triggerProps,\n viewportProps,\n ...rootProps\n}: DrawerActionSheetProps<T>) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n const { className: backdropClassName, ...resolvedBackdropProps } =\n backdropProps ?? {};\n const { className: contentClassName, ...resolvedContentProps } =\n contentProps ?? {};\n const { className: popupClassName, ...resolvedPopupProps } = popupProps ?? {};\n const { className: viewportClassName, ...resolvedViewportProps } =\n viewportProps ?? {};\n\n return (\n <DrawerSizeContext.Provider value={contextValue}>\n <DrawerPrimitive.Root swipeDirection=\"down\" {...rootProps}>\n {trigger ? (\n <DrawerTrigger {...triggerProps}>{trigger}</DrawerTrigger>\n ) : null}\n <DrawerPortal {...portalProps}>\n <DrawerBackdrop\n className={cn(\"[--backdrop-opacity:0.4]\", backdropClassName)}\n {...resolvedBackdropProps}\n />\n <DrawerViewport\n className={cn(\n \"fixed inset-0 flex items-end justify-center\",\n viewportClassName\n )}\n {...resolvedViewportProps}\n >\n <DrawerPopup\n className={cn(\n \"pointer-events-none box-border flex w-full max-w-[var(--kb-drawer-action-sheet-max-width,28rem)] [transform:translateY(var(--drawer-swipe-movement-y))] flex-col gap-3 px-4 pb-[calc(1rem+env(safe-area-inset-bottom,0px))] transition-transform duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] outline-none focus-visible:outline-none data-[ending-style]:[transform:translateY(calc(100%+1rem))] data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:[transform:translateY(calc(100%+1rem))] data-[swiping]:select-none\",\n popupClassName\n )}\n {...resolvedPopupProps}\n >\n <DrawerContent\n className={cn(\n \"bg-card text-card-foreground outline-border pointer-events-auto overflow-hidden rounded-2xl outline-1\",\n contentClassName\n )}\n {...resolvedContentProps}\n >\n {children}\n </DrawerContent>\n {destructiveAction ? (\n <div className=\"bg-card text-card-foreground outline-border pointer-events-auto overflow-hidden rounded-2xl outline-1\">\n {destructiveAction}\n </div>\n ) : null}\n </DrawerPopup>\n </DrawerViewport>\n </DrawerPortal>\n </DrawerPrimitive.Root>\n </DrawerSizeContext.Provider>\n );\n};\n\nexport { DrawerActionSheet };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerActionsVariants = tv({\n base: \"flex justify-end\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"gap-4\",\n md: \"gap-4\",\n sm: \"gap-2.5\",\n xl: \"gap-5\",\n xs: \"gap-2\",\n },\n },\n});\n\ntype DrawerActionsVariantProps = Omit<\n VariantProps<typeof drawerActionsVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerActionsProps = ComponentProps<\"div\"> &\n DrawerActionsVariantProps;\n\nconst DrawerActions = ({ className, size, ...props }: DrawerActionsProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerActionsVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-actions\"\n {...props}\n />\n );\n};\n\nexport { DrawerActions };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHandleVariants = tv({\n base: \"bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"mb-4 w-14\",\n md: \"mb-4 w-12\",\n sm: \"mb-3.5 w-11\",\n xl: \"mb-5 w-16\",\n xs: \"mb-3 w-10\",\n },\n },\n});\n\ntype DrawerHandleVariantProps = Omit<\n VariantProps<typeof drawerHandleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHandleProps = ComponentProps<\"div\"> &\n DrawerHandleVariantProps;\n\nconst DrawerHandle = ({ className, size, ...props }: DrawerHandleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n aria-hidden\n className={cn(drawerHandleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-handle\"\n {...props}\n />\n );\n};\n\nexport { DrawerHandle };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nimport { DrawerContent } from \"./drawer-content\";\nimport type { DrawerContentProps } from \"./drawer-content\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport type { DrawerPopupProps } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport type { DrawerPortalProps } from \"./drawer-portal\";\nimport { DrawerSizeContext } from \"./drawer-size-context\";\nimport type { DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport type { DrawerTriggerProps } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\nimport type { DrawerViewportProps } from \"./drawer-viewport\";\n\ntype DrawerBottomSheetRootProps<T = unknown> = Omit<\n DrawerPrimitive.Root.Props<T>,\n \"children\" | \"swipeDirection\"\n> & {\n size?: DrawerSize;\n};\n\nexport type DrawerBottomSheetProps<T = unknown> =\n DrawerBottomSheetRootProps<T> & {\n backdropProps?: DrawerBackdropProps;\n children: ReactNode;\n contentProps?: DrawerContentProps;\n popupProps?: DrawerPopupProps;\n portalProps?: DrawerPortalProps;\n showHandle?: boolean;\n trigger?: ReactNode;\n triggerProps?: Omit<DrawerTriggerProps, \"children\">;\n viewportProps?: DrawerViewportProps;\n };\n\nconst DrawerBottomSheet = <T,>({\n backdropProps,\n children,\n contentProps,\n popupProps,\n portalProps,\n showHandle = true,\n size: providedSize,\n trigger,\n triggerProps,\n viewportProps,\n ...rootProps\n}: DrawerBottomSheetProps<T>) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n const { className: backdropClassName, ...resolvedBackdropProps } =\n backdropProps ?? {};\n const { className: contentClassName, ...resolvedContentProps } =\n contentProps ?? {};\n const { className: popupClassName, ...resolvedPopupProps } = popupProps ?? {};\n const { className: viewportClassName, ...resolvedViewportProps } =\n viewportProps ?? {};\n\n return (\n <DrawerSizeContext.Provider value={contextValue}>\n <DrawerPrimitive.Root swipeDirection=\"down\" {...rootProps}>\n {trigger ? (\n <DrawerTrigger {...triggerProps}>{trigger}</DrawerTrigger>\n ) : null}\n <DrawerPortal {...portalProps}>\n <DrawerBackdrop\n className={backdropClassName}\n {...resolvedBackdropProps}\n />\n <DrawerViewport\n className={cn(\n \"fixed inset-0 flex items-end justify-center\",\n viewportClassName\n )}\n {...resolvedViewportProps}\n >\n <DrawerPopup className={popupClassName} {...resolvedPopupProps}>\n {showHandle ? <DrawerHandle /> : null}\n <DrawerContent\n className={contentClassName}\n {...resolvedContentProps}\n >\n {children}\n </DrawerContent>\n </DrawerPopup>\n </DrawerViewport>\n </DrawerPortal>\n </DrawerPrimitive.Root>\n </DrawerSizeContext.Provider>\n );\n};\n\nexport { DrawerBottomSheet };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerCloseVariants = tv({\n base: \"cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"size-8 text-base\",\n md: \"size-7 text-base\",\n sm: \"size-7 text-base\",\n xl: \"size-9 text-lg\",\n xs: \"size-6 text-sm\",\n },\n },\n});\n\ntype DrawerCloseVariantProps = Omit<\n VariantProps<typeof drawerCloseVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerCloseProps = DrawerPrimitive.Close.Props &\n DrawerCloseVariantProps;\n\nconst DrawerClose = ({\n className,\n render,\n size,\n ...props\n}: DrawerCloseProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n const hasCustomRender = render !== undefined;\n\n return (\n <DrawerPrimitive.Close\n className={cn(\n hasCustomRender\n ? undefined\n : drawerCloseVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-close\"\n render={render}\n {...props}\n />\n );\n};\n\nexport { DrawerClose };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerDescriptionVariants = tv({\n base: \"text-muted-foreground\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-base leading-7\",\n md: \"text-base leading-6\",\n sm: \"text-sm leading-6\",\n xl: \"text-lg leading-7\",\n xs: \"text-sm leading-5\",\n },\n },\n});\n\ntype DrawerDescriptionVariantProps = Omit<\n VariantProps<typeof drawerDescriptionVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerDescriptionProps = DrawerPrimitive.Description.Props &\n DrawerDescriptionVariantProps;\n\nconst DrawerDescription = ({\n className,\n size,\n ...props\n}: DrawerDescriptionProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Description\n className={cn(\n drawerDescriptionVariants({ size: resolvedSize }),\n className\n )}\n data-size={resolvedSize}\n data-slot=\"drawer-description\"\n {...props}\n />\n );\n};\n\nexport { DrawerDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerHeaderVariants = tv({\n base: \"border-border flex shrink-0 touch-none flex-col border-b\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"gap-3 px-7 pt-4 pb-3.5\",\n md: \"gap-2.5 px-6 pt-3.5 pb-3\",\n sm: \"gap-2 px-5 pt-3 pb-2.5\",\n xl: \"gap-3.5 px-8 pt-4.5 pb-4\",\n xs: \"gap-1.5 px-4 pt-2.5 pb-2\",\n },\n },\n});\n\ntype DrawerHeaderVariantProps = Omit<\n VariantProps<typeof drawerHeaderVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerHeaderProps = ComponentProps<\"div\"> &\n DrawerHeaderVariantProps;\n\nconst DrawerHeader = ({ className, size, ...props }: DrawerHeaderProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <div\n className={cn(drawerHeaderVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-header\"\n {...props}\n />\n );\n};\n\nexport { DrawerHeader };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentProps = DrawerPrimitive.Indent.Props;\n\nconst DrawerIndent = ({ className, ...props }: DrawerIndentProps) => (\n <DrawerPrimitive.Indent\n className={cn(\n \"border-border bg-background text-foreground relative min-h-[320px] origin-[center_top] border [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]\",\n className\n )}\n data-slot=\"drawer-indent\"\n {...props}\n />\n);\n\nexport { DrawerIndent };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DrawerIndentBackgroundProps =\n DrawerPrimitive.IndentBackground.Props;\n\nconst DrawerIndentBackground = ({\n className,\n ...props\n}: DrawerIndentBackgroundProps) => (\n <DrawerPrimitive.IndentBackground\n className={cn(\n \"z-underlay bg-foreground absolute inset-0 transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0\",\n className\n )}\n data-slot=\"drawer-indent-background\"\n {...props}\n />\n);\n\nexport { DrawerIndentBackground };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\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 type { ReactNode } from \"react\";\n\nimport { DrawerIndent } from \"./drawer-indent\";\nimport type { DrawerIndentProps } from \"./drawer-indent\";\nimport { DrawerIndentBackground } from \"./drawer-indent-background\";\nimport type { DrawerIndentBackgroundProps } from \"./drawer-indent-background\";\nimport { DrawerProvider } from \"./drawer-provider\";\n\nexport interface DrawerIndentShellProps {\n children: ReactNode;\n indentBackgroundProps?: DrawerIndentBackgroundProps;\n indentProps?: DrawerIndentProps;\n}\n\nconst DrawerIndentShell = ({\n children,\n indentBackgroundProps,\n indentProps,\n}: DrawerIndentShellProps) => (\n <DrawerProvider>\n <DrawerIndentBackground {...indentBackgroundProps} />\n <DrawerIndent {...indentProps}>{children}</DrawerIndent>\n </DrawerProvider>\n);\n\nexport { DrawerIndentShell };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nimport { DrawerContent } from \"./drawer-content\";\nimport type { DrawerContentProps } from \"./drawer-content\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport type { DrawerPopupProps } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport type { DrawerPortalProps } from \"./drawer-portal\";\nimport { DrawerSizeContext } from \"./drawer-size-context\";\nimport type { DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport type { DrawerTriggerProps } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\nimport type { DrawerViewportProps } from \"./drawer-viewport\";\n\ntype DrawerSidePanelRootProps<T = unknown> = Omit<\n DrawerPrimitive.Root.Props<T>,\n \"children\" | \"swipeDirection\"\n> & {\n size?: DrawerSize;\n};\n\ntype DrawerSidePanelSide = \"left\" | \"right\";\n\nexport type DrawerSidePanelProps<T = unknown> = DrawerSidePanelRootProps<T> & {\n backdropProps?: DrawerBackdropProps;\n children: ReactNode;\n contentProps?: DrawerContentProps;\n popupProps?: DrawerPopupProps;\n portalProps?: DrawerPortalProps;\n side?: DrawerSidePanelSide;\n trigger?: ReactNode;\n triggerProps?: Omit<DrawerTriggerProps, \"children\">;\n viewportProps?: DrawerViewportProps;\n};\n\nconst DRAWER_SWIPE_DIRECTION_BY_SIDE = {\n left: \"left\",\n right: \"right\",\n} as const;\n\nconst DrawerSidePanel = <T,>({\n backdropProps,\n children,\n contentProps,\n popupProps,\n portalProps,\n side = \"right\",\n size: providedSize,\n trigger,\n triggerProps,\n viewportProps,\n ...rootProps\n}: DrawerSidePanelProps<T>) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n const { className: backdropClassName, ...resolvedBackdropProps } =\n backdropProps ?? {};\n const { className: contentClassName, ...resolvedContentProps } =\n contentProps ?? {};\n const { className: popupClassName, ...resolvedPopupProps } = popupProps ?? {};\n const { className: viewportClassName, ...resolvedViewportProps } =\n viewportProps ?? {};\n\n return (\n <DrawerSizeContext.Provider value={contextValue}>\n <DrawerPrimitive.Root\n swipeDirection={DRAWER_SWIPE_DIRECTION_BY_SIDE[side]}\n {...rootProps}\n >\n {trigger ? (\n <DrawerTrigger {...triggerProps}>{trigger}</DrawerTrigger>\n ) : null}\n <DrawerPortal {...portalProps}>\n <DrawerBackdrop\n className={backdropClassName}\n {...resolvedBackdropProps}\n />\n <DrawerViewport\n className={cn(\"fixed inset-0\", viewportClassName)}\n {...resolvedViewportProps}\n >\n <DrawerPopup className={popupClassName} {...resolvedPopupProps}>\n <DrawerContent\n className={contentClassName}\n {...resolvedContentProps}\n >\n {children}\n </DrawerContent>\n </DrawerPopup>\n </DrawerViewport>\n </DrawerPortal>\n </DrawerPrimitive.Root>\n </DrawerSizeContext.Provider>\n );\n};\n\nexport { DrawerSidePanel };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedDrawerSize } from \"./drawer-size-context\";\n\nconst drawerTitleVariants = tv({\n base: \"text-foreground font-medium\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"text-xl leading-7\",\n md: \"text-lg leading-7\",\n sm: \"text-lg leading-6\",\n xl: \"text-2xl leading-8\",\n xs: \"text-base leading-6\",\n },\n },\n});\n\ntype DrawerTitleVariantProps = Omit<\n VariantProps<typeof drawerTitleVariants>,\n \"size\"\n> & {\n size?: UISize;\n};\n\nexport type DrawerTitleProps = DrawerPrimitive.Title.Props &\n DrawerTitleVariantProps;\n\nconst DrawerTitle = ({ className, size, ...props }: DrawerTitleProps) => {\n const resolvedSize = useResolvedDrawerSize(size);\n\n return (\n <DrawerPrimitive.Title\n className={cn(drawerTitleVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"drawer-title\"\n {...props}\n />\n );\n};\n\nexport { DrawerTitle };\n","\"use client\";\n\nimport { DrawerPreview as DrawerPrimitive } from \"@base-ui/react/drawer\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DrawerActionSheet } from \"./drawer-action-sheet\";\nimport { DrawerActions } from \"./drawer-actions\";\nimport { DrawerBackdrop } from \"./drawer-backdrop\";\nimport { DrawerBottomSheet } from \"./drawer-bottom-sheet\";\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 { DrawerIndentShell } from \"./drawer-indent-shell\";\nimport { DrawerPopup } from \"./drawer-popup\";\nimport { DrawerPortal } from \"./drawer-portal\";\nimport { DrawerProvider } from \"./drawer-provider\";\nimport { DrawerSidePanel } from \"./drawer-side-panel\";\nimport { DrawerSizeContext } from \"./drawer-size-context\";\nimport type { DrawerSize } from \"./drawer-size-context\";\nimport { DrawerTitle } from \"./drawer-title\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { DrawerViewport } from \"./drawer-viewport\";\n\nexport type DrawerRootProps<T = unknown> = DrawerPrimitive.Root.Props<T> & {\n size?: DrawerSize;\n};\nexport type DrawerProps<T = unknown> = DrawerRootProps<T>;\n\nconst Drawer = <T,>({ size: providedSize, ...props }: DrawerRootProps<T>) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n return (\n <DrawerSizeContext.Provider value={contextValue}>\n <DrawerPrimitive.Root {...props} />\n </DrawerSizeContext.Provider>\n );\n};\n\nconst DrawerRoot = Drawer;\n\nDrawer.Root = DrawerRoot;\nDrawer.ActionSheet = DrawerActionSheet;\nDrawer.Actions = DrawerActions;\nDrawer.Backdrop = DrawerBackdrop;\nDrawer.BottomSheet = DrawerBottomSheet;\nDrawer.Close = DrawerClose;\nDrawer.Content = DrawerContent;\nDrawer.Description = DrawerDescription;\nDrawer.Indent = DrawerIndent;\nDrawer.IndentBackground = DrawerIndentBackground;\nDrawer.IndentShell = DrawerIndentShell;\nDrawer.Handle = DrawerHandle;\nDrawer.Header = DrawerHeader;\nDrawer.Popup = DrawerPopup;\nDrawer.Portal = DrawerPortal;\nDrawer.Provider = DrawerProvider;\nDrawer.SidePanel = DrawerSidePanel;\nDrawer.Title = DrawerTitle;\nDrawer.Trigger = DrawerTrigger;\nDrawer.Viewport = DrawerViewport;\nDrawer.createHandle = DrawerPrimitive.createHandle;\n\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n\nexport type { DrawerActionSheetProps } from \"./drawer-action-sheet\";\nexport type { DrawerActionsProps } from \"./drawer-actions\";\nexport type { DrawerBackdropProps } from \"./drawer-backdrop\";\nexport type { DrawerBottomSheetProps } from \"./drawer-bottom-sheet\";\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 { DrawerIndentShellProps } from \"./drawer-indent-shell\";\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 { DrawerSidePanelProps } from \"./drawer-side-panel\";\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 DrawerActionSheet,\n DrawerRoot,\n DrawerActions,\n DrawerBackdrop,\n DrawerBottomSheet,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerHandle,\n DrawerHeader,\n DrawerIndent,\n DrawerIndentBackground,\n DrawerIndentShell,\n DrawerPopup,\n DrawerPortal,\n DrawerProvider,\n DrawerSidePanel,\n DrawerTitle,\n DrawerTrigger,\n DrawerViewport,\n createDrawerHandle,\n};\n"],"mappings":"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"}
package/dist/ui/popover.js CHANGED
@@ -17,7 +17,7 @@ const PopoverArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.
17
17
  //#endregion
18
18
  //#region src/ui/popover/popover-backdrop.tsx
19
19
  const PopoverBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.Backdrop, {
20
- className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", className),
20
+ className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-[rgb(0_0_0_/_var(--kb-overlay-scrim-opacity,0.1))] duration-100 supports-backdrop-filter:backdrop-blur-[var(--kb-overlay-scrim-blur,4px)]", className),
21
21
  "data-slot": "popover-backdrop",
22
22
  ...props
23
23
  });
package/dist/ui/popover.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"popover.js","names":["PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive"],"sources":["../../src/ui/popover/popover-arrow.tsx","../../src/ui/popover/popover-backdrop.tsx","../../src/ui/popover/popover-close.tsx","../../src/ui/popover/popover-size-context.ts","../../src/ui/popover/popover-popup.tsx","../../src/ui/popover/popover-portal.tsx","../../src/ui/popover/popover-positioner.tsx","../../src/ui/popover/popover-viewport.tsx","../../src/ui/popover/popover-content.tsx","../../src/ui/popover/popover-description.tsx","../../src/ui/popover/popover-header.tsx","../../src/ui/popover/popover-title.tsx","../../src/ui/popover/popover-trigger.tsx","../../src/ui/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverArrowProps = PopoverPrimitive.Arrow.Props;\n\nconst PopoverArrow = ({ className, ...props }: PopoverArrowProps) => (\n <PopoverPrimitive.Arrow\n className={cn(\n \"z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n className\n )}\n data-slot=\"popover-arrow\"\n {...props}\n />\n);\n\nexport { PopoverArrow };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;\n\nconst PopoverBackdrop = ({ className, ...props }: PopoverBackdropProps) => (\n <PopoverPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"popover-backdrop\"\n {...props}\n />\n);\n\nexport { PopoverBackdrop };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverCloseProps = PopoverPrimitive.Close.Props;\n\nconst PopoverClose = ({ className, ...props }: PopoverCloseProps) => (\n <PopoverPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"popover-close\"\n {...props}\n />\n);\n\nexport { PopoverClose };\n","import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type PopoverSize = UISize;\n\nconst {\n SizeContext: PopoverSizeContext,\n useResolvedSize: useResolvedPopoverSize,\n} = createSizeContext();\n\nexport { PopoverSizeContext, useResolvedPopoverSize };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\n\nconst popoverPopupVariants = tv({\n base: \"z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 flex origin-(--transform-origin) flex-col shadow-md ring-1 outline-hidden duration-100\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"w-96 gap-3.5 rounded-md p-5 text-sm\",\n md: \"w-80 gap-3 rounded-md p-4 text-sm\",\n sm: \"w-72 gap-2 rounded-[min(var(--radius-md),10px)] p-3 text-sm\",\n xl: \"w-[28rem] gap-4 rounded-md p-6 text-base\",\n xs: \"w-64 gap-1.5 rounded-[min(var(--radius-md),8px)] p-2 text-xs\",\n },\n },\n});\n\ntype PopoverPopupVariantProps = Omit<\n VariantProps<typeof popoverPopupVariants>,\n \"size\"\n> & {\n size?: PopoverSize;\n};\n\nexport type PopoverPopupProps = PopoverPrimitive.Popup.Props &\n PopoverPopupVariantProps;\n\nconst PopoverPopup = ({ className, size, ...props }: PopoverPopupProps) => {\n const resolvedSize = useResolvedPopoverSize(size);\n\n return (\n <PopoverPrimitive.Popup\n className={cn(popoverPopupVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"popover-popup\"\n {...props}\n />\n );\n};\n\nexport { PopoverPopup };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverPortalProps = PopoverPrimitive.Portal.Props;\n\nconst PopoverPortal = ({ ...props }: PopoverPortalProps) => (\n <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n);\n\nexport { PopoverPortal };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverPositionerProps = PopoverPrimitive.Positioner.Props;\n\nconst PopoverPositioner = ({ className, ...props }: PopoverPositionerProps) => (\n <PopoverPrimitive.Positioner\n className={cn(\"z-overlay isolate\", className)}\n data-slot=\"popover-positioner\"\n {...props}\n />\n);\n\nexport { PopoverPositioner };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverViewportProps = PopoverPrimitive.Viewport.Props;\n\nconst PopoverViewport = ({ ...props }: PopoverViewportProps) => (\n <PopoverPrimitive.Viewport data-slot=\"popover-viewport\" {...props} />\n);\n\nexport { PopoverViewport };\n","\"use client\";\n\nimport type { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverContentProps = PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n > & {\n size?: PopoverSize;\n };\n\nconst PopoverContent = ({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n size,\n children,\n ...props\n}: PopoverContentProps) => {\n const resolvedSize = useResolvedPopoverSize(size);\n\n return (\n <PopoverPortal>\n <PopoverPositioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <PopoverPopup\n className={className}\n data-size={resolvedSize}\n data-slot=\"popover-content\"\n size={resolvedSize}\n {...props}\n >\n <PopoverViewport>{children}</PopoverViewport>\n </PopoverPopup>\n </PopoverPositioner>\n </PopoverPortal>\n );\n};\n\nexport { PopoverContent };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverDescriptionProps = PopoverPrimitive.Description.Props;\n\nconst PopoverDescription = ({\n className,\n ...props\n}: PopoverDescriptionProps) => (\n <PopoverPrimitive.Description\n className={cn(\"text-muted-foreground\", className)}\n data-slot=\"popover-description\"\n {...props}\n />\n);\n\nexport { PopoverDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverHeaderProps = ComponentProps<\"div\">;\n\nconst PopoverHeader = ({ className, ...props }: PopoverHeaderProps) => (\n <div\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n data-slot=\"popover-header\"\n {...props}\n />\n);\n\nexport { PopoverHeader };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTitleProps = PopoverPrimitive.Title.Props;\n\nconst PopoverTitle = ({ className, ...props }: PopoverTitleProps) => (\n <PopoverPrimitive.Title\n className={cn(\"font-medium\", className)}\n data-slot=\"popover-title\"\n {...props}\n />\n);\n\nexport { PopoverTitle };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;\n\nconst PopoverTrigger = ({ className, ...props }: PopoverTriggerProps) => (\n <PopoverPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"popover-trigger\"\n {...props}\n />\n);\n\nexport { PopoverTrigger };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { PopoverArrow } from \"./popover-arrow\";\nimport { PopoverBackdrop } from \"./popover-backdrop\";\nimport { PopoverClose } from \"./popover-close\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { PopoverSizeContext } from \"./popover-size-context\";\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { PopoverTitle } from \"./popover-title\";\nimport { PopoverTrigger } from \"./popover-trigger\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverProps = PopoverPrimitive.Root.Props & {\n size?: PopoverSize;\n};\n\nconst Popover = ({ size: providedSize, ...props }: PopoverProps) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n return (\n <PopoverSizeContext.Provider value={contextValue}>\n <PopoverPrimitive.Root data-size={size} data-slot=\"popover\" {...props} />\n </PopoverSizeContext.Provider>\n );\n};\n\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Header = PopoverHeader;\nPopover.Arrow = PopoverArrow;\nPopover.Backdrop = PopoverBackdrop;\nPopover.Close = PopoverClose;\nPopover.Popup = PopoverPopup;\nPopover.Portal = PopoverPortal;\nPopover.Positioner = PopoverPositioner;\nPopover.Title = PopoverTitle;\nPopover.Trigger = PopoverTrigger;\nPopover.Viewport = PopoverViewport;\n\nexport type { PopoverArrowProps } from \"./popover-arrow\";\nexport type { PopoverBackdropProps } from \"./popover-backdrop\";\nexport type { PopoverCloseProps } from \"./popover-close\";\nexport type { PopoverPopupProps } from \"./popover-popup\";\nexport type { PopoverPortalProps } from \"./popover-portal\";\nexport type { PopoverPositionerProps } from \"./popover-positioner\";\nexport type { PopoverViewportProps } from \"./popover-viewport\";\n\nexport {\n Popover,\n PopoverArrow,\n PopoverBackdrop,\n PopoverClose,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverPopup,\n PopoverPortal,\n PopoverPositioner,\n PopoverTitle,\n PopoverTrigger,\n PopoverViewport,\n};\n\nexport type { PopoverContentProps } from \"./popover-content\";\nexport type { PopoverDescriptionProps } from \"./popover-description\";\nexport type { PopoverHeaderProps } from \"./popover-header\";\nexport type { PopoverSize } from \"./popover-size-context\";\nexport type { PopoverTitleProps } from \"./popover-title\";\nexport type { PopoverTriggerProps } from \"./popover-trigger\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"popover.js","names":["PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive"],"sources":["../../src/ui/popover/popover-arrow.tsx","../../src/ui/popover/popover-backdrop.tsx","../../src/ui/popover/popover-close.tsx","../../src/ui/popover/popover-size-context.ts","../../src/ui/popover/popover-popup.tsx","../../src/ui/popover/popover-portal.tsx","../../src/ui/popover/popover-positioner.tsx","../../src/ui/popover/popover-viewport.tsx","../../src/ui/popover/popover-content.tsx","../../src/ui/popover/popover-description.tsx","../../src/ui/popover/popover-header.tsx","../../src/ui/popover/popover-title.tsx","../../src/ui/popover/popover-trigger.tsx","../../src/ui/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverArrowProps = PopoverPrimitive.Arrow.Props;\n\nconst PopoverArrow = ({ className, ...props }: PopoverArrowProps) => (\n <PopoverPrimitive.Arrow\n className={cn(\n \"z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n className\n )}\n data-slot=\"popover-arrow\"\n {...props}\n />\n);\n\nexport { PopoverArrow };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;\n\nconst PopoverBackdrop = ({ className, ...props }: PopoverBackdropProps) => (\n <PopoverPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-[rgb(0_0_0_/_var(--kb-overlay-scrim-opacity,0.1))] duration-100 supports-backdrop-filter:backdrop-blur-[var(--kb-overlay-scrim-blur,4px)]\",\n className\n )}\n data-slot=\"popover-backdrop\"\n {...props}\n />\n);\n\nexport { PopoverBackdrop };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverCloseProps = PopoverPrimitive.Close.Props;\n\nconst PopoverClose = ({ className, ...props }: PopoverCloseProps) => (\n <PopoverPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"popover-close\"\n {...props}\n />\n);\n\nexport { PopoverClose };\n","import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type PopoverSize = UISize;\n\nconst {\n SizeContext: PopoverSizeContext,\n useResolvedSize: useResolvedPopoverSize,\n} = createSizeContext();\n\nexport { PopoverSizeContext, useResolvedPopoverSize };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\n\nconst popoverPopupVariants = tv({\n base: \"z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 flex origin-(--transform-origin) flex-col shadow-md ring-1 outline-hidden duration-100\",\n defaultVariants: {\n size: \"md\",\n },\n variants: {\n size: {\n lg: \"w-96 gap-3.5 rounded-md p-5 text-sm\",\n md: \"w-80 gap-3 rounded-md p-4 text-sm\",\n sm: \"w-72 gap-2 rounded-[min(var(--radius-md),10px)] p-3 text-sm\",\n xl: \"w-[28rem] gap-4 rounded-md p-6 text-base\",\n xs: \"w-64 gap-1.5 rounded-[min(var(--radius-md),8px)] p-2 text-xs\",\n },\n },\n});\n\ntype PopoverPopupVariantProps = Omit<\n VariantProps<typeof popoverPopupVariants>,\n \"size\"\n> & {\n size?: PopoverSize;\n};\n\nexport type PopoverPopupProps = PopoverPrimitive.Popup.Props &\n PopoverPopupVariantProps;\n\nconst PopoverPopup = ({ className, size, ...props }: PopoverPopupProps) => {\n const resolvedSize = useResolvedPopoverSize(size);\n\n return (\n <PopoverPrimitive.Popup\n className={cn(popoverPopupVariants({ size: resolvedSize }), className)}\n data-size={resolvedSize}\n data-slot=\"popover-popup\"\n {...props}\n />\n );\n};\n\nexport { PopoverPopup };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverPortalProps = PopoverPrimitive.Portal.Props;\n\nconst PopoverPortal = ({ ...props }: PopoverPortalProps) => (\n <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n);\n\nexport { PopoverPortal };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverPositionerProps = PopoverPrimitive.Positioner.Props;\n\nconst PopoverPositioner = ({ className, ...props }: PopoverPositionerProps) => (\n <PopoverPrimitive.Positioner\n className={cn(\"z-overlay isolate\", className)}\n data-slot=\"popover-positioner\"\n {...props}\n />\n);\n\nexport { PopoverPositioner };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverViewportProps = PopoverPrimitive.Viewport.Props;\n\nconst PopoverViewport = ({ ...props }: PopoverViewportProps) => (\n <PopoverPrimitive.Viewport data-slot=\"popover-viewport\" {...props} />\n);\n\nexport { PopoverViewport };\n","\"use client\";\n\nimport type { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverContentProps = PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n > & {\n size?: PopoverSize;\n };\n\nconst PopoverContent = ({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n size,\n children,\n ...props\n}: PopoverContentProps) => {\n const resolvedSize = useResolvedPopoverSize(size);\n\n return (\n <PopoverPortal>\n <PopoverPositioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <PopoverPopup\n className={className}\n data-size={resolvedSize}\n data-slot=\"popover-content\"\n size={resolvedSize}\n {...props}\n >\n <PopoverViewport>{children}</PopoverViewport>\n </PopoverPopup>\n </PopoverPositioner>\n </PopoverPortal>\n );\n};\n\nexport { PopoverContent };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverDescriptionProps = PopoverPrimitive.Description.Props;\n\nconst PopoverDescription = ({\n className,\n ...props\n}: PopoverDescriptionProps) => (\n <PopoverPrimitive.Description\n className={cn(\"text-muted-foreground\", className)}\n data-slot=\"popover-description\"\n {...props}\n />\n);\n\nexport { PopoverDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverHeaderProps = ComponentProps<\"div\">;\n\nconst PopoverHeader = ({ className, ...props }: PopoverHeaderProps) => (\n <div\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n data-slot=\"popover-header\"\n {...props}\n />\n);\n\nexport { PopoverHeader };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTitleProps = PopoverPrimitive.Title.Props;\n\nconst PopoverTitle = ({ className, ...props }: PopoverTitleProps) => (\n <PopoverPrimitive.Title\n className={cn(\"font-medium\", className)}\n data-slot=\"popover-title\"\n {...props}\n />\n);\n\nexport { PopoverTitle };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;\n\nconst PopoverTrigger = ({ className, ...props }: PopoverTriggerProps) => (\n <PopoverPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"popover-trigger\"\n {...props}\n />\n);\n\nexport { PopoverTrigger };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { PopoverArrow } from \"./popover-arrow\";\nimport { PopoverBackdrop } from \"./popover-backdrop\";\nimport { PopoverClose } from \"./popover-close\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { PopoverSizeContext } from \"./popover-size-context\";\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { PopoverTitle } from \"./popover-title\";\nimport { PopoverTrigger } from \"./popover-trigger\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverProps = PopoverPrimitive.Root.Props & {\n size?: PopoverSize;\n};\n\nconst Popover = ({ size: providedSize, ...props }: PopoverProps) => {\n const size = useComponentSize(providedSize);\n const contextValue = useMemo(() => ({ size }), [size]);\n\n return (\n <PopoverSizeContext.Provider value={contextValue}>\n <PopoverPrimitive.Root data-size={size} data-slot=\"popover\" {...props} />\n </PopoverSizeContext.Provider>\n );\n};\n\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Header = PopoverHeader;\nPopover.Arrow = PopoverArrow;\nPopover.Backdrop = PopoverBackdrop;\nPopover.Close = PopoverClose;\nPopover.Popup = PopoverPopup;\nPopover.Portal = PopoverPortal;\nPopover.Positioner = PopoverPositioner;\nPopover.Title = PopoverTitle;\nPopover.Trigger = PopoverTrigger;\nPopover.Viewport = PopoverViewport;\n\nexport type { PopoverArrowProps } from \"./popover-arrow\";\nexport type { PopoverBackdropProps } from \"./popover-backdrop\";\nexport type { PopoverCloseProps } from \"./popover-close\";\nexport type { PopoverPopupProps } from \"./popover-popup\";\nexport type { PopoverPortalProps } from \"./popover-portal\";\nexport type { PopoverPositionerProps } from \"./popover-positioner\";\nexport type { PopoverViewportProps } from \"./popover-viewport\";\n\nexport {\n Popover,\n PopoverArrow,\n PopoverBackdrop,\n PopoverClose,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverPopup,\n PopoverPortal,\n PopoverPositioner,\n PopoverTitle,\n PopoverTrigger,\n PopoverViewport,\n};\n\nexport type { PopoverContentProps } from \"./popover-content\";\nexport type { PopoverDescriptionProps } from \"./popover-description\";\nexport type { PopoverHeaderProps } from \"./popover-header\";\nexport type { PopoverSize } from \"./popover-size-context\";\nexport type { PopoverTitleProps } from \"./popover-title\";\nexport type { PopoverTriggerProps } from \"./popover-trigger\";\n"],"mappings":"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"}
package/dist/ui/preview-card.js CHANGED
@@ -14,7 +14,7 @@ const PreviewCardArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Previe
14
14
  //#endregion
15
15
  //#region src/ui/preview-card/preview-card-backdrop.tsx
16
16
  const PreviewCardBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Backdrop, {
17
- className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", className),
17
+ className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-[rgb(0_0_0_/_var(--kb-overlay-scrim-opacity,0.1))] duration-100 supports-backdrop-filter:backdrop-blur-[var(--kb-overlay-scrim-blur,4px)]", className),
18
18
  "data-slot": "preview-card-backdrop",
19
19
  ...props
20
20
  });
package/dist/ui/preview-card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"preview-card.js","names":["PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive"],"sources":["../../src/ui/preview-card/preview-card-arrow.tsx","../../src/ui/preview-card/preview-card-backdrop.tsx","../../src/ui/preview-card/preview-card-popup.tsx","../../src/ui/preview-card/preview-card-portal.tsx","../../src/ui/preview-card/preview-card-positioner.tsx","../../src/ui/preview-card/preview-card-viewport.tsx","../../src/ui/preview-card/preview-card-content.tsx","../../src/ui/preview-card/preview-card-trigger.tsx","../../src/ui/preview-card/preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardArrowProps = PreviewCardPrimitive.Arrow.Props;\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => (\n <PreviewCardPrimitive.Arrow\n className={cn(\n \"z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n className\n )}\n data-slot=\"preview-card-arrow\"\n {...props}\n />\n);\n\nexport { PreviewCardArrow };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardBackdropProps = PreviewCardPrimitive.Backdrop.Props;\n\nconst PreviewCardBackdrop = ({\n className,\n ...props\n}: PreviewCardBackdropProps) => (\n <PreviewCardPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"preview-card-backdrop\"\n {...props}\n />\n);\n\nexport { PreviewCardBackdrop };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPopupProps = PreviewCardPrimitive.Popup.Props;\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => (\n <PreviewCardPrimitive.Popup\n className={cn(\n \"z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-64 origin-(--transform-origin) rounded-lg p-4 text-sm shadow-md ring-1 outline-hidden duration-100\",\n className\n )}\n data-slot=\"preview-card-popup\"\n {...props}\n />\n);\n\nexport { PreviewCardPopup };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardPortalProps = PreviewCardPrimitive.Portal.Props;\n\nconst PreviewCardPortal = ({ ...props }: PreviewCardPortalProps) => (\n <PreviewCardPrimitive.Portal data-slot=\"preview-card-portal\" {...props} />\n);\n\nexport { PreviewCardPortal };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPositionerProps = PreviewCardPrimitive.Positioner.Props;\n\nconst PreviewCardPositioner = ({\n className,\n ...props\n}: PreviewCardPositionerProps) => (\n <PreviewCardPrimitive.Positioner\n className={cn(\"z-overlay isolate\", className)}\n data-slot=\"preview-card-positioner\"\n {...props}\n />\n);\n\nexport { PreviewCardPositioner };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardViewportProps = PreviewCardPrimitive.Viewport.Props;\n\nconst PreviewCardViewport = ({ ...props }: PreviewCardViewportProps) => (\n <PreviewCardPrimitive.Viewport data-slot=\"preview-card-viewport\" {...props} />\n);\n\nexport { PreviewCardViewport };\n","\"use client\";\n\nimport type { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\n\nexport type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props &\n Pick<\n PreviewCardPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n > & {\n showArrow?: boolean;\n };\n\nconst PreviewCardContent = ({\n className,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 4,\n showArrow = true,\n children,\n ...props\n}: PreviewCardContentProps) => (\n <PreviewCardPortal>\n <PreviewCardPositioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <PreviewCardPopup\n className={className}\n data-slot=\"preview-card-content\"\n {...props}\n >\n {showArrow ? <PreviewCardArrow /> : null}\n <PreviewCardViewport>{children}</PreviewCardViewport>\n </PreviewCardPopup>\n </PreviewCardPositioner>\n </PreviewCardPortal>\n);\n\nexport { PreviewCardContent };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;\n\nconst PreviewCardTrigger = ({\n className,\n ...props\n}: PreviewCardTriggerProps) => (\n <PreviewCardPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"preview-card-trigger\"\n {...props}\n />\n);\n\nexport { PreviewCardTrigger };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardBackdrop } from \"./preview-card-backdrop\";\nimport { PreviewCardContent } from \"./preview-card-content\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardTrigger } from \"./preview-card-trigger\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\nexport type PreviewCardProps = PreviewCardPrimitive.Root.Props;\n\nconst PreviewCard = ({ ...props }: PreviewCardProps) => (\n <PreviewCardPrimitive.Root data-slot=\"preview-card\" {...props} />\n);\n\nPreviewCard.Arrow = PreviewCardArrow;\nPreviewCard.Backdrop = PreviewCardBackdrop;\nPreviewCard.Content = PreviewCardContent;\nPreviewCard.Popup = PreviewCardPopup;\nPreviewCard.Portal = PreviewCardPortal;\nPreviewCard.Positioner = PreviewCardPositioner;\nPreviewCard.Trigger = PreviewCardTrigger;\nPreviewCard.Viewport = PreviewCardViewport;\nPreviewCard.createHandle = PreviewCardPrimitive.createHandle;\n\nconst createPreviewCardHandle = PreviewCardPrimitive.createHandle;\n\nexport type { PreviewCardArrowProps } from \"./preview-card-arrow\";\nexport type { PreviewCardBackdropProps } from \"./preview-card-backdrop\";\nexport type { PreviewCardContentProps } from \"./preview-card-content\";\nexport type { PreviewCardPopupProps } from \"./preview-card-popup\";\nexport type { PreviewCardPortalProps } from \"./preview-card-portal\";\nexport type { PreviewCardPositionerProps } from \"./preview-card-positioner\";\nexport type { PreviewCardTriggerProps } from \"./preview-card-trigger\";\nexport type { PreviewCardViewportProps } from \"./preview-card-viewport\";\n\nexport {\n PreviewCard,\n PreviewCardArrow,\n PreviewCardBackdrop,\n PreviewCardContent,\n PreviewCardPopup,\n PreviewCardPortal,\n PreviewCardPositioner,\n PreviewCardTrigger,\n PreviewCardViewport,\n createPreviewCardHandle,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACA,cAAqB,OAAtB;CACE,WAAW,GACT,wUACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACC,cAAqB,UAAtB;CACE,WAAW,GACT,8LACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACXJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB,OAAtB;CACE,WAAW,GACT,ycACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAACC,cAAqB,QAAtB;CAA6B,aAAU;CAAsB,GAAI;CAAS;;;;ACA5E,MAAM,yBAAyB,EAC7B,WACA,GAAG,YAEH,oBAACC,cAAqB,YAAtB;CACE,WAAW,GAAG,qBAAqB,UAAU;CAC7C,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,uBAAuB,EAAE,GAAG,YAChC,oBAACC,cAAqB,UAAtB;CAA+B,aAAU;CAAwB,GAAI;CAAS;;;;ACWhF,MAAM,sBAAsB,EAC1B,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,YAAY,MACZ,UACA,GAAG,YAEH,oBAAC,mBAAD,YACE,oBAAC,uBAAD;CACS;CACM;CACP;CACM;WAEZ,qBAAC,kBAAD;EACa;EACX,aAAU;EACV,GAAI;YAHN,CAKG,YAAY,oBAAC,kBAAD,EAAoB,IAAG,MACpC,oBAAC,qBAAD,EAAsB,UAA+B,EACpC;;CACG,GACN;;;;ACrCtB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB,SAAtB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACDJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,cAAqB,MAAtB;CAA2B,aAAU;CAAe,GAAI;CAAS;AAGnE,YAAY,QAAQ;AACpB,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,QAAQ;AACpB,YAAY,SAAS;AACrB,YAAY,aAAa;AACzB,YAAY,UAAU;AACtB,YAAY,WAAW;AACvB,YAAY,eAAeA,cAAqB;AAEhD,MAAM,0BAA0BA,cAAqB"}
1
+ {"version":3,"file":"preview-card.js","names":["PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive"],"sources":["../../src/ui/preview-card/preview-card-arrow.tsx","../../src/ui/preview-card/preview-card-backdrop.tsx","../../src/ui/preview-card/preview-card-popup.tsx","../../src/ui/preview-card/preview-card-portal.tsx","../../src/ui/preview-card/preview-card-positioner.tsx","../../src/ui/preview-card/preview-card-viewport.tsx","../../src/ui/preview-card/preview-card-content.tsx","../../src/ui/preview-card/preview-card-trigger.tsx","../../src/ui/preview-card/preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardArrowProps = PreviewCardPrimitive.Arrow.Props;\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => (\n <PreviewCardPrimitive.Arrow\n className={cn(\n \"z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n className\n )}\n data-slot=\"preview-card-arrow\"\n {...props}\n />\n);\n\nexport { PreviewCardArrow };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardBackdropProps = PreviewCardPrimitive.Backdrop.Props;\n\nconst PreviewCardBackdrop = ({\n className,\n ...props\n}: PreviewCardBackdropProps) => (\n <PreviewCardPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-[rgb(0_0_0_/_var(--kb-overlay-scrim-opacity,0.1))] duration-100 supports-backdrop-filter:backdrop-blur-[var(--kb-overlay-scrim-blur,4px)]\",\n className\n )}\n data-slot=\"preview-card-backdrop\"\n {...props}\n />\n);\n\nexport { PreviewCardBackdrop };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPopupProps = PreviewCardPrimitive.Popup.Props;\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => (\n <PreviewCardPrimitive.Popup\n className={cn(\n \"z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-64 origin-(--transform-origin) rounded-lg p-4 text-sm shadow-md ring-1 outline-hidden duration-100\",\n className\n )}\n data-slot=\"preview-card-popup\"\n {...props}\n />\n);\n\nexport { PreviewCardPopup };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardPortalProps = PreviewCardPrimitive.Portal.Props;\n\nconst PreviewCardPortal = ({ ...props }: PreviewCardPortalProps) => (\n <PreviewCardPrimitive.Portal data-slot=\"preview-card-portal\" {...props} />\n);\n\nexport { PreviewCardPortal };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPositionerProps = PreviewCardPrimitive.Positioner.Props;\n\nconst PreviewCardPositioner = ({\n className,\n ...props\n}: PreviewCardPositionerProps) => (\n <PreviewCardPrimitive.Positioner\n className={cn(\"z-overlay isolate\", className)}\n data-slot=\"preview-card-positioner\"\n {...props}\n />\n);\n\nexport { PreviewCardPositioner };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardViewportProps = PreviewCardPrimitive.Viewport.Props;\n\nconst PreviewCardViewport = ({ ...props }: PreviewCardViewportProps) => (\n <PreviewCardPrimitive.Viewport data-slot=\"preview-card-viewport\" {...props} />\n);\n\nexport { PreviewCardViewport };\n","\"use client\";\n\nimport type { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\n\nexport type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props &\n Pick<\n PreviewCardPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n > & {\n showArrow?: boolean;\n };\n\nconst PreviewCardContent = ({\n className,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 4,\n showArrow = true,\n children,\n ...props\n}: PreviewCardContentProps) => (\n <PreviewCardPortal>\n <PreviewCardPositioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <PreviewCardPopup\n className={className}\n data-slot=\"preview-card-content\"\n {...props}\n >\n {showArrow ? <PreviewCardArrow /> : null}\n <PreviewCardViewport>{children}</PreviewCardViewport>\n </PreviewCardPopup>\n </PreviewCardPositioner>\n </PreviewCardPortal>\n);\n\nexport { PreviewCardContent };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;\n\nconst PreviewCardTrigger = ({\n className,\n ...props\n}: PreviewCardTriggerProps) => (\n <PreviewCardPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"preview-card-trigger\"\n {...props}\n />\n);\n\nexport { PreviewCardTrigger };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardBackdrop } from \"./preview-card-backdrop\";\nimport { PreviewCardContent } from \"./preview-card-content\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardTrigger } from \"./preview-card-trigger\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\nexport type PreviewCardProps = PreviewCardPrimitive.Root.Props;\n\nconst PreviewCard = ({ ...props }: PreviewCardProps) => (\n <PreviewCardPrimitive.Root data-slot=\"preview-card\" {...props} />\n);\n\nPreviewCard.Arrow = PreviewCardArrow;\nPreviewCard.Backdrop = PreviewCardBackdrop;\nPreviewCard.Content = PreviewCardContent;\nPreviewCard.Popup = PreviewCardPopup;\nPreviewCard.Portal = PreviewCardPortal;\nPreviewCard.Positioner = PreviewCardPositioner;\nPreviewCard.Trigger = PreviewCardTrigger;\nPreviewCard.Viewport = PreviewCardViewport;\nPreviewCard.createHandle = PreviewCardPrimitive.createHandle;\n\nconst createPreviewCardHandle = PreviewCardPrimitive.createHandle;\n\nexport type { PreviewCardArrowProps } from \"./preview-card-arrow\";\nexport type { PreviewCardBackdropProps } from \"./preview-card-backdrop\";\nexport type { PreviewCardContentProps } from \"./preview-card-content\";\nexport type { PreviewCardPopupProps } from \"./preview-card-popup\";\nexport type { PreviewCardPortalProps } from \"./preview-card-portal\";\nexport type { PreviewCardPositionerProps } from \"./preview-card-positioner\";\nexport type { PreviewCardTriggerProps } from \"./preview-card-trigger\";\nexport type { PreviewCardViewportProps } from \"./preview-card-viewport\";\n\nexport {\n PreviewCard,\n PreviewCardArrow,\n PreviewCardBackdrop,\n PreviewCardContent,\n PreviewCardPopup,\n PreviewCardPortal,\n PreviewCardPositioner,\n PreviewCardTrigger,\n PreviewCardViewport,\n createPreviewCardHandle,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACA,cAAqB,OAAtB;CACE,WAAW,GACT,wUACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACC,cAAqB,UAAtB;CACE,WAAW,GACT,wQACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACXJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB,OAAtB;CACE,WAAW,GACT,ycACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAACC,cAAqB,QAAtB;CAA6B,aAAU;CAAsB,GAAI;CAAS;;;;ACA5E,MAAM,yBAAyB,EAC7B,WACA,GAAG,YAEH,oBAACC,cAAqB,YAAtB;CACE,WAAW,GAAG,qBAAqB,UAAU;CAC7C,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,uBAAuB,EAAE,GAAG,YAChC,oBAACC,cAAqB,UAAtB;CAA+B,aAAU;CAAwB,GAAI;CAAS;;;;ACWhF,MAAM,sBAAsB,EAC1B,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,YAAY,MACZ,UACA,GAAG,YAEH,oBAAC,mBAAD,YACE,oBAAC,uBAAD;CACS;CACM;CACP;CACM;WAEZ,qBAAC,kBAAD;EACa;EACX,aAAU;EACV,GAAI;YAHN,CAKG,YAAY,oBAAC,kBAAD,EAAoB,IAAG,MACpC,oBAAC,qBAAD,EAAsB,UAA+B,EACpC;;CACG,GACN;;;;ACrCtB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB,SAAtB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACDJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,cAAqB,MAAtB;CAA2B,aAAU;CAAe,GAAI;CAAS;AAGnE,YAAY,QAAQ;AACpB,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,QAAQ;AACpB,YAAY,SAAS;AACrB,YAAY,aAAa;AACzB,YAAY,UAAU;AACtB,YAAY,WAAW;AACvB,YAAY,eAAeA,cAAqB;AAEhD,MAAM,0BAA0BA,cAAqB"}
package/dist/ui/select.d.ts CHANGED
@@ -325,7 +325,7 @@ declare const selectPopupVariants: tailwind_variants0.TVReturnType<{
325
325
  xl: string;
326
326
  xs: string;
327
327
  };
328
- }, undefined, "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative isolate max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100", {
328
+ }, undefined, "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative isolate max-h-[min(var(--available-height),var(--kb-overlay-list-max-height,20rem))] w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100", {
329
329
  size: {
330
330
  lg: string;
331
331
  md: string;
@@ -341,7 +341,7 @@ declare const selectPopupVariants: tailwind_variants0.TVReturnType<{
341
341
  xl: string;
342
342
  xs: string;
343
343
  };
344
- }, undefined, "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative isolate max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100", unknown, unknown, undefined>>;
344
+ }, undefined, "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative isolate max-h-[min(var(--available-height),var(--kb-overlay-list-max-height,20rem))] w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100", unknown, unknown, undefined>>;
345
345
  type SelectPopupVariantProps = VariantProps<typeof selectPopupVariants>;
346
346
  type SelectPopupProps = ComponentProps<typeof Select$1.Popup> & SelectPopupVariantProps;
347
347
  declare const SelectPopup: ({
package/dist/ui/select.js CHANGED
@@ -44,7 +44,7 @@ const SelectOverlayContext = createContext({ size: "md" });
44
44
  //#endregion
45
45
  //#region src/ui/select/select-popup.tsx
46
46
  const selectPopupVariants = tv({
47
- base: "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative isolate max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100",
47
+ base: "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative isolate max-h-[min(var(--available-height),var(--kb-overlay-list-max-height,20rem))] w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100",
48
48
  defaultVariants: { size: "md" },
49
49
  variants: { size: {
50
50
  lg: "rounded-md p-1.5",