@djangocfg/ui-nextjs 2.1.300 → 2.1.302

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djangocfg/ui-nextjs",
3
- "version": "2.1.300",
3
+ "version": "2.1.302",
4
4
  "description": "Next.js UI component library with Radix UI primitives, Tailwind CSS styling, charts, and form components",
5
5
  "keywords": [
6
6
  "ui-components",
@@ -85,11 +85,11 @@
85
85
  "check": "tsc --noEmit"
86
86
  },
87
87
  "peerDependencies": {
88
- "@djangocfg/api": "^2.1.300",
89
- "@djangocfg/i18n": "^2.1.300",
90
- "@djangocfg/nextjs": "^2.1.300",
91
- "@djangocfg/ui-core": "^2.1.300",
92
- "@djangocfg/ui-tools": "^2.1.300",
88
+ "@djangocfg/api": "^2.1.302",
89
+ "@djangocfg/i18n": "^2.1.302",
90
+ "@djangocfg/nextjs": "^2.1.302",
91
+ "@djangocfg/ui-core": "^2.1.302",
92
+ "@djangocfg/ui-tools": "^2.1.302",
93
93
  "@types/react": "^19.1.0",
94
94
  "@types/react-dom": "^19.1.0",
95
95
  "consola": "^3.4.2",
@@ -112,7 +112,7 @@
112
112
  "react-chartjs-2": "^5.3.0"
113
113
  },
114
114
  "devDependencies": {
115
- "@djangocfg/typescript-config": "^2.1.300",
115
+ "@djangocfg/typescript-config": "^2.1.302",
116
116
  "@radix-ui/react-dropdown-menu": "^2.1.16",
117
117
  "@radix-ui/react-slot": "^1.2.4",
118
118
  "@types/node": "^24.7.2",
@@ -451,10 +451,12 @@ const SidebarHeader = React.forwardRef<
451
451
  HTMLDivElement,
452
452
  React.ComponentProps<"div">
453
453
  >(({ className, style, ...props }, ref) => {
454
- const { state } = useSidebar()
454
+ const { state, isMobile } = useSidebar()
455
455
 
456
- // Remove horizontal padding in collapsed state
457
- const headerStyle = state === "collapsed" ? {
456
+ // Collapse the rail's horizontal padding only when the desktop sidebar is in
457
+ // its icon-only state. Mobile shares `state` with desktop (cookie-driven), so
458
+ // applying it there would kill the drawer header padding.
459
+ const headerStyle = state === "collapsed" && !isMobile ? {
458
460
  paddingLeft: '0',
459
461
  paddingRight: '0',
460
462
  paddingTop: '0.5rem',