organify-ui 0.2.8 → 0.2.10

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 (11) hide show
  1. package/dist/{chunk-WONVWB5R.js → chunk-HZXKUGFH.js} +3 -3
  2. package/dist/chunk-HZXKUGFH.js.map +1 -0
  3. package/dist/index.d.ts +14 -12
  4. package/dist/index.js +18 -5
  5. package/dist/index.js.map +1 -1
  6. package/dist/tailwind-preset.js +1 -1
  7. package/dist/tokens/index.d.ts +2 -2
  8. package/dist/tokens/index.js +1 -1
  9. package/package.json +1 -1
  10. package/src/globals.css +16 -3
  11. package/dist/chunk-WONVWB5R.js.map +0 -1
package/dist/{chunk-WONVWB5R.js → chunk-HZXKUGFH.js} RENAMED
@@ -123,7 +123,7 @@ var colors = {
123
123
 
124
124
  // src/tokens/typography.ts
125
125
  var fontFamily = {
126
- sans: ["Inter", "system-ui", "-apple-system", "sans-serif"],
126
+ sans: ["Space Grotesk", "system-ui", "-apple-system", "sans-serif"],
127
127
  mono: [
128
128
  "ui-monospace",
129
129
  "SFMono-Regular",
@@ -267,5 +267,5 @@ var animation = {
267
267
  };
268
268
 
269
269
  export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows };
270
- //# sourceMappingURL=chunk-WONVWB5R.js.map
271
- //# sourceMappingURL=chunk-WONVWB5R.js.map
270
+ //# sourceMappingURL=chunk-HZXKUGFH.js.map
271
+ //# sourceMappingURL=chunk-HZXKUGFH.js.map
package/dist/chunk-HZXKUGFH.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/shadows.ts","../src/tokens/borders.ts","../src/tokens/animations.ts"],"names":[],"mappings":"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","file":"chunk-HZXKUGFH.js","sourcesContent":["/**\n * @organify/ui — Color Tokens\n *\n * Organify Organic Design System — 3 Themes:\n * Dark (Organic-Dark) — deep void, glassmorphism, glow accents\n * Cream (Organic-Cream) — soft whites, indigo accents, light glass\n * Fluid (Library) — vibrant mesh, neon glows, deep blacks\n */\n\nexport const colors = {\n // ─── Brand ───────────────────────────────────────\n primary: {\n DEFAULT: '#241979',\n light: '#4C35DE',\n soft: '#3A2E9E',\n electric: '#4F39F6',\n 'electric-light': '#7C6AF8',\n dark: '#0f0a38',\n },\n\n // ─── Neutral ────────────────────────────────────\n neutral: {\n 900: '#191919',\n 875: '#0b0c10',\n 850: '#161618',\n 800: '#1F1F21',\n 750: '#1a1a1c',\n 700: '#2A2A2E',\n 600: '#3a3a3e',\n 500: '#6B6B76',\n 400: '#9CA3AF',\n 300: '#d1d5db',\n 200: '#e5e7eb',\n 100: '#f3f4f6',\n 50: '#F9F9F7',\n 25: '#FEFEFD',\n 0: '#FFFFFF',\n },\n\n // ─── Semantic ────────────────────────────────────\n semantic: {\n success: {\n DEFAULT: '#10B981',\n light: '#34d399',\n dark: '#065f46',\n surface: 'rgba(16, 185, 129, 0.10)',\n border: 'rgba(16, 185, 129, 0.30)',\n },\n warning: {\n DEFAULT: '#F59E0B',\n light: '#fbbf24',\n dark: '#92400e',\n surface: 'rgba(245, 158, 11, 0.10)',\n border: 'rgba(245, 158, 11, 0.30)',\n },\n error: {\n DEFAULT: '#E0115F',\n light: '#f43f5e',\n dark: '#9f1239',\n surface: 'rgba(244, 63, 94, 0.10)',\n border: 'rgba(244, 63, 94, 0.30)',\n },\n info: {\n DEFAULT: '#3B82F6',\n light: '#60a5fa',\n dark: '#1e40af',\n surface: 'rgba(59, 130, 246, 0.10)',\n border: 'rgba(59, 130, 246, 0.30)',\n },\n },\n\n // ─── Glass (Dark defaults) ──────────────────────\n glass: {\n bg: 'rgba(31, 31, 33, 0.40)',\n bgHeavy: 'rgba(31, 31, 33, 0.80)',\n surface: 'rgba(31, 31, 33, 0.70)',\n border: 'rgba(255, 255, 255, 0.03)',\n borderMedium: 'rgba(255, 255, 255, 0.08)',\n borderStrong: 'rgba(255, 255, 255, 0.20)',\n highlight: 'rgba(255, 255, 255, 0.05)',\n white5: 'rgba(255, 255, 255, 0.05)',\n white10: 'rgba(255, 255, 255, 0.10)',\n white20: 'rgba(255, 255, 255, 0.20)',\n white40: 'rgba(255, 255, 255, 0.40)',\n },\n\n // ─── Cream Theme ────────────────────────────────\n cream: {\n base: '#F9F9F7',\n surface: 'rgba(255, 255, 255, 0.70)',\n surfaceStrong: 'rgba(255, 255, 255, 0.90)',\n border: 'rgba(255, 255, 255, 0.60)',\n borderMedium: 'rgba(36, 25, 121, 0.06)',\n borderStrong: 'rgba(36, 25, 121, 0.15)',\n glassBorder: 'rgba(36, 25, 121, 0.03)',\n text: '#191919',\n textMuted: '#6B6B76',\n textSubtle: '#9CA3AF',\n },\n\n // ─── Fluid Theme ────────────────────────────────\n fluid: {\n bg: 'rgba(255, 255, 255, 0.03)',\n surface: '#161618',\n border: 'rgba(255, 255, 255, 0.05)',\n borderMedium: 'rgba(255, 255, 255, 0.08)',\n borderStrong: 'rgba(255, 255, 255, 0.10)',\n highlight: 'rgba(255, 255, 255, 0.05)',\n primarySoft: 'rgba(124, 106, 248, 0.20)',\n },\n\n // ─── Status / Flow ──────────────────────────────\n status: {\n inFlow: {\n bg: 'rgba(99, 102, 241, 0.20)',\n text: '#c7d2fe',\n border: 'rgba(99, 102, 241, 0.30)',\n dot: '#818cf8',\n },\n deepWork: {\n bg: 'rgba(217, 70, 239, 0.10)',\n text: '#f0abfc',\n border: 'rgba(217, 70, 239, 0.20)',\n },\n resting: {\n bg: 'rgba(245, 158, 11, 0.15)',\n text: '#fde68a',\n border: 'rgba(245, 158, 11, 0.30)',\n },\n disconnected: {\n bg: 'rgba(244, 63, 94, 0.15)',\n text: '#fecdd3',\n border: 'rgba(244, 63, 94, 0.30)',\n },\n },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * @organify/ui — Typography Tokens\n *\n * Space Grotesk font family — variable weight (300–700).\n * Geometric precision, maximal legibility.\n */\n\nexport const fontFamily = {\n sans: ['Space Grotesk', 'system-ui', '-apple-system', 'sans-serif'],\n mono: [\n 'ui-monospace',\n 'SFMono-Regular',\n 'Menlo',\n 'Monaco',\n 'Consolas',\n 'Liberation Mono',\n 'Courier New',\n 'monospace',\n ],\n} as const;\n\nexport const fontSize = {\n 'display-xl': ['5rem', { lineHeight: '0.85', letterSpacing: '-0.04em', fontWeight: '100' }],\n 'display-lg': ['4rem', { lineHeight: '0.9', letterSpacing: '-0.03em', fontWeight: '100' }],\n 'heading-xl': ['2.5rem', { lineHeight: '1.1', letterSpacing: '-0.02em', fontWeight: '300' }],\n 'heading-lg': ['1.5rem', { lineHeight: '1.2', letterSpacing: '-0.01em', fontWeight: '300' }],\n 'heading-md': ['1.25rem', { lineHeight: '1.3', letterSpacing: '-0.01em', fontWeight: '300' }],\n 'heading-sm': ['1rem', { lineHeight: '1.4', fontWeight: '500' }],\n 'body-lg': ['1rem', { lineHeight: '1.6', fontWeight: '300' }],\n 'body-md': ['0.875rem', { lineHeight: '1.6', fontWeight: '300' }],\n 'body-sm': ['0.75rem', { lineHeight: '1.5', fontWeight: '400' }],\n 'caption': ['0.6875rem', { lineHeight: '1.4', fontWeight: '500' }],\n 'label': ['0.625rem', { lineHeight: '1.3', letterSpacing: '0.2em', fontWeight: '600' }],\n 'mono-xs': ['0.625rem', { lineHeight: '1.4', fontWeight: '400' }],\n} as const;\n\nexport const fontWeight = {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n} as const;\n\nexport type FontFamily = typeof fontFamily;\nexport type FontSize = typeof fontSize;\nexport type FontWeight = typeof fontWeight;\n","/**\n * @organify/ui — Shadow Tokens\n *\n * Organic Design System — depth & glow layers.\n */\n\nexport const shadows = {\n glass: '0 20px 40px -10px rgba(0, 0, 0, 0.50), inset 0 1px 0 0 rgba(255, 255, 255, 0.05)',\n 'glass-sm': '0 8px 32px 0 rgba(0, 0, 0, 0.30)',\n 'glass-lg': '0 20px 60px -15px rgba(0, 0, 0, 0.50)',\n 'glass-xl': '20px 20px 60px rgba(0, 0, 0, 0.50)',\n 'cream-glass': '0 10px 40px -10px rgba(36, 25, 121, 0.04), inset 0 0 20px rgba(255, 255, 255, 0.50)',\n 'cream-soft': '0 20px 60px -15px rgba(36, 25, 121, 0.05)',\n 'cream-glow': '0 0 15px rgba(36, 25, 121, 0.10)',\n 'cream-btn': '0 8px 20px rgba(36, 25, 121, 0.08)',\n 'cream-btn-primary': '0 4px 12px rgba(36, 25, 121, 0.10)',\n 'inner-light': 'inset 0 2px 4px 0 rgba(255, 255, 255, 0.80)',\n 'neon-glow': '0 0 15px rgba(124, 106, 248, 0.30), 0 0 30px rgba(124, 106, 248, 0.10)',\n 'neon-glow-sm': '0 0 8px rgba(124, 106, 248, 0.30)',\n 'neon-glow-lg': '0 0 30px rgba(79, 57, 246, 0.40), 0 0 60px rgba(79, 57, 246, 0.20)',\n 'soft-glow': '0 0 20px rgba(255, 255, 255, 0.05)',\n 'glow-primary': '0 0 25px rgba(76, 53, 222, 0.60)',\n 'glow-soft': '0 0 60px rgba(36, 25, 121, 0.15)',\n 'glow-indigo': '0 0 15px rgba(36, 25, 121, 0.60)',\n 'glow-success': '0 0 20px rgba(16, 185, 129, 0.20)',\n 'glow-warning': '0 0 20px rgba(245, 158, 11, 0.20)',\n 'glow-error': '0 0 20px rgba(244, 63, 94, 0.20)',\n 'glow-info': '0 0 20px rgba(59, 130, 246, 0.20)',\n 'asymmetric-glow': '0 0 60px -15px rgba(99, 91, 255, 0.30)',\n sharp: '4px 4px 0px 0px rgba(36, 25, 121, 1)',\n 'status-online': '0 0 8px rgba(74, 222, 128, 0.80)',\n 'status-flow': '0 0 8px rgba(129, 140, 248, 0.80)',\n 'status-primary': '0 0 15px rgba(79, 57, 246, 0.50)',\n} as const;\n\nexport type Shadows = typeof shadows;\n","/**\n * @organify/ui — Border Tokens\n *\n * Organic Design System — fluid curves.\n * organic: 2.5rem (dark), 3rem (cream)\n * squircle: 1.25rem (dark), 1.5-2rem (cream/fluid)\n */\n\nexport const borderRadius = {\n none: '0',\n sm: '0.25rem',\n md: '0.5rem',\n lg: '1rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '2rem',\n '4xl': '2.5rem',\n full: '9999px',\n organic: '2.5rem',\n 'organic-lg': '3rem',\n squircle: '1.25rem',\n 'squircle-sm': '1rem',\n 'squircle-lg': '2rem',\n geo: '0.5rem 2rem 0.5rem 2rem',\n 'geo-inv': '2rem 0.5rem 2rem 0.5rem',\n 'd-shape': '0.25rem 2rem 2rem 0.25rem',\n 'pill-asym': '4px 16px 16px 4px',\n 'asym-1': '24px 8px 24px 8px',\n 'asym-2': '8px 24px 8px 24px',\n} as const;\n\nexport type BorderRadius = typeof borderRadius;\n","/**\n * @organify/ui — Animation Tokens\n *\n * Organic Design System — fluid, breathable motion.\n */\n\nexport const animation = {\n keyframes: {\n shimmer: {\n '0%': { transform: 'translateX(-100%)' },\n '100%': { transform: 'translateX(100%)' },\n },\n 'draw-line': {\n to: { strokeDashoffset: '0' },\n },\n 'spin-slow': {\n from: { transform: 'rotate(0deg)' },\n to: { transform: 'rotate(360deg)' },\n },\n 'glow-pulse': {\n '0%, 100%': { opacity: '0.4' },\n '50%': { opacity: '1' },\n },\n float: {\n '0%': { transform: 'translate(0, 0) rotate(0deg)' },\n '50%': { transform: 'translate(-20px, 20px) rotate(2deg)' },\n '100%': { transform: 'translate(0, 0) rotate(0deg)' },\n },\n 'float-subtle': {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-8px)' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'slide-up': {\n from: { opacity: '0', transform: 'translateY(12px)' },\n to: { opacity: '1', transform: 'translateY(0)' },\n },\n },\n durations: {\n fast: '150ms',\n normal: '300ms',\n slow: '500ms',\n 'very-slow': '700ms',\n organic: '400ms',\n },\n easings: {\n default: 'cubic-bezier(0.4, 0, 0.2, 1)',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n organic: 'cubic-bezier(0.25, 1, 0.5, 1)',\n 'organic-out': 'cubic-bezier(0.2, 0.8, 0.2, 1)',\n },\n} as const;\n\nexport type Animation = typeof animation;\n"]}
package/dist/index.d.ts CHANGED
@@ -39,7 +39,7 @@ declare function cn(...inputs: ClassValue[]): string;
39
39
  * Theme-aware: uses CSS variables for theme switching.
40
40
  */
41
41
  declare const buttonVariants: (props?: ({
42
- variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | "cream" | "cream-secondary" | null | undefined;
42
+ variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | "cream" | "cream-secondary" | null | undefined;
43
43
  size?: "sm" | "default" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
44
44
  } & class_variance_authority_types.ClassProp) | undefined) => string;
45
45
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -55,7 +55,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
55
55
  * Squircle radius, organic easing, focus glow.
56
56
  */
57
57
  declare const inputVariants: (props?: ({
58
- variant?: "default" | "flat" | "cream" | "rounded" | "error" | null | undefined;
58
+ variant?: "error" | "flat" | "default" | "cream" | "rounded" | null | undefined;
59
59
  } & class_variance_authority_types.ClassProp) | undefined) => string;
60
60
  interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
61
61
  label?: string;
@@ -102,7 +102,7 @@ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAtt
102
102
  * Theme-aware: uses CSS variables for theme switching.
103
103
  */
104
104
  declare const badgeVariants: (props?: ({
105
- variant?: "default" | "error" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
105
+ variant?: "success" | "error" | "warning" | "info" | "default" | "primary" | "in-flow" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
106
106
  } & class_variance_authority_types.ClassProp) | undefined) => string;
107
107
  interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
108
108
  /** Animated pulse dot */
@@ -236,7 +236,7 @@ declare function OrgLoaderInline({ className, ...props }: React.SVGProps<SVGSVGE
236
236
  * - Theme-aware borders using CSS variables
237
237
  */
238
238
  declare const alertVariants: (props?: ({
239
- variant?: "error" | "success" | "warning" | "info" | null | undefined;
239
+ variant?: "success" | "error" | "warning" | "info" | null | undefined;
240
240
  } & class_variance_authority_types.ClassProp) | undefined) => string;
241
241
  interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
242
242
  /** Alert title */
@@ -266,7 +266,7 @@ declare function Alert({ className, variant, title, description, icon, onClose,
266
266
  * - Auto-dismiss with optional progress bar
267
267
  */
268
268
  declare const toastVariants: (props?: ({
269
- variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
269
+ variant?: "success" | "error" | "warning" | "info" | "default" | null | undefined;
270
270
  } & class_variance_authority_types.ClassProp) | undefined) => string;
271
271
  interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
272
272
  /** Close handler */
@@ -388,9 +388,9 @@ declare function SettingsSkeleton({ className }: {
388
388
  * - `flat`: no clip-path, rounded corners
389
389
  */
390
390
  declare const glassPanelVariants: (props?: ({
391
- variant?: "default" | "flat" | "cream" | "alt" | "highlight" | null | undefined;
391
+ variant?: "flat" | "default" | "cream" | "alt" | "highlight" | null | undefined;
392
392
  corners?: "none" | "both" | "br" | "tl" | null | undefined;
393
- padding?: "sm" | "default" | "lg" | "xl" | "none" | null | undefined;
393
+ padding?: "none" | "sm" | "default" | "lg" | "xl" | null | undefined;
394
394
  } & class_variance_authority_types.ClassProp) | undefined) => string;
395
395
  interface GlassPanelProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof glassPanelVariants> {
396
396
  /** Add the in-flow indicator dot */
@@ -452,6 +452,8 @@ interface DockSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
452
452
  expanded?: boolean;
453
453
  /** Callback when expanded state changes */
454
454
  onExpandedChange?: (expanded: boolean) => void;
455
+ /** Whether hover should expand/collapse the sidebar */
456
+ hoverExpand?: boolean;
455
457
  /** Render custom link element (for Next.js Link etc.) */
456
458
  renderLink?: (props: {
457
459
  href: string;
@@ -460,7 +462,7 @@ interface DockSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
460
462
  onClick?: () => void;
461
463
  }) => React.ReactNode;
462
464
  }
463
- declare function DockSidebar({ items, bottomItems, header, expanded, onExpandedChange, renderLink, className, ...props }: DockSidebarProps): react_jsx_runtime.JSX.Element;
465
+ declare function DockSidebar({ items, bottomItems, header, expanded, onExpandedChange, hoverExpand, renderLink, className, ...props }: DockSidebarProps): react_jsx_runtime.JSX.Element;
464
466
  declare namespace DockSidebar {
465
467
  var displayName: string;
466
468
  }
@@ -473,7 +475,7 @@ declare function SidebarButton({ item, expanded, renderLink, }: {
473
475
  item: SidebarNavItem;
474
476
  expanded: boolean;
475
477
  renderLink?: DockSidebarProps['renderLink'];
476
- }): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
478
+ }): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
477
479
 
478
480
  interface WorkspaceSwitcherProps {
479
481
  /** Whether the sidebar is collapsed (icon-only mode) */
@@ -511,7 +513,7 @@ declare function Logo({ size, variant, animated, className, ...props }: LogoProp
511
513
  * From Brand Assets & Icons HTML.
512
514
  */
513
515
  declare const geometricIconVariants: (props?: ({
514
- variant?: "default" | "outline" | "cream" | "error" | "success" | "warning" | "filled" | null | undefined;
516
+ variant?: "success" | "error" | "warning" | "default" | "outline" | "cream" | "filled" | null | undefined;
515
517
  size?: "sm" | "default" | "lg" | "xl" | null | undefined;
516
518
  } & class_variance_authority_types.ClassProp) | undefined) => string;
517
519
  interface GeometricIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof geometricIconVariants> {
@@ -602,7 +604,7 @@ declare function StepConnector({ status, variant, }: {
602
604
  * From Brand Assets & Icons HTML.
603
605
  */
604
606
  declare const statusPillVariants: (props?: ({
605
- variant?: "default" | "cream" | "error" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
607
+ variant?: "success" | "error" | "warning" | "info" | "default" | "cream" | "primary" | "in-flow" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
606
608
  size?: "sm" | "default" | "lg" | null | undefined;
607
609
  glow?: boolean | null | undefined;
608
610
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1077,7 +1079,7 @@ declare function Label({ className, ...props }: React.ComponentProps<'label'>):
1077
1079
  * Squircle radius, organic easing, focus glow.
1078
1080
  */
1079
1081
  declare const textareaVariants: (props?: ({
1080
- variant?: "default" | "flat" | "cream" | "rounded" | "error" | null | undefined;
1082
+ variant?: "error" | "flat" | "default" | "cream" | "rounded" | null | undefined;
1081
1083
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1082
1084
  interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
1083
1085
  label?: string;
package/dist/index.js CHANGED
@@ -759,6 +759,7 @@ function DockSidebar({
759
759
  header,
760
760
  expanded = false,
761
761
  onExpandedChange,
762
+ hoverExpand = false,
762
763
  renderLink,
763
764
  className,
764
765
  ...props
@@ -771,8 +772,8 @@ function DockSidebar({
771
772
  sidebarVariants({ state: expanded ? "expanded" : "collapsed" }),
772
773
  className
773
774
  ),
774
- onMouseEnter: () => onExpandedChange?.(true),
775
- onMouseLeave: () => onExpandedChange?.(false),
775
+ onMouseEnter: () => hoverExpand && onExpandedChange?.(true),
776
+ onMouseLeave: () => hoverExpand && onExpandedChange?.(false),
776
777
  ...props,
777
778
  children: [
778
779
  /* @__PURE__ */ jsxs("div", { className: cn("flex items-center px-3 h-16 border-b border-glass-border", expanded ? "justify-between" : "justify-center"), children: [
@@ -785,10 +786,22 @@ function DockSidebar({
785
786
  "aria-label": expanded ? "Collapse sidebar" : "Expand sidebar",
786
787
  className: cn(
787
788
  "flex h-7 w-7 items-center justify-center rounded-sm",
788
- "text-org-text-muted transition-all hover:bg-glass-highlight hover:text-org-text",
789
- !expanded && "hidden"
789
+ "text-org-text-muted transition-all hover:bg-glass-highlight hover:text-org-text"
790
790
  ),
791
- children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "transition-transform duration-[400ms]", children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
791
+ children: /* @__PURE__ */ jsx(
792
+ "svg",
793
+ {
794
+ width: "16",
795
+ height: "16",
796
+ viewBox: "0 0 16 16",
797
+ fill: "none",
798
+ className: cn(
799
+ "transition-transform duration-[400ms]",
800
+ expanded ? "rotate-0" : "rotate-180"
801
+ ),
802
+ children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
803
+ }
804
+ )
792
805
  }
793
806
  )
794
807
  ] }),