@nexub/react 1.5.1 → 1.7.0

package/dist/{chunk-GHCV6UXG.js → chunk-BTYDDKRQ.js}

@@ -34,21 +34,21 @@ var thumbVariants = cva(
   [
     "pointer-events-none block rounded-full shadow-elevation-1",
     "transition-[transform,background-color] duration-expressive-fast ease-expressive-fast",
-    "translate-x-0.5 data-[state=unchecked]:bg-[var(--color-outline)] data-[state=checked]:bg-[var(--color-on-primary)] data-[disabled]:data-[state=unchecked]:bg-[var(--color-outline-variant)]"
+    "translate-x-0.5 rtl:-translate-x-0.5 data-[state=unchecked]:bg-[var(--color-outline)] data-[state=checked]:bg-[var(--color-on-primary)] data-[disabled]:data-[state=unchecked]:bg-[var(--color-outline-variant)]"
   ],
   {
     variants: {
       size: {
-        sm: "h-3 w-3 data-[state=checked]:translate-x-[18px]",
-        md: "h-5 w-5 data-[state=checked]:translate-x-[22px]",
-        lg: "h-6 w-6 data-[state=checked]:translate-x-[26px]"
+        sm: "h-3 w-3 data-[state=checked]:translate-x-[18px] rtl:data-[state=checked]:-translate-x-[18px]",
+        md: "h-5 w-5 data-[state=checked]:translate-x-[22px] rtl:data-[state=checked]:-translate-x-[22px]",
+        lg: "h-6 w-6 data-[state=checked]:translate-x-[26px] rtl:data-[state=checked]:-translate-x-[26px]"
       }
     },
     defaultVariants: { size: "md" }
   }
 );
 var Switch = React.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(RadixSwitch.Root, { ref, className: cn(switchVariants({ size }), className), ...props, children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: cn(thumbVariants({ size })) }) })
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(RadixSwitch.Root, { ref, className: cn(switchVariants({ size }), "nx-hit", className), ...props, children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: cn(thumbVariants({ size })) }) })
 );
 Switch.displayName = "Switch";
 

package/dist/chunk-C6JRJ6JW.js

@@ -0,0 +1,167 @@
+'use client';
+import {
+  disabledContainer,
+  disabledText,
+  pressable
+} from "./chunk-7SXR4PGO.js";
+import {
+  glassSurfaceClass
+} from "./chunk-DEIBF3P7.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/Button/Button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Loader2 } from "@nexub/icons";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var toneTextClasses = {
+  neutral: "text-[var(--color-on-surface-variant)]",
+  info: "text-[var(--color-info)]",
+  success: "text-[var(--color-success)]",
+  warning: "text-[var(--color-warning)]",
+  danger: "text-[var(--color-error)]",
+  leap: "text-[var(--color-leap)]",
+  bookub: "text-[var(--color-bookub)]",
+  payub: "text-[var(--color-payub)]",
+  founderub: "text-[var(--color-founderub)]"
+};
+var toneClasses = {
+  neutral: "bg-[var(--color-surface-container-high)] text-[var(--color-on-surface)]",
+  info: "bg-[var(--color-info)] text-[var(--color-on-info)]",
+  success: "bg-[var(--color-success)] text-[var(--color-on-success)]",
+  warning: "bg-[var(--color-warning)] text-[var(--color-on-warning)]",
+  danger: "bg-[var(--color-error)] text-[var(--color-on-error)]",
+  leap: "bg-[var(--color-leap)] text-[var(--color-on-leap)]",
+  bookub: "bg-[var(--color-bookub)] text-[var(--color-on-bookub)]",
+  payub: "bg-[var(--color-payub)] text-[var(--color-on-payub)]",
+  founderub: "bg-[var(--color-founderub)] text-[var(--color-on-founderub)]"
+};
+var filled = `bg-[var(--color-primary)] text-[var(--color-on-primary)] ${disabledContainer}`;
+var tonal = `bg-[var(--color-secondary-container)] text-[var(--color-on-secondary-container)] ${disabledContainer}`;
+var outlined = `bg-transparent border border-[var(--color-outline-variant)] text-[var(--color-on-surface)] ${disabledContainer}`;
+var text = `bg-transparent text-[var(--color-on-surface)] ${disabledText}`;
+var buttonVariants = cva(
+  [pressable, "nx-hit relative inline-flex items-center justify-center gap-2 whitespace-nowrap"],
+  {
+    variants: {
+      variant: {
+        filled,
+        tonal,
+        outlined,
+        text,
+        // Thin glass: for buttons floating over content/media (toolbars, media controls).
+        glass: `border ${glassSurfaceClass} text-[var(--color-on-surface)] ${disabledContainer}`,
+        // Legacy names (kept as aliases).
+        primary: filled,
+        secondary: tonal,
+        subtle: `bg-[var(--color-surface-container-high)] text-[var(--color-on-surface)] ${disabledContainer}`,
+        outline: outlined,
+        ghost: text,
+        destructive: `bg-[var(--color-error)] text-[var(--color-on-error)] ${disabledContainer}`,
+        accent: `bg-[var(--color-tertiary)] text-[var(--color-on-tertiary)] ${disabledContainer}`,
+        link: `bg-transparent text-[var(--color-primary)] underline underline-offset-[0.3em] ${disabledText}`
+      },
+      // The control ladder (density-aware: data-density="compact" shrinks it).
+      size: {
+        xs: "h-control-xs px-2.5 text-label-sm",
+        sm: "h-control-sm px-3.5 text-label-md",
+        md: "h-control-md px-5 text-label-lg",
+        lg: "h-control-lg px-6 text-title-md",
+        xl: "h-control-xl px-7 text-title-md"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var CheckIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { className: "nx-check-draw", pathLength: 1, d: "M20 6 9 17l-5-5" }) });
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    tone,
+    status: statusProp,
+    loading,
+    loadingLabel = "Loading",
+    successLabel,
+    errorLabel = "Something went wrong",
+    fullWidth,
+    leadingIcon,
+    trailingIcon,
+    asChild = false,
+    disabled,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const status = statusProp ?? (loading ? "loading" : "idle");
+    const sharedProps = {
+      className: cn(
+        buttonVariants({ variant, size, fullWidth }),
+        tone ? toneClasses[tone] : "",
+        !asChild && status === "error" && "nx-shake",
+        className
+      ),
+      "data-tone": tone,
+      ...variant === "glass" && { "data-material": "glass", "data-glass-thickness": "thin" },
+      ...props
+    };
+    if (asChild) {
+      return /* @__PURE__ */ jsx(Slot, { ref, onClick, ...sharedProps, children });
+    }
+    const busy = status === "loading";
+    const swapLabel = status === "success" && successLabel !== void 0;
+    const overlay = busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }) : status === "success" && !swapLabel ? /* @__PURE__ */ jsx(CheckIcon, {}) : null;
+    const announcement = status === "loading" ? loadingLabel : status === "success" ? successLabel ?? "Done" : status === "error" ? errorLabel : "";
+    const button = /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        disabled,
+        "aria-busy": busy || void 0,
+        "aria-disabled": busy || props["aria-disabled"] || void 0,
+        onClick: (e) => {
+          if (busy) {
+            e.preventDefault();
+            return;
+          }
+          onClick?.(e);
+        },
+        "data-status": status === "idle" ? void 0 : status,
+        ...sharedProps,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: cn("contents", overlay && "text-transparent [&_img]:invisible [&_svg]:invisible"), children: swapLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CheckIcon, {}),
+            successLabel
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            leadingIcon,
+            children,
+            trailingIcon
+          ] }) }),
+          overlay && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true", children: overlay })
+        ]
+      }
+    );
+    if (statusProp === void 0 && loading === void 0) return button;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      button,
+      /* @__PURE__ */ jsx("span", { role: "status", className: "sr-only", children: announcement })
+    ] });
+  }
+);
+Button.displayName = "Button";
+
+export {
+  toneTextClasses,
+  buttonVariants,
+  Button
+};

package/dist/chunk-CAOLGXA5.js

@@ -0,0 +1 @@
+'use client';

package/dist/{chunk-OJ2TLWYD.js → chunk-CKFRMCZ7.js}

@@ -1,8 +1,10 @@
 'use client';
 import {
-  useMergedRefs,
   useSlidingIndicator
-} from "./chunk-YRDCY6BI.js";
+} from "./chunk-6UKNUI46.js";
+import {
+  useMergedRefs
+} from "./chunk-MNEXMMLM.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -55,7 +57,7 @@ var Trigger2 = React.forwardRef(
       ref,
       className: cn(
         // State layer for hover/press; focus = the global ring.
-        "nx-state-layer relative inline-flex h-control-md items-center justify-center whitespace-nowrap rounded-t-lg px-4 text-label-lg select-none",
+        "nx-state-layer relative inline-flex h-control-md items-center justify-center whitespace-nowrap rounded-t-[var(--shape-field)] px-4 text-label-lg select-none",
         "text-[var(--color-on-surface-variant)] transition-colors duration-effects-fast ease-effects-fast",
         "data-[state=active]:text-[var(--color-primary)]",
         "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]",

package/dist/{chunk-LZB3KTSH.js → chunk-CQWYZPPJ.js}

@@ -46,7 +46,7 @@ var IconButton = React.forwardRef(
       {
         ref,
         "aria-label": label,
-        className: cn(iconButtonVariants({ variant, size }), className),
+        className: cn(iconButtonVariants({ variant, size }), "nx-hit", className),
         ...props,
         children
       }

package/dist/{chunk-6RBNM5RO.js → chunk-CUOASXI7.js}

@@ -11,18 +11,18 @@ var separatorVariants = cva("", {
   variants: {
     orientation: {
       horizontal: "w-full border-t",
-      vertical: "h-full border-l self-stretch"
+      vertical: "h-full border-s self-stretch"
     },
     tone: {
-      neutral: "border-[var(--color-border-default)]",
-      info: "border-[var(--color-semantic-info-default)]/30",
-      success: "border-[var(--color-semantic-success-default)]/30",
-      warning: "border-[var(--color-semantic-warning-default)]/30",
-      danger: "border-[var(--color-semantic-error-default)]/30",
-      leap: "border-[var(--color-leap-500)]/30",
-      bookub: "border-[var(--color-bookub-500)]/30",
-      payub: "border-[var(--color-payub-500)]/30",
-      founderub: "border-[var(--color-founderub-500)]/30"
+      neutral: "border-[var(--color-outline-variant)]",
+      info: "border-[color-mix(in_srgb,var(--color-info)_30%,transparent)]",
+      success: "border-[color-mix(in_srgb,var(--color-success)_30%,transparent)]",
+      warning: "border-[color-mix(in_srgb,var(--color-warning)_30%,transparent)]",
+      danger: "border-[color-mix(in_srgb,var(--color-error)_30%,transparent)]",
+      leap: "border-[color-mix(in_srgb,var(--color-leap)_30%,transparent)]",
+      bookub: "border-[color-mix(in_srgb,var(--color-bookub)_30%,transparent)]",
+      payub: "border-[color-mix(in_srgb,var(--color-payub)_30%,transparent)]",
+      founderub: "border-[color-mix(in_srgb,var(--color-founderub)_30%,transparent)]"
     }
   },
   defaultVariants: {

package/dist/{chunk-HG6HTUWU.js → chunk-CV5ZKED7.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   Kbd
-} from "./chunk-A4IMFAZX.js";
+} from "./chunk-LESI7J7B.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -22,7 +22,7 @@ var KeyboardShortcut = React.forwardRef(
           index > 0 && /* @__PURE__ */ jsx(
             "span",
             {
-              className: "text-[var(--color-text-muted)] text-xs select-none",
+              className: "text-[var(--color-on-surface-muted)] text-xs select-none",
               "aria-hidden": "true",
               children: "+"
             }

package/dist/{chunk-HJERFB7J.js → chunk-DDRYT3SY.js}

@@ -14,7 +14,7 @@ var Code = React.forwardRef(
         {
           ref,
           className: cn(
-            "font-mono text-sm bg-[var(--color-bg-muted)] px-1.5 py-0.5 rounded",
+            "font-mono text-sm bg-[var(--color-surface-container-high)] px-1.5 py-0.5 rounded-shape-min",
             className
           ),
           ...rest,
@@ -26,7 +26,7 @@ var Code = React.forwardRef(
       "pre",
       {
         className: cn(
-          "overflow-x-auto rounded-md bg-[var(--color-bg-muted)] p-4",
+          "overflow-x-auto rounded-shape-container bg-[var(--color-surface-container-high)] p-4",
           className
         ),
         children: /* @__PURE__ */ jsx(

package/dist/chunk-DGCAM2UJ.js

@@ -0,0 +1,60 @@
+'use client';
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/Skeleton/Skeleton.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var skeletonVariants = cva(
+  "block bg-surface-container-highest",
+  {
+    variants: {
+      shape: {
+        line: "h-[1em] w-full rounded-shape-min",
+        rect: "w-full rounded-shape-container",
+        circle: "size-10 rounded-full"
+      },
+      animated: {
+        true: "animate-pulse motion-reduce:animate-none"
+      }
+    },
+    defaultVariants: {
+      shape: "line",
+      animated: true
+    }
+  }
+);
+var px = (v) => typeof v === "number" ? `${v}px` : v;
+var Skeleton = React.forwardRef(
+  ({
+    className,
+    shape = "line",
+    width,
+    height,
+    animated = true,
+    style,
+    ...props
+  }, ref) => {
+    const w = width ?? (shape === "circle" ? height : void 0);
+    const h = height ?? (shape === "circle" ? width : void 0);
+    const sizeStyle = w !== void 0 || h !== void 0 ? { ...w !== void 0 && { width: px(w) }, ...h !== void 0 && { height: px(h) } } : void 0;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: cn(skeletonVariants({ shape, animated }), className),
+        style: sizeStyle || style ? { ...sizeStyle, ...style } : void 0,
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+export {
+  skeletonVariants,
+  Skeleton
+};

package/dist/{chunk-FD7YU53N.js → chunk-DT3QGFXB.js}

@@ -16,10 +16,10 @@ var sectionVariants = cva("w-full", {
       lg: "py-32"
     },
     tone: {
-      default: "bg-[var(--color-bg-default)]",
-      subtle: "bg-[var(--color-bg-subtle)]",
-      muted: "bg-[var(--color-bg-muted)]",
-      inverse: "bg-[var(--color-bg-inverse)] text-[var(--color-text-inverse)]"
+      default: "bg-[var(--color-surface)]",
+      subtle: "bg-[var(--color-surface-container-low)]",
+      muted: "bg-[var(--color-surface-container-high)]",
+      inverse: "bg-[var(--color-inverse-surface)] text-[var(--color-inverse-on-surface)]"
     }
   },
   defaultVariants: {

package/dist/chunk-F73DTG2V.js

@@ -0,0 +1,123 @@
+'use client';
+import {
+  glassSurfaceClass
+} from "./chunk-DEIBF3P7.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/Card/Card.tsx
+import * as React2 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+// src/hooks/usePointerSheen.ts
+import * as React from "react";
+function usePointerSheen(enabled, onPointerMove) {
+  const frame = React.useRef(0);
+  React.useEffect(() => () => cancelAnimationFrame(frame.current), []);
+  const handler = React.useCallback(
+    (event) => {
+      onPointerMove?.(event);
+      if (event.pointerType === "touch") return;
+      const el = event.currentTarget;
+      const { clientX, clientY } = event;
+      cancelAnimationFrame(frame.current);
+      frame.current = requestAnimationFrame(() => {
+        const r = el.getBoundingClientRect();
+        el.style.setProperty("--nx-mx", `${clientX - r.left}px`);
+        el.style.setProperty("--nx-my", `${clientY - r.top}px`);
+      });
+    },
+    [onPointerMove]
+  );
+  return enabled ? handler : onPointerMove;
+}
+
+// src/components/Card/Card.tsx
+import { jsx } from "react/jsx-runtime";
+var cardVariants = cva(
+  // In-flow content: tone + a soft alpha hairline, no shadow (shadows are for floating layers).
+  // A CardLink inside stretches over the card; the card then carries its focus ring.
+  "rounded-shape-container bg-[var(--color-surface-elevated)] border border-[color-mix(in_srgb,var(--color-outline-variant)_60%,transparent)] text-[var(--color-on-surface)] has-[[data-card-link]]:relative has-[[data-card-link]:focus-visible]:outline has-[[data-card-link]:focus-visible]:outline-[3px] has-[[data-card-link]:focus-visible]:outline-offset-2 has-[[data-card-link]:focus-visible]:outline-[var(--color-primary)]",
+  {
+    variants: {
+      variant: {
+        flat: "",
+        surface: "bg-[var(--color-surface-elevated)] shadow-elevation-1",
+        // Lift on hover (spring, elevation 1 → 2), sink on press, state layer
+        // tint; see .nx-lift in themes/base.css.
+        interactive: "nx-state-layer nx-lift cursor-pointer bg-[var(--color-surface-elevated)] shadow-elevation-1"
+      },
+      // Material. 'glass' needs data-material="glass" on the element (set in the
+      // component) for the --glass-* vars to resolve. Single box-shadow carries
+      // both the inset specular highlight and the drop shadow so neither clobbers
+      // the other. Listed after `variant` so tailwind-merge lets it win on bg/border.
+      surface: {
+        solid: "",
+        glass: glassSurfaceClass
+      }
+    },
+    defaultVariants: {
+      variant: "flat",
+      surface: "solid"
+    }
+  }
+);
+var toneBorderMap = {
+  neutral: "",
+  info: "border-s-4 border-s-[var(--color-info)]",
+  success: "border-s-4 border-s-[var(--color-success)]",
+  warning: "border-s-4 border-s-[var(--color-warning)]",
+  danger: "border-s-4 border-s-[var(--color-error)]",
+  leap: "border-s-4 border-s-[var(--color-leap)]",
+  bookub: "border-s-4 border-s-[var(--color-bookub)]",
+  payub: "border-s-4 border-s-[var(--color-payub)]",
+  founderub: "border-s-4 border-s-[var(--color-founderub)]"
+};
+var Card = React2.forwardRef(
+  ({ className, variant = "flat", surface = "solid", effect = "none", tone, asChild = false, onPointerMove, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    const toneStyle = tone ? toneBorderMap[tone] : "";
+    const sheen = effect === "sheen";
+    const handlePointerMove = usePointerSheen(sheen, onPointerMove);
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(cardVariants({ variant, surface }), toneStyle, sheen && "nx-sheen", className),
+        onPointerMove: handlePointerMove,
+        "data-tone": tone,
+        "data-material": surface === "glass" ? "glass" : void 0,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+var CardLink = React2.forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-card-link": "",
+        className: cn(
+          "text-inherit no-underline outline-none after:absolute after:inset-0 after:rounded-[inherit] after:content-['']",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CardLink.displayName = "CardLink";
+
+export {
+  usePointerSheen,
+  cardVariants,
+  Card,
+  CardLink
+};

package/dist/{chunk-Z3IG5WRA.js → chunk-FJUVYRNT.js}

@@ -27,7 +27,7 @@ var Input = React.forwardRef(
     {
       ref,
       className: cn(
-        "flex h-control-md w-full bg-transparent text-body-md outline-none placeholder:text-[var(--color-text-placeholder)] disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
+        "flex h-control-md w-full bg-transparent text-body-md outline-none placeholder:text-[var(--color-on-surface-muted)] disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
         className
       ),
       ...props
@@ -63,7 +63,7 @@ var Group = React.forwardRef(
     {
       ref,
       className: cn(
-        "overflow-hidden p-1 text-[var(--color-text-primary)] [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-text-muted)]",
+        "overflow-hidden p-1 text-[var(--color-on-surface)] [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-on-surface-muted)]",
         className
       ),
       ...props
@@ -77,7 +77,7 @@ var Item = React.forwardRef(
     {
       ref,
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-lg px-2.5 py-2 text-body-sm outline-none",
+        "relative flex cursor-default select-none items-center rounded-[10px] px-2.5 py-2 text-body-sm outline-none",
         // Highlight = the on-surface state layer at hover opacity.
         "aria-selected:bg-[color-mix(in_srgb,var(--color-on-surface)_8%,transparent)]",
         "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-[var(--color-text-disabled)]",

package/dist/{chunk-KQPLFVFR.js → chunk-FLZD7HQY.js}

@@ -12,7 +12,6 @@ var menuItem = [
 ].join(" ");
 var menuSeparator = "-mx-1.5 my-1.5 h-px bg-[var(--color-outline-variant)]";
 var menuLabel = "px-2.5 py-1.5 text-label-sm text-[var(--color-on-surface-muted)]";
-var enterExit = "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast data-[state=closed]:ease-effects-fast";
 var scrim = "bg-[color-mix(in_srgb,var(--color-scrim,#000)_40%,transparent)]";
 
 export {
@@ -22,6 +21,5 @@ export {
   menuItem,
   menuSeparator,
   menuLabel,
-  enterExit,
   scrim
 };