organify-ui 0.2.9 → 0.2.10

package/dist/index.d.ts

@@ -39,7 +39,7 @@ declare function cn(...inputs: ClassValue[]): string;
  * Theme-aware: uses CSS variables for theme switching.
  */
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | "cream" | "cream-secondary" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | "cream" | "cream-secondary" | null | undefined;
     size?: "sm" | "default" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -55,7 +55,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
  * Squircle radius, organic easing, focus glow.
  */
 declare const inputVariants: (props?: ({
-    variant?: "default" | "flat" | "cream" | "rounded" | "error" | null | undefined;
+    variant?: "error" | "flat" | "default" | "cream" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
     label?: string;
@@ -102,7 +102,7 @@ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAtt
  * Theme-aware: uses CSS variables for theme switching.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "error" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | "default" | "primary" | "in-flow" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     /** Animated pulse dot */
@@ -236,7 +236,7 @@ declare function OrgLoaderInline({ className, ...props }: React.SVGProps<SVGSVGE
  * - Theme-aware borders using CSS variables
  */
 declare const alertVariants: (props?: ({
-    variant?: "error" | "success" | "warning" | "info" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     /** Alert title */
@@ -266,7 +266,7 @@ declare function Alert({ className, variant, title, description, icon, onClose,
  * - Auto-dismiss with optional progress bar
  */
 declare const toastVariants: (props?: ({
-    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
     /** Close handler */
@@ -388,9 +388,9 @@ declare function SettingsSkeleton({ className }: {
  * - `flat`: no clip-path, rounded corners
  */
 declare const glassPanelVariants: (props?: ({
-    variant?: "default" | "flat" | "cream" | "alt" | "highlight" | null | undefined;
+    variant?: "flat" | "default" | "cream" | "alt" | "highlight" | null | undefined;
     corners?: "none" | "both" | "br" | "tl" | null | undefined;
-    padding?: "sm" | "default" | "lg" | "xl" | "none" | null | undefined;
+    padding?: "none" | "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface GlassPanelProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof glassPanelVariants> {
     /** Add the in-flow indicator dot */
@@ -452,6 +452,8 @@ interface DockSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
     expanded?: boolean;
     /** Callback when expanded state changes */
     onExpandedChange?: (expanded: boolean) => void;
+    /** Whether hover should expand/collapse the sidebar */
+    hoverExpand?: boolean;
     /** Render custom link element (for Next.js Link etc.) */
     renderLink?: (props: {
         href: string;
@@ -460,7 +462,7 @@ interface DockSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
         onClick?: () => void;
     }) => React.ReactNode;
 }
-declare function DockSidebar({ items, bottomItems, header, expanded, onExpandedChange, renderLink, className, ...props }: DockSidebarProps): react_jsx_runtime.JSX.Element;
+declare function DockSidebar({ items, bottomItems, header, expanded, onExpandedChange, hoverExpand, renderLink, className, ...props }: DockSidebarProps): react_jsx_runtime.JSX.Element;
 declare namespace DockSidebar {
     var displayName: string;
 }
@@ -473,7 +475,7 @@ declare function SidebarButton({ item, expanded, renderLink, }: {
     item: SidebarNavItem;
     expanded: boolean;
     renderLink?: DockSidebarProps['renderLink'];
-}): 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;
+}): 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;
 
 interface WorkspaceSwitcherProps {
     /** Whether the sidebar is collapsed (icon-only mode) */
@@ -511,7 +513,7 @@ declare function Logo({ size, variant, animated, className, ...props }: LogoProp
  * From Brand Assets & Icons HTML.
  */
 declare const geometricIconVariants: (props?: ({
-    variant?: "default" | "outline" | "cream" | "error" | "success" | "warning" | "filled" | null | undefined;
+    variant?: "success" | "error" | "warning" | "default" | "outline" | "cream" | "filled" | null | undefined;
     size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface GeometricIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof geometricIconVariants> {
@@ -602,7 +604,7 @@ declare function StepConnector({ status, variant, }: {
  * From Brand Assets & Icons HTML.
  */
 declare const statusPillVariants: (props?: ({
-    variant?: "default" | "cream" | "error" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | "default" | "cream" | "primary" | "in-flow" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
     size?: "sm" | "default" | "lg" | null | undefined;
     glow?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1077,7 +1079,7 @@ declare function Label({ className, ...props }: React.ComponentProps<'label'>):
  * Squircle radius, organic easing, focus glow.
  */
 declare const textareaVariants: (props?: ({
-    variant?: "default" | "flat" | "cream" | "rounded" | "error" | null | undefined;
+    variant?: "error" | "flat" | "default" | "cream" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
     label?: string;

package/dist/index.js

@@ -759,6 +759,7 @@ function DockSidebar({
   header,
   expanded = false,
   onExpandedChange,
+  hoverExpand = false,
   renderLink,
   className,
   ...props
@@ -771,8 +772,8 @@ function DockSidebar({
         sidebarVariants({ state: expanded ? "expanded" : "collapsed" }),
         className
       ),
-      onMouseEnter: () => onExpandedChange?.(true),
-      onMouseLeave: () => onExpandedChange?.(false),
+      onMouseEnter: () => hoverExpand && onExpandedChange?.(true),
+      onMouseLeave: () => hoverExpand && onExpandedChange?.(false),
       ...props,
       children: [
         /* @__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({
               "aria-label": expanded ? "Collapse sidebar" : "Expand sidebar",
               className: cn(
                 "flex h-7 w-7 items-center justify-center rounded-sm",
-                "text-org-text-muted transition-all hover:bg-glass-highlight hover:text-org-text",
-                !expanded && "hidden"
+                "text-org-text-muted transition-all hover:bg-glass-highlight hover:text-org-text"
               ),
-              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" }) })
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  className: cn(
+                    "transition-transform duration-[400ms]",
+                    expanded ? "rotate-0" : "rotate-180"
+                  ),
+                  children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                }
+              )
             }
           )
         ] }),