@parhelia/core 0.1.12902 → 0.1.12904

package/dist/components/ui/button.d.ts

@@ -1,12 +1,7 @@
 import * as React from "react";
-export type ButtonSize = "default" | "sm" | "xs" | "xxs" | "lg" | "icon" | "iconSm" | "iconXs";
-declare function ButtonSizeProvider({ value, children, }: {
-    value: ButtonSize;
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "select" | "defaultInverted" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "select" | "xs" | "sm" | "lg" | "xxs" | "icon" | "iconSm" | "iconXs" | null | undefined;
+    variant?: "link" | "select" | "outline" | "default" | "defaultInverted" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "select" | "default" | "icon" | "sm" | "xs" | "xxs" | "lg" | "iconSm" | "iconXs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BaseButtonProps = React.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -17,8 +12,8 @@ type SelectButtonProps = BaseButtonProps & {
 };
 export type GenericButtonProps = BaseButtonProps & {
     variant?: "default" | "defaultInverted" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-    size?: ButtonSize;
+    size?: "default" | "sm" | "xs" | "xxs" | "lg" | "icon" | "iconSm" | "iconXs";
 };
 type ButtonProps = SelectButtonProps | GenericButtonProps;
 declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export { Button, ButtonSizeProvider, buttonVariants };
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -1,12 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import * as React from "react";
 import { cn } from "../../lib/utils";
-const ButtonSizeContext = React.createContext(undefined);
-function ButtonSizeProvider({ value, children, }) {
-    return (_jsx(ButtonSizeContext.Provider, { value: value, children: children }));
-}
 const buttonVariants = cva([
     "inline-flex",
     "items-center",
@@ -27,25 +22,26 @@ const buttonVariants = cva([
     "focus-visible:ring-ring/50",
     "focus-visible:ring-[3px]",
     "aria-invalid:ring-destructive/20",
+    "dark:aria-invalid:ring-destructive/40",
     "aria-invalid:border-destructive",
 ], {
     variants: {
         variant: {
-            default: "bg-highlight-100 text-primary-foreground shadow-xs hover:bg-highlight-100-hover",
-            defaultInverted: "transition-colors duration-300 shadow-sm bg-white text-highlight-100 hover:bg-highlight-100 hover:text-white",
-            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20",
-            outline: "border border-border-default bg-background text-neutral-grey-100 shadow-xs hover:border-neutral-grey-15 hover:bg-neutral-grey-5 hover:text-neutral-grey-100",
-            select: "border border-border-default bg-background text-neutral-grey-100 w-auto md:min-w-[120px] flex justify-between gap-3 roundedborder cursor-pointer hover:bg-neutral-grey-5 hover:bg-accent hover:text-accent-foreground",
+            default: "bg-theme-secondary text-primary-foreground shadow-xs hover:bg-theme-secondary/80",
+            defaultInverted: "transition-colors duration-300 shadow-sm bg-white text-theme-secondary hover:bg-theme-secondary hover:text-white",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            select: "border border-gray-3 bg-background text-dark w-auto md:min-w-[120px] flex justify-between gap-3 roundedborder cursor-pointer hover:bg-gray-50 hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
             secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
             link: "text-primary underline-offset-4 hover:underline",
         },
         size: {
-            default: "px-4 py-[9px] text-xs has-[>svg]:px-4",
-            sm: "h-8 rounded gap-1.5 px-3 has-[>svg]:px-2.5 text-xs",
-            xs: "h-7 rounded gap-1 px-2 has-[>svg]:px-2 text-2xs",
-            xxs: "h-5 rounded gap-1 px-2 has-[>svg]:px-2 text-2xs",
-            lg: "rounded px-[20px] py-[10px] has-[>svg]:px-4",
+            default: "h-8 px-7 py-5 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5 text-xs",
+            xs: "h-7 rounded-md gap-1 px-2 has-[>svg]:px-2 text-2xs",
+            xxs: "h-5 rounded-md gap-1 px-2 has-[>svg]:px-2 text-2xs",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
             icon: "size-9",
             iconSm: "size-8",
             iconXs: "size-7",
@@ -66,13 +62,11 @@ const buttonVariants = cva([
 });
 function Button({ className, variant, size, asChild = false, ...props }) {
     const Comp = asChild ? Slot : "button";
-    const inheritedSize = React.useContext(ButtonSizeContext);
-    const resolvedSize = variant === "select" ? "select" : (size ?? inheritedSize);
     return (_jsx(Comp, { "data-slot": "button", className: cn("cursor-pointer", buttonVariants({
             variant,
-            size: resolvedSize,
+            size: variant === "select" ? "select" : size,
             className,
         })), ...props }));
 }
-export { Button, ButtonSizeProvider, buttonVariants };
+export { Button, buttonVariants };
 //# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAYrC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAC3C,SAAS,CACV,CAAC;AAEF,SAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACrC,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,GAAG,CACxB;IACE,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,OAAO;IACP,mBAAmB;IACnB,SAAS;IACT,SAAS;IACT,aAAa;IACb,gBAAgB;IAChB,8BAA8B;IAC9B,qBAAqB;IACrB,6BAA6B;IAC7B,+CAA+C;IAC/C,kBAAkB;IAClB,cAAc;IACd,2BAA2B;IAC3B,4BAA4B;IAC5B,0BAA0B;IAC1B,kCAAkC;IAClC,iCAAiC;CAClC,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,iFAAiF;YACnF,eAAe,EACb,8GAA8G;YAChH,WAAW,EACT,+FAA+F;YACjG,OAAO,EACL,6JAA6J;YAC/J,MAAM,EACJ,uNAAuN;YACzN,SAAS,EACP,wEAAwE;YAC1E,KAAK,EACH,8CAA8C;YAChD,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,uCAAuC;YAChD,EAAE,EAAE,oDAAoD;YACxD,EAAE,EAAE,iDAAiD;YACrD,GAAG,EAAE,iDAAiD;YACtD,EAAE,EAAE,6CAA6C;YACjD,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,EAAE;SACX;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,sCAAsC;SAC9C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAuBF,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACI;IACZ,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC1D,MAAM,YAAY,GAChB,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,aAAa,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,cAAc,CAAC;YACb,OAAO;YACP,IAAI,EAAE,YAAmB;YACzB,SAAS;SACV,CAAC,CACH,KACI,KAAa,GAClB,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,cAAc,GAAG,GAAG,CACxB;IACE,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,OAAO;IACP,mBAAmB;IACnB,SAAS;IACT,SAAS;IACT,aAAa;IACb,gBAAgB;IAChB,8BAA8B;IAC9B,qBAAqB;IACrB,6BAA6B;IAC7B,+CAA+C;IAC/C,kBAAkB;IAClB,cAAc;IACd,2BAA2B;IAC3B,4BAA4B;IAC5B,0BAA0B;IAC1B,kCAAkC;IAClC,uCAAuC;IACvC,iCAAiC;CAClC,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,kFAAkF;YACpF,eAAe,EACb,kHAAkH;YACpH,WAAW,EACT,6JAA6J;YAC/J,OAAO,EACL,6HAA6H;YAC/H,MAAM,EACJ,sPAAsP;YACxP,SAAS,EACP,wEAAwE;YAC1E,KAAK,EACH,sEAAsE;YACxE,IAAI,EACF,iDAAiD;SACpD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,+BAA+B;YACxC,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,oDAAoD;YACxD,GAAG,EAAE,oDAAoD;YACzD,EAAE,EAAE,sCAAsC;YAC1C,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,EAAE;SACX;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,sCAAsC;SAC9C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAgBF,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACI;IACZ,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,cAAc,CAAC;YACb,OAAO;YACP,IAAI,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;YAC5C,SAAS;SACV,CAAC,CACH,KACI,KAAa,GAClB,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/card.d.ts

@@ -2,7 +2,7 @@
  * A reusable card component with header (icon, title, description) and content area.
  * Originally created for the page wizard but now available as a generic UI component.
  */
-export declare function Card({ children, icon, title, description, className, noPadding, collapsible, defaultCollapsed, summary, footer, showFullscreenButton, onFullscreen, headerActions, titleClassName, descriptionClassName, iconClassName, }: {
+export declare function Card({ children, icon, title, description, className, noPadding, collapsible, defaultCollapsed, summary, footer, showFullscreenButton, onFullscreen, headerActions, }: {
     children: React.ReactNode;
     icon: React.ReactNode;
     title?: React.ReactNode;
@@ -16,7 +16,4 @@ export declare function Card({ children, icon, title, description, className, no
     showFullscreenButton?: boolean;
     onFullscreen?: () => void;
     headerActions?: React.ReactNode;
-    titleClassName?: string;
-    descriptionClassName?: string;
-    iconClassName?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/card.js

@@ -6,7 +6,7 @@ import { Expand, Shrink } from "lucide-react";
  * A reusable card component with header (icon, title, description) and content area.
  * Originally created for the page wizard but now available as a generic UI component.
  */
-export function Card({ children, icon, title, description, className, noPadding, collapsible = "no", defaultCollapsed = "no", summary, footer, showFullscreenButton = false, onFullscreen, headerActions, titleClassName, descriptionClassName, iconClassName = "text-highlight-100", }) {
+export function Card({ children, icon, title, description, className, noPadding, collapsible = "no", defaultCollapsed = "no", summary, footer, showFullscreenButton = false, onFullscreen, headerActions, }) {
     const [isExpanded, setIsExpanded] = useState(() => {
         if (defaultCollapsed === "yes")
             return false; // Starts collapsed
@@ -65,14 +65,14 @@ export function Card({ children, icon, title, description, className, noPadding,
     const handleExitFullscreen = () => {
         setIsFullscreen(false);
     };
-    return (_jsxs(_Fragment, { children: [isFullscreen && (_jsx("div", { className: "bg-neutral-grey-100/20 fixed inset-0 z-40 backdrop-blur-sm md:hidden", onClick: handleExitFullscreen })), _jsxs("div", { className: cn("flex flex-col rounded-lg bg-white transition-all duration-300 ease-in-out", className, isFullscreen && [
+    return (_jsxs(_Fragment, { children: [isFullscreen && (_jsx("div", { className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm md:hidden", onClick: handleExitFullscreen })), _jsxs("div", { className: cn("flex flex-col rounded-lg bg-white transition-all duration-300 ease-in-out", className, isFullscreen && [
                     // Fullscreen styles - only on mobile
                     "fixed inset-0 z-50 mx-0 mt-[30px] h-[calc(100vh-60px)] shadow-xl md:relative md:inset-auto md:mx-auto md:mt-0 md:h-auto md:shadow-none",
-                ]), children: [_jsxs("div", { className: cn("flex flex-col justify-between gap-1 p-4 pb-2 md:p-6 md:pb-4", isCollapsibleEnabled && "cursor-pointer"), onClick: isCollapsibleEnabled ? toggleExpanded : undefined, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: cn("flex items-center justify-center", iconClassName), children: icon }), title && (_jsx("div", { className: cn("text-neutral-grey-100 text-base font-medium", titleClassName), children: title }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [headerActions, showFullscreenButton && (_jsx("button", { onClick: handleFullscreen, className: cn("text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200 md:hidden", isFullscreen && "hidden"), "aria-label": "Open fullscreen", children: _jsx(Expand, { className: "h-4 w-4" }) })), showFullscreenButton && isFullscreen && (_jsx("button", { onClick: handleExitFullscreen, className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200 md:hidden", "aria-label": "Exit fullscreen", children: _jsx(Shrink, { className: "h-4 w-4" }) })), isCollapsibleEnabled && !summary && (_jsxs(_Fragment, { children: [collapsible === "yes" && (_jsx("button", { onClick: toggleExpanded, className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200", "aria-label": isExpanded ? "Collapse" : "Expand", children: _jsx("svg", { className: cn("h-4 w-4 transition-transform duration-200", isExpanded ? "rotate-180" : "rotate-0"), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })), collapsible === "mobileOnly" && (_jsx("button", { onClick: toggleExpanded, className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200 md:hidden", "aria-label": isExpanded ? "Collapse" : "Expand", children: _jsx("svg", { className: cn("h-4 w-4 transition-transform duration-200", isExpanded ? "rotate-180" : "rotate-0"), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }))] }))] })] }), _jsx("div", { className: cn("text-neutral-grey-50 mb-1 text-xs", descriptionClassName), children: description })] }), shouldShowContent() && (_jsx("div", { className: cn("flex-1 transition-all duration-300 ease-in-out", noPadding ? "" : "p-4 pt-0 md:p-6 md:pt-0", isFullscreen && "overflow-hidden", 
+                ]), children: [_jsxs("div", { className: cn("flex flex-col justify-between gap-1 p-4 pb-2 md:p-6 md:pb-4", isCollapsibleEnabled && "cursor-pointer"), onClick: isCollapsibleEnabled ? toggleExpanded : undefined, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "text-theme-secondary flex items-center justify-center", children: icon }), title && (_jsx("div", { className: "text-base font-semibold text-neutral-800", children: title }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [headerActions, showFullscreenButton && (_jsx("button", { onClick: handleFullscreen, className: cn("flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700 md:hidden", isFullscreen && "hidden"), "aria-label": "Open fullscreen", children: _jsx(Expand, { className: "h-4 w-4" }) })), showFullscreenButton && isFullscreen && (_jsx("button", { onClick: handleExitFullscreen, className: "flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700 md:hidden", "aria-label": "Exit fullscreen", children: _jsx(Shrink, { className: "h-4 w-4" }) })), isCollapsibleEnabled && !summary && (_jsxs(_Fragment, { children: [collapsible === "yes" && (_jsx("button", { onClick: toggleExpanded, className: "flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700", "aria-label": isExpanded ? "Collapse" : "Expand", children: _jsx("svg", { className: cn("h-4 w-4 transition-transform duration-200", isExpanded ? "rotate-180" : "rotate-0"), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })), collapsible === "mobileOnly" && (_jsx("button", { onClick: toggleExpanded, className: "flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700 md:hidden", "aria-label": isExpanded ? "Collapse" : "Expand", children: _jsx("svg", { className: cn("h-4 w-4 transition-transform duration-200", isExpanded ? "rotate-180" : "rotate-0"), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }))] }))] })] }), _jsx("div", { className: "mb-1 text-xs text-neutral-500", children: description })] }), shouldShowContent() && (_jsx("div", { className: cn("flex-1 transition-all duration-300 ease-in-out", noPadding ? "" : "p-4 pt-0 md:p-6 md:pt-0", isFullscreen && "overflow-hidden", 
                         // Handle responsive behavior for mobile-only collapsible options
                         collapsible === "mobileOnly" &&
                             !isExpanded &&
                             summary &&
-                            "block md:hidden", collapsible === "mobileOnly" && isExpanded && "block", className), children: !isExpanded && summary && isCollapsibleEnabled ? (_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("div", { className: "flex-1 cursor-pointer", onClick: toggleExpanded, children: summary }), collapsible === "yes" && (_jsx("button", { onClick: toggleExpanded, className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200", "aria-label": "Expand", children: _jsx("svg", { className: "h-4 w-4 rotate-0 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })), collapsible === "mobileOnly" && (_jsx("button", { onClick: toggleExpanded, className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200 md:hidden", "aria-label": "Expand", children: _jsx("svg", { className: "h-4 w-4 rotate-0 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }))] })) : (_jsx(_Fragment, { children: isExpanded && isCollapsibleEnabled && summary ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 flex items-start justify-between gap-2", children: [_jsx("div", { className: "flex-1 cursor-pointer", onClick: toggleExpanded, children: summary }), collapsible === "yes" && (_jsx("button", { onClick: toggleExpanded, className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200", "aria-label": "Collapse", children: _jsx("svg", { className: "h-4 w-4 rotate-180 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })), collapsible === "mobileOnly" && (_jsx("button", { onClick: toggleExpanded, className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex-shrink-0 transition-colors duration-200 md:hidden", "aria-label": "Collapse", children: _jsx("svg", { className: "h-4 w-4 rotate-180 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }))] }), _jsx("div", { children: children })] })) : (getContentToShow()) })) })), collapsible === "mobileOnly" && (_jsx("div", { className: cn("hidden flex-1 transition-all duration-300 ease-in-out md:block", noPadding ? "" : "p-4 pt-0 md:p-6", className), children: children })), footer && (_jsx("div", { className: "border-border-default border-t p-4 pt-0 md:p-6", children: footer }))] })] }));
+                            "block md:hidden", collapsible === "mobileOnly" && isExpanded && "block", className), children: !isExpanded && summary && isCollapsibleEnabled ? (_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("div", { className: "flex-1 cursor-pointer", onClick: toggleExpanded, children: summary }), collapsible === "yes" && (_jsx("button", { onClick: toggleExpanded, className: "flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700", "aria-label": "Expand", children: _jsx("svg", { className: "h-4 w-4 rotate-0 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })), collapsible === "mobileOnly" && (_jsx("button", { onClick: toggleExpanded, className: "flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700 md:hidden", "aria-label": "Expand", children: _jsx("svg", { className: "h-4 w-4 rotate-0 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }))] })) : (_jsx(_Fragment, { children: isExpanded && isCollapsibleEnabled && summary ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 flex items-start justify-between gap-2", children: [_jsx("div", { className: "flex-1 cursor-pointer", onClick: toggleExpanded, children: summary }), collapsible === "yes" && (_jsx("button", { onClick: toggleExpanded, className: "flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700", "aria-label": "Collapse", children: _jsx("svg", { className: "h-4 w-4 rotate-180 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })), collapsible === "mobileOnly" && (_jsx("button", { onClick: toggleExpanded, className: "flex-shrink-0 text-neutral-500 transition-colors duration-200 hover:text-neutral-700 md:hidden", "aria-label": "Collapse", children: _jsx("svg", { className: "h-4 w-4 rotate-180 transition-transform duration-200", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }))] }), _jsx("div", { children: children })] })) : (getContentToShow()) })) })), collapsible === "mobileOnly" && (_jsx("div", { className: cn("hidden flex-1 transition-all duration-300 ease-in-out md:block", noPadding ? "" : "p-4 pt-0 md:p-6", className), children: children })), footer && (_jsx("div", { className: "border-t border-gray-100 p-4 pt-0 md:p-6", children: footer }))] })] }));
 }
 //# sourceMappingURL=card.js.map

package/dist/components/ui/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/checkbox.js

@@ -4,7 +4,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon } from "lucide-react";
 import { cn } from "../../lib/utils";
 function Checkbox({ className, ...props }) {
-    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-neutral-grey-100 focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive size-4 shrink-0 cursor-pointer rounded-[4px] border outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
+    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 cursor-pointer rounded-[4px] border outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
 }
 export { Checkbox };
 //# sourceMappingURL=checkbox.js.map

package/dist/components/ui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,gZAAgZ,EAChZ,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,+DAA+D,YAEzE,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,GAAG,GACN,GACP,CAC1B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,geAAge,EAChe,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,+DAA+D,YAEzE,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,GAAG,GACN,GACP,CAC1B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/command.d.ts

@@ -8,8 +8,7 @@ declare function CommandDialog({ title, description, children, className, showCl
     className?: string;
     showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-type CommandInputProps = Omit<React.ComponentProps<typeof CommandPrimitive.Input>, "size">;
-declare function CommandInput({ className, onValueChange, ...props }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
 declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
 declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
 declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/command.js

@@ -1,9 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
 import { cn } from "../../lib/utils";
-import { SearchInput } from "../SearchInput";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";
 function Command({ className, ...props }) {
     return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props }));
@@ -11,11 +10,8 @@ function Command({ className, ...props }) {
 function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
     return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
 }
-function CommandInput({ className, onValueChange, ...props }) {
-    const handleValueChange = React.useCallback((value) => {
-        onValueChange?.(value);
-    }, [onValueChange]);
-    return (_jsx("div", { "data-slot": "command-input-wrapper", className: "flex items-center border-b px-3 py-1.5", children: _jsx(SearchInput, { inputComponent: CommandPrimitive.Input, "data-slot": "command-input", className: "w-full", searchIconClassName: "left-2", inputClassName: cn("placeholder:text-muted-foreground border-0 bg-transparent py-1.5 text-xs outline-hidden focus-visible:border-transparent focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", className), ...props, onValueChange: handleValueChange }) }));
+function CommandInput({ className, ...props }) {
+    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex items-center gap-2 border-b px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("placeholder:text-muted-foreground flex w-full rounded-md bg-transparent p-1.5 text-xs outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
 }
 function CommandList({ className, ...props }) {
     return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
@@ -27,7 +23,7 @@ function CommandGroup({ className, ...props }) {
     return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className), ...props }));
 }
 function CommandSeparator({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("bg-border-default -mx-1 h-px", className), ...props }));
+    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px", className), ...props }));
 }
 function CommandItem({ className, ...props }) {
     return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-xs outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));

package/dist/components/ui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/context-menu.d.ts

@@ -1,20 +1,6 @@
 import * as React from "react";
-type RectLike = Pick<DOMRectReadOnly, "left" | "right" | "top" | "bottom">;
-export declare function getSubmenuPosition({ triggerRect, menuWidth, menuHeight, viewportWidth, viewportHeight, padding, }: {
-    triggerRect: RectLike;
-    menuWidth: number;
-    menuHeight: number;
-    viewportWidth: number;
-    viewportHeight: number;
-    padding?: number;
-}): {
-    left: number;
-    top: number;
-    maxHeight: number;
-};
-declare function ContextMenu({ children, onOpenChange, }: {
+declare function ContextMenu({ children }: {
     children: React.ReactNode;
-    onOpenChange?: (open: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element;
 type TriggerProps = {
     asChild?: boolean;

package/dist/components/ui/context-menu.js

@@ -3,30 +3,6 @@ import * as React from "react";
 import { createPortal } from "react-dom";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { cn } from "../../lib/utils";
-const VIEWPORT_PADDING = 8;
-export function getSubmenuPosition({ triggerRect, menuWidth, menuHeight, viewportWidth, viewportHeight, padding = VIEWPORT_PADDING, }) {
-    const availableViewportHeight = Math.max(viewportHeight - padding * 2, 0);
-    const placementHeight = Math.min(Math.max(menuHeight, 0), availableViewportHeight);
-    let left = triggerRect.right;
-    if (left + menuWidth > viewportWidth - padding) {
-        left = triggerRect.left - menuWidth;
-        if (left < padding) {
-            left = padding;
-        }
-    }
-    let top = triggerRect.top;
-    if (top + placementHeight > viewportHeight - padding) {
-        top = triggerRect.bottom - placementHeight;
-    }
-    if (top < padding) {
-        top = padding;
-    }
-    return {
-        left,
-        top,
-        maxHeight: Math.max(viewportHeight - top - padding, 0),
-    };
-}
 const ContextMenuRootContext = React.createContext(null);
 function useContextMenuRoot() {
     const ctx = React.useContext(ContextMenuRootContext);
@@ -34,7 +10,7 @@ function useContextMenuRoot() {
         throw new Error("ContextMenu components must be used within ContextMenu");
     return ctx;
 }
-function ContextMenu({ children, onOpenChange, }) {
+function ContextMenu({ children }) {
     const [position, setPosition] = React.useState(null);
     const containersRef = React.useRef(new Set());
     const isOpen = position !== null;
@@ -52,9 +28,6 @@ function ContextMenu({ children, onOpenChange, }) {
         if (el)
             containersRef.current.delete(el);
     }, []);
-    React.useEffect(() => {
-        onOpenChange?.(isOpen);
-    }, [isOpen, onOpenChange]);
     React.useEffect(() => {
         if (!isOpen)
             return;
@@ -190,7 +163,7 @@ function ContextMenuContent({ className, children, }) {
         top: defaultTop,
         maxHeight: window.innerHeight - PADDING * 2,
     };
-    const node = (_jsx("div", { ref: contentRefCallback, "data-slot": "context-menu-content", "data-testid": "context-menu-content", className: cn("text-popover-foreground border-border-default z-50 min-w-[9rem] overflow-y-auto rounded-xl border bg-white/95 p-1 font-normal shadow-[0_10px_40px_color-mix(in_srgb,var(--color-neutral-grey-100)_10%,transparent)] backdrop-blur-md", className), style: {
+    const node = (_jsx("div", { ref: contentRefCallback, "data-slot": "context-menu-content", "data-testid": "context-menu-content", className: cn("text-popover-foreground z-50 min-w-[9rem] overflow-y-auto rounded-xl border border-gray-100 bg-white/95 p-1 font-normal shadow-[0_10px_40px_rgba(0,0,0,0.1)] backdrop-blur-md", className), style: {
             position: "fixed",
             left: finalPosition.left,
             top: finalPosition.top,
@@ -232,7 +205,14 @@ function ContextMenuItem({ className, inset, variant = "default", onClick, onSel
             }, 0);
         }
     };
+    const handleMouseDown = (e) => {
+        // Trigger on primary-button press for snappier UX and to avoid external handlers interfering
+        if (e.button === 0) {
+            performAction(e);
+        }
+    };
     const handleClick = (e) => {
+        // Fallback in case mousedown didn't fire
         performAction(e);
     };
     const handleKeyDown = (e) => {
@@ -250,7 +230,7 @@ function ContextMenuItem({ className, inset, variant = "default", onClick, onSel
         level?.setOpenSubmenuId(null);
         onFocus?.(e);
     };
-    return (_jsx("div", { role: "menuitem", "data-slot": "context-menu-item", "data-testid": "context-menu-item", "data-inset": inset, "data-variant": variant, "data-disabled": disabled ? "" : undefined, className: cn("group hover:bg-neutral-grey-5/50 focus:bg-neutral-grey-5/50 relative flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1.5 text-[12px] font-normal transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-3.5 [&_svg]:shrink-0", className), onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: handleMouseEnter, onFocus: handleFocus, ...rest }));
+    return (_jsx("div", { role: "menuitem", "data-slot": "context-menu-item", "data-testid": "context-menu-item", "data-inset": inset, "data-variant": variant, "data-disabled": disabled ? "" : undefined, className: cn("group relative flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1.5 text-[12px] font-medium transition-colors outline-none select-none hover:bg-gray-100/50 focus:bg-gray-100/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-3.5 [&_svg]:shrink-0", className), onMouseDown: handleMouseDown, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: handleMouseEnter, onFocus: handleFocus, ...rest }));
 }
 function ContextMenuCheckboxItem({ className, children, checked, onClick, ...rest }) {
     const { close } = useContextMenuRoot();
@@ -261,7 +241,7 @@ function ContextMenuCheckboxItem({ className, children, checked, onClick, ...res
             onClick(e);
         close();
     };
-    return (_jsxs("div", { "data-slot": "context-menu-checkbox-item", "data-testid": "context-menu-checkbox-item", "data-disabled": rest.disabled ? "" : undefined, className: cn("hover:text-accent-foreground focus:text-accent-foreground hover:bg-neutral-grey-5 focus:bg-neutral-grey-5 relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-xs outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), onClick: handle, ...rest, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? _jsx(CheckIcon, { className: "size-4" }) : null }), children] }));
+    return (_jsxs("div", { "data-slot": "context-menu-checkbox-item", "data-testid": "context-menu-checkbox-item", "data-disabled": rest.disabled ? "" : undefined, className: cn("hover:text-accent-foreground focus:text-accent-foreground relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-xs outline-hidden select-none hover:bg-gray-100 focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), onClick: handle, ...rest, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? _jsx(CheckIcon, { className: "size-4" }) : null }), children] }));
 }
 function ContextMenuRadioGroup({ children }) {
     return (_jsx("div", { "data-slot": "context-menu-radio-group", "data-testid": "context-menu-radio-group", children: children }));
@@ -275,13 +255,13 @@ function ContextMenuRadioItem({ className, children, checked, onClick, ...rest }
             onClick(e);
         close();
     };
-    return (_jsxs("div", { "data-slot": "context-menu-radio-item", "data-testid": "context-menu-radio-item", "data-disabled": rest.disabled ? "" : undefined, className: cn("hover:text-accent-foreground focus:text-accent-foreground hover:bg-neutral-grey-5 focus:bg-neutral-grey-5 relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-xs outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), onClick: handle, ...rest, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? _jsx(CircleIcon, { className: "size-2 fill-current" }) : null }), children] }));
+    return (_jsxs("div", { "data-slot": "context-menu-radio-item", "data-testid": "context-menu-radio-item", "data-disabled": rest.disabled ? "" : undefined, className: cn("hover:text-accent-foreground focus:text-accent-foreground relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-xs outline-hidden select-none hover:bg-gray-100 focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), onClick: handle, ...rest, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? _jsx(CircleIcon, { className: "size-2 fill-current" }) : null }), children] }));
 }
 function ContextMenuLabel({ className, inset, ...rest }) {
-    return (_jsx("div", { "data-slot": "context-menu-label", "data-testid": "context-menu-label", "data-inset": inset, className: cn("text-neutral-grey-50 px-2.5 py-1.5 text-[10px] font-bold tracking-wider", className), ...rest }));
+    return (_jsx("div", { "data-slot": "context-menu-label", "data-testid": "context-menu-label", "data-inset": inset, className: cn("px-2.5 py-1.5 text-[10px] font-bold tracking-wider text-gray-400 uppercase", className), ...rest }));
 }
 function ContextMenuSeparator({ className, ...rest }) {
-    return (_jsx("div", { role: "separator", "data-slot": "context-menu-separator", "data-testid": "context-menu-separator", className: cn("bg-border-default -mx-1 my-1 h-px", className), ...rest }));
+    return (_jsx("div", { role: "separator", "data-slot": "context-menu-separator", "data-testid": "context-menu-separator", className: cn("bg-border -mx-1 my-1 h-px", className), ...rest }));
 }
 function ContextMenuShortcut({ className, ...rest }) {
     return (_jsx("span", { "data-slot": "context-menu-shortcut", "data-testid": "context-menu-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...rest }));
@@ -318,13 +298,17 @@ function ContextMenuSubTrigger({ className, inset, children, disabled, ...rest }
         if (!disabled)
             setOpen(true);
     };
-    return (_jsxs("div", { ref: triggerRef, "data-slot": "context-menu-sub-trigger", "data-testid": "context-menu-sub-trigger", "data-inset": inset, "data-disabled": disabled ? "" : undefined, className: cn("group hover:text-accent-foreground focus:text-accent-foreground hover:bg-neutral-grey-5/50 focus:bg-neutral-grey-5/50 flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1.5 text-[12px] font-normal outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0", className), onMouseEnter: openSub, onClick: openSub, ...rest, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto" })] }));
+    return (_jsxs("div", { ref: triggerRef, "data-slot": "context-menu-sub-trigger", "data-testid": "context-menu-sub-trigger", "data-inset": inset, "data-disabled": disabled ? "" : undefined, className: cn("group hover:text-accent-foreground focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1.5 text-[12px] font-medium outline-hidden select-none hover:bg-gray-100/50 focus:bg-gray-100/50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0", className), onMouseEnter: openSub, onClick: openSub, ...rest, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto" })] }));
 }
 function ContextMenuSubContent({ className, children, }) {
     const { isOpen, setOpen, triggerRef } = useSubmenu();
     const { registerContainer, unregisterContainer } = useContextMenuRoot();
     const [openSubmenuId, setOpenSubmenuId] = React.useState(null);
-    const [coords, setCoords] = React.useState(null);
+    const [coords, setCoords] = React.useState({
+        left: 0,
+        top: 0,
+        maxHeight: 0,
+    });
     const menuRef = React.useRef(null);
     const subContentRefCallback = React.useCallback((el) => {
         menuRef.current = el;
@@ -332,50 +316,59 @@ function ContextMenuSubContent({ className, children, }) {
             registerContainer(el);
         }
     }, [registerContainer]);
-    React.useLayoutEffect(() => {
+    React.useEffect(() => {
         const trig = triggerRef.current;
-        const menuEl = menuRef.current;
-        if (!isOpen) {
-            setCoords(null);
+        if (!trig || !isOpen)
             return;
+        const rect = trig.getBoundingClientRect();
+        const viewportHeight = window.innerHeight;
+        const viewportWidth = window.innerWidth;
+        const PADDING = 8; // Padding from viewport edges
+        let left = rect.right;
+        let top = rect.top;
+        // Get menu dimensions if available
+        const menuEl = menuRef.current;
+        const menuWidth = menuEl?.offsetWidth || 200;
+        // Check if menu would overflow right edge of viewport
+        if (left + menuWidth > viewportWidth - PADDING) {
+            // Position to the left of the trigger
+            left = rect.left - menuWidth;
+            // Ensure it doesn't go off the left edge
+            if (left < PADDING) {
+                left = PADDING;
+            }
         }
-        if (!trig || !menuEl)
-            return;
-        const updatePosition = () => {
-            const triggerRect = trig.getBoundingClientRect();
-            const menuRect = menuEl.getBoundingClientRect();
-            setCoords(getSubmenuPosition({
-                triggerRect,
-                menuWidth: Math.max(menuRect.width, menuEl.offsetWidth, 200),
-                menuHeight: Math.max(menuRect.height, menuEl.scrollHeight),
-                viewportWidth: window.innerWidth,
-                viewportHeight: window.innerHeight,
-            }));
-        };
-        updatePosition();
-        window.addEventListener("resize", updatePosition);
-        window.addEventListener("scroll", updatePosition, true);
-        let resizeObserver = null;
-        if (typeof ResizeObserver !== "undefined") {
-            resizeObserver = new ResizeObserver(updatePosition);
-            resizeObserver.observe(menuEl);
+        // Calculate available height from the top position to viewport bottom
+        const availableHeightBelow = viewportHeight - top - PADDING;
+        const availableHeightAbove = rect.bottom - PADDING;
+        // Calculate max height - use a reasonable portion of viewport
+        let maxHeight;
+        // If there's not enough space below, try positioning above
+        if (availableHeightBelow < 200 &&
+            availableHeightAbove > availableHeightBelow) {
+            // Position above - align bottom of menu with bottom of trigger
+            maxHeight = Math.min(availableHeightAbove, viewportHeight - 2 * PADDING);
+            // We'll adjust top after measuring, for now use available height
+            top = Math.max(PADDING, rect.bottom - Math.min(maxHeight, availableHeightAbove));
         }
-        return () => {
-            window.removeEventListener("resize", updatePosition);
-            window.removeEventListener("scroll", updatePosition, true);
-            if (resizeObserver) {
-                resizeObserver.disconnect();
+        else {
+            // Position below
+            maxHeight = availableHeightBelow;
+            // Ensure top doesn't go above viewport
+            if (top < PADDING) {
+                top = PADDING;
+                maxHeight = viewportHeight - 2 * PADDING;
             }
-        };
-    }, [children, isOpen, triggerRef]);
+        }
+        setCoords({ left, top, maxHeight });
+    }, [triggerRef.current, isOpen]);
     if (!isOpen)
         return null;
-    const node = (_jsx("div", { ref: subContentRefCallback, "data-slot": "context-menu-sub-content", "data-testid": "context-menu-sub-content", className: cn("text-popover-foreground border-border-default z-50 min-w-[9rem] overflow-y-auto rounded-xl border bg-white/95 p-1 font-normal shadow-[0_10px_40px_color-mix(in_srgb,var(--color-neutral-grey-100)_10%,transparent)] backdrop-blur-md", className), style: {
+    const node = (_jsx("div", { ref: subContentRefCallback, "data-slot": "context-menu-sub-content", "data-testid": "context-menu-sub-content", className: cn("text-popover-foreground z-50 min-w-[9rem] overflow-y-auto rounded-xl border border-gray-100 bg-white/95 p-1 font-normal shadow-[0_10px_40px_rgba(0,0,0,0.1)] backdrop-blur-md", className), style: {
             position: "fixed",
-            left: coords?.left ?? 0,
-            top: coords?.top ?? 0,
-            maxHeight: coords && coords.maxHeight > 0 ? coords.maxHeight : undefined,
-            opacity: coords ? 1 : 0,
+            left: coords.left,
+            top: coords.top,
+            maxHeight: coords.maxHeight > 0 ? coords.maxHeight : undefined,
         }, onMouseLeave: () => setOpen(false), onMouseEnter: () => setOpen(true), children: _jsx(SubmenuLevelContext.Provider, { value: { openSubmenuId, setOpenSubmenuId }, children: children }) }));
     return createPortal(node, document.body);
 }